@charset "UTF-8";
/* CSS Document */

/*********************************************************************************
notes:					font-size(now set in ems):
						to calculate use: fontsize in px / 16 = size in ems
						8px = 8/16 = .5em;
						9px = 9/16 = .5625em;
						10px = 10/16 = .625em;
						11px = 11/16 = .6875em;
						12px = 12/16 = .75em;
						14px = 14/16 = .875em;
						16px = 16/16 = 1em;
						18px = 18/16 = 1.125em;

**********************************************************************************/
body {
    margin: 0px;
    padding: 86px 0px 30px 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 100%;
    font-weight: normal;
    line-height: 1.125em; /* 16x1.125=18px */
    text-align: center;
	background: #83bad8 url(../images/site_bodyBG.jpg) repeat-x;
}

/* Site Wrapper - Contains entire site's content */
#site_wrapper {
	position:relative;
    margin: 0pt auto; /* For auto-centering */
    width: 812px; /* Adjust width to design */
    text-align: left;
    background: #fff;
	border:1px solid #999;
}

/* Logo Image Replacement for H1
 		
		* Adjust Width and Height as needed to fit new image. 
		** Also change Background Path to new image.
 */ 
#site_wrapper h1 {
	position:absolute;
	left:176px;
	top:-66px;
	width:470px; /* Adjust Width here */
	height:60px; /* Adjust Height here */
}
#site_wrapper h1 a:link,
#site_wrapper h1 a:visited{
	display:block;
	width:470px; /* Adjust Width here */
	height:60px; /* Adjust Height here */
	text-indent:-9999px;
	background: url(../images/site_logo.gif) no-repeat; /* Adjust Path to image here */
}

/* Main Navigation Basic Styles */
#site_mainNav {
    width: 100%;
    height: 32px;
    font-size: .75em;
    background: url(../images/site_mainNavBG.gif) no-repeat;
	border-bottom:1px solid #d4e6ef;
}
#site_mainNav li{
	float:left;
	position:relative;
}
#site_mainNav li a:link, 
#site_mainNav li a:visited {
    display: block;
    height: 32px;
    color: #000;
    text-indent: -9999px;
    border-right: 1px solid #d4e6ef;
}

/* Top Level Link Specific Styles */
#site_mainNav #site_mainNav_about{
	width: 158px;
}
#site_mainNav #site_mainNav_about a:link, 
#site_mainNav #site_mainNav_about a:visited {
    background: url(../images/site_mainNav_about.gif) no-repeat;
}

#site_mainNav #site_mainNav_about a:hover {
	background: url(../images/site_mainNav_aboutHover.gif) no-repeat;
	border-right:1px solid #dbdddf;
}
#site_mainNav #site_mainNav_about .content_activeLink{
	background: url(../images/site_mainNav_aboutHover.gif) no-repeat !important;
	border-right:1px solid #dbdddf !important;
}
#site_mainNav #site_mainNav_overview{
	width:186px;
}
#site_mainNav #site_mainNav_overview a:link, 
#site_mainNav #site_mainNav_overview a:visited {
    background: url(../images/site_mainNav_overview.gif) no-repeat;
}
#site_mainNav #site_mainNav_overview a:hover {
	background: url(../images/site_mainNav_overviewHover.gif) no-repeat;
	border-right:1px solid #dbdddf;
}
#site_mainNav #site_mainNav_overview .content_activeLink{
	background: url(../images/site_mainNav_overviewHover.gif) no-repeat !important;
	border-right:1px solid #dbdddf !important;
}
#site_mainNav #site_mainNav_people{
	width:154px;
}
#site_mainNav #site_mainNav_people a:link, 
#site_mainNav #site_mainNav_people a:visited {
    background: url(../images/site_mainNav_uniqueApproach.gif) no-repeat;
}
#site_mainNav #site_mainNav_people a:hover {
	background: url(../images/site_mainNav_uniqueApproachHover.gif) no-repeat;
	border-right:1px solid #dbdddf;
}
#site_mainNav #site_mainNav_people .content_activeLink{
	background: url(../images/site_mainNav_uniqueApproachHover.gif) no-repeat !important;
	border-right:1px solid #dbdddf !important;
}
#site_mainNav #site_mainNav_careers{
	width:103px;
}
#site_mainNav #site_mainNav_careers a:link, 
#site_mainNav #site_mainNav_careers a:visited {
    background: url(../images/site_mainNav_careers.gif) no-repeat;
}
#site_mainNav #site_mainNav_careers a:hover {
	background: url(../images/site_mainNav_careersHover.gif) no-repeat;
	border-right:1px solid #dbdddf;
}
#site_mainNav #site_mainNav_careers .content_activeLink{
	background: url(../images/site_mainNav_careersHover.gif) no-repeat !important;
	border-right:1px solid #dbdddf !important;
}

/* Sub List Styles - Main Navigation */
#site_mainNav ol {
    position: absolute;
    top: 32px;
    left: 0px;
    padding: 2px 2px 2px 2px;
	background: #fffd98;     /* original: #FFCC35; */
    min-width: 100%;
	display:none;
}
#site_mainNav li:hover ol{
	display:block;
}

#site_mainNav ol li {
	position:static;
    float: none;
    margin: 0px 0px 2px 0px;
    background: #515050;
}

#site_mainNav ol li a:link, #site_mainNav ol li a:visited {
	display:block !important;
    padding: 3px 10px 5px 10px;
    margin: 0px 0px 0px 0px;
    color: #fff;
	text-indent: 0;
	text-decoration: none;
    white-space: nowrap;
    background: none !important;
	height:auto;
	border-right: none !important;
}

#site_mainNav ol li a:hover {
	background:#fffd98 !important; /* original: #FFCC35; */
	color:#000;
}

/* Secondary Nav Styles */
#site_secondaryNav {
    position: absolute;
    top: 8px;
    right: 2px;
    font-size: .625em;
    color: #e4f0f6;
    overflow: hidden;
}
#site_secondaryNav li{
	float:left;
}
#site_secondaryNav li a:link, 
#site_secondaryNav li a:visited {
    padding: 0px 8px 0px 8px;
    color: #e4f0f6;
    text-decoration: none;
}
#site_secondaryNav li a:hover{
	color:#565656;
}
/* Active Secondary Link */
#site_secondaryNav li .content_activeLink{
	color:#fffd98 !important; /* original: #FFCC35; */
}

/* Main Image Container */
#content_mainImageContainer{
	margin:0px;
	padding:0px;
	min-height:302px;
	background:#fff;
	border:none;
}
#content_mainImageContainer img{
	padding:0;
	margin:0;
	line-height:0;
	border:none;
}
/* Main Feature Styles */
#site_mainFeatureContainer {
    float: left;
    padding: 16px 16px 0px 18px;
    width: 300px;
    min-height: 180px;
    background: #fff url(../images/site_mainFeatureBG.gif) repeat-x top;
    border-right: 1px solid #999;
}
/* Main Feature Header Image Replacement:
 		
		* Adjust Width and Height as needed to fit new image (new image cannot be wider than 450px). 
		** Also change Background Path to new image.
 */ 
#site_mainFeatureContainer h2{
	height:30px; /* Adjust Height here */
	width:390px; /* Adjust Width here */
	margin:0px 0px 8px 0px;
	font-size:1.3em;
	font-weight:normal;
	color:#343434;
	text-indent:-9999px;
	background: url(../images/site_mainFeature_header.gif) no-repeat; /* Adjust Path to image here */
}

/* Use These Styles if you don't want to use Image Replacement */
/*
#site_mainFeatureContainer h2{
	margin:0px 0px 12px 0px;
	font-size:1.3em;
	font-weight:normal;
	color:#343434;
}
*/


#site_mainFeatureContainer h3 {
    margin: 0px 0px 10px 0px;
    font-size: .875em;
    color: #83bad8;
	font-style:italic;
	margin-top: 30px;
}

#site_mainFeatureContainer h4 {
    margin: 0px 0px 10px 0px;
    font-size: .875em;
    color: #83bad8;
}
#site_mainFeatureContainer p {
    margin: 0px 0px 10px 0px;
    font-size: .775em;
    color: #000;
}
#site_mainFeatureContainer a:link, 
#site_mainFeatureContainer a:visited {
    color: #83bad8;
}

/* Secondary Feature Styles */
#site_secondaryFeatureContainer {
    float: left;
    padding: 16px 45px 0px 18px;
    width: 413px;
    min-height: 180px;
    background: #eee url(../images/site_secondaryFeatureBG.gif) repeat-x top;
}
#site_secondaryFeatureContainer ol li{
	margin:0px 0px 18px 0px;
}
/* Secondary Feature Headers Image Replacements:
 		
		* Adjust Width and Height as needed to fit new images (new images cannot be wider than 255px). 
		** Also change Background Path to new images.
 */ 
#site_secondaryFeatureContainer h3#content_firstFeatureHeader {
	height:24px; /* Adjust Height here */
	width:255px; /* Adjust Width here */
    margin: 0px 0px 0px 0px;
    font-size: 1.125em;
    font-weight: normal;
    color: #83bad8;
    text-indent: -9999px;
    background: url(../images/site_secondaryFeature_header01.gif) no-repeat; /* Adjust Path to image here */
}

#site_secondaryFeatureContainer h3#content_secondFeatureHeader {
	height:24px; /* Adjust Height here */
	width:255px; /* Adjust Width here */
    margin: 0px 0px 0px 0px;
    font-size: 1.125em;
    font-weight: normal;
    color: #83bad8;
    text-indent: -9999px;
    background: url(../images/site_secondaryFeature_header02.gif) no-repeat; /* Adjust Path to image here */
}
#site_secondaryFeatureContainer h3#content_thirdFeatureHeader {
	height:24px; /* Adjust Height here */
	width:255px; /* Adjust Width here */
    margin: 0px 0px 0px 0px;
    font-size: 1.125em;
    font-weight: normal;
    color: #83bad8;
    text-indent: -9999px;
    background: url(../images/site_secondaryFeature_header03.gif) no-repeat; /* Adjust Path to image here */
}
/*
/* Use These Styles if you don't want to use Image Replacement */
/*
 
#site_secondaryFeatureContainer h3 {
    margin: 0px 0px 4px 0px;
    font-size: 1.125em;
    font-weight: normal;
    color: #83bad8;
}
*/


#site_secondaryFeatureContainer p {
    margin: 0px 0px 10px 0px;
    font-size: .775em;
    color: #000;
	}

#site_secondaryFeatureContainer h4 {
	margin:0px 0px 3px 0px;
	font-size:.6875em;
	color:#343434
}

#site_secondaryFeatureContainer h5 {
	margin:0px 0px 3px 0px;
	font-size:.85em;
	color:#343434
}


#site_secondaryFeatureContainer a:link,
#site_secondaryFeatureContainer a:visited {
	margin:0px 0px 12px 0px;
	font-size:.75em;
	color:#919191;
}

/* Site Footer Styles */
#site_footer {
    clear: left;    
}

#site_footer ol {
    position: absolute;
	bottom:-21px;
	right:4px;
    font-size: .625em;
    color: #e4f0f6;
	overflow:hidden;
}

#site_footer ol li {
    float: left;
	padding:0px 4px 0px 0px;
}
#site_footer ol li a:link, 
#site_footer ol li a:visited {
    padding: 0px 4px 0px 0px;
    color: #e4f0f6;
    text-decoration: none;
}
#site_footer ol li a:hover{
	color:#565656;
}