﻿body { 
	margin:0;
    padding:0;
    font:75%/1.4 arial,verdana,Helvetica,sans-serif;
    background-image: url(../../images/bg_body.jpg);
    background-position:top;
    background-repeat:repeat-x;
    text-align:center;
    
	}
h1 
{
	color:#333333;
	font-family: Sans-Serif;
	font-size: 200%;
	font-weight:lighter;
	
}
h1 span
{
	color:#ffffff;
}
h2
{
	color:#cacfdb;
	font-family: Sans-Serif;
	font-size: 170%;
	font-weight:lighter;
	
	
}
h3
{
	font-family: Sans-Serif;
	font-size: 150%;
	font-weight:lighter;	
}

a 
{
}

p { 
	margin-top: 0; 
	text-align: justify;
}
	
acronym {
}



/* specific divs */
#dvContainer { 
	width:850px;
    margin:0 auto;
    margin-top:0px;
    padding:0 0px;
    position:relative;
    color:#454545;
    text-align:left;
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */


 
 .DSLeft
 {
	margin:0px -10px 0px -10px;
    background:url(../../images/ds_lr.png) no-repeat top left;
    float:left;
 }
 .WorkArea
 {
	margin-left:10px;
	margin-right:10px;
	float:left;
 }
 #dvHeaderContainer 
{
    width:850px;
    height:105px;
    background-color:#ffffff;
}
#dvHeaderLogo {
    width: 227px;
    height:67px;
    float:left;
    margin-top:23px;
    margin-left:15px;
}

#dvHeaderBanner {
    width:405px; 
    height: 26px;
    margin-right:20px;
    margin-top:55px;
    float:right;
}

#dvMenu 
{
	background-color:#ffffff;
    height: 34px;
    width:850px;
    background-image:url(../../images/bg_menu.jpg);
    font-size:100%;
    font-weight:bold;
}
#dvMenu div.MenuItem {
	width:100px;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-top:10px;

}
#dvMenu div.MenuSep
{
	height:20px;
	width:1px;
	float:left;
	padding-top:10px;
}
.MenuLink
{
	text-decoration:none;
    	color:#666666;
}
.MenuActiveLink
{
	text-decoration:none;
    color:#21b6bd;
}
#dvMenu div.LoginItem {
	width:100px;
	text-align:center;
	float:right;
	padding-top:10px;
}

.LoginActiveLink
{
	color:#ff6600;
	text-decoration:none;
}
.LoginLink
{
	color:#666666;
}
#dvContent 
{
    	margin: 0 0 0 0;
    	float:left;
    	width:850px;
    	background-color:#ffffff;
    	background-image:url(../../images/bg_sub.gif);
    	background-position:top;
    	background-repeat:repeat-x;


}
#dvContent .AboutContent, .ServiceContent{
	margin: 0 0 0 0;
	min-height: 450px;
	position:relative;
    	background-image:url(../../images/bg_subsection.jpg);
    	background-position:bottom;
    	background-repeat:no-repeat;

}


.SubMenuContainer
{
	width:130px;
	float:left;
	background-color:#3c72a1;
	background-image:url(../../images/bg_submenu.gif);
	background-position:top;
	background-repeat:repeat-x;
	border-bottom:solid 3px #043064;
	padding-top:40px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:40px;
	margin-left:20px;
}
.SubMenuItem 
{
	width:100px;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}
.SubMenuSep
{
	width:100px;
}
.SubMenuLink
{
	text-decoration:none;
	color:#ffffff;
}
.SubMenuActiveLink
{
	text-decoration:none;
	color:#8ee7f4;
}
#WelcomeContainer 
{
	float:left;
	background-image: url(../../images/bg_welcome.jpg); 
	background-repeat: repeat-x; 
	background-position: top;
	background-color: #3c72a1; 
	width:850px;
}
#WelcomeContainer .WelcomeImage
{
	height: 223px;
	width: 355px;
	float:left;
}
#WelcomeContainer .WelcomeText 
{
	width:490px; 
	color: #ffffff; 
	float:right;
}
#WelcomeContainer .WelcomeText img
{
	margin-left:40px;
	margin-top:40px;
	margin-bottom:20px;
}
#WelcomeContainer .WelcomeText p
{
	margin-left:40px;
	margin-right:40px;

}
#HomeContainer
{
	width:850px;
	font-size:96%;
	float:left;
	padding-bottom:20px;
}
#HomeContainer .HomeText
{
	width:400px;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
}
#HomeContainer .HomeText span
{
	color: #21b6bd;
	font-weight:bold;
	font-size:130%;
}
#HomeContainer .HomeText ul
{
	margin-top:10px;
}
#HomeContainer .HomeText li
{
	line-height:20px;
}
.HomeImage
{
	position:relative;
	float:right;
	width:392px;
	height:266px;
}

.HomeMessages
{
	margin:50px 0px 0px 100px;
	width:220px;
	height:160px;
	color:#ffffff;
	font-weight:bold;
	font-size:200%;
	border:1px solid red;
}
.AboutContentContainer, .ServiceContentContainer  {float:right; margin-top:40px; margin-right:20px; margin-bottom:30px; width: 610px;}
#FadeContentText {width:400px;}

#FadeContentImg {float:right;}

.ContactContentContainer {float:left; margin-top:40px; margin-left:40px; margin-right:40px;}
.LoginContentContainer {float:right; margin-top:40px; margin-right:240px; margin-bottom:30px; width: 380px;}

#TitleLine {margin-bottom: 20px; overflow: hidden; width:400px;}

.LoginContent {}
.FormLabel {background-color:#3c72a1; color:#ffffff; padding-left:10px; padding-right:5px;}

#dvFooter 
{
	background-image: url(../../images/bottom_shadow.gif); 
	background-repeat: no-repeat; 
	background-position: top;
	height:50px;
	width:850px;
	bottom:0px;
    text-align:right;
    margin-bottom:20px;
    padding-top:20px;
    float:left;
}

#dvFooter span 
{
	font-size:95%; 
	font-weight:normal; 
	color:#666666;
	margin-right:20px;
	}
	
#FadeContentText li
{
	line-height:25px;
}