/*

	-- -- -- -- -- -- --
	css sprites2
	nav style, with style for scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/


body {
	color: #ffffff;
	background: #3C5F7F;
	margin: 0 auto;
}

a:link { color: #4A7AA6; text-decoration: none; }
a:visited { color: #4A7AA6; text-decoration: none;}
a:hover { color: #4A7AA6; text-decoration: underline;}
a:active { color: #4A7AA6; text-decoration: underline;}

a.leftNav:link { color: #4A7AA6; text-decoration: none; }
a.leftNav:visited { color: #4A7AA6; text-decoration: none;}
a.leftNav:hover { color: #4299E0; text-decoration: none;}
a.leftNav:active { color: #4299E0; text-decoration: none;}

a.nolink:link { color: #949595; text-decoration: none; }
a.nolink:visited { color: #949595; text-decoration: none;}
a.nolink:hover { color: #949595; text-decoration: none;}
a.nolink:active { color: #949595; text-decoration: none;}

a.moreinfo:link { color: #0A7FDE; text-decoration: none; font-weight: normal; }
a.moreinfo:visited { color: #0A7FDE; text-decoration: none; font-weight: normal;}
a.moreinfo:hover { color: #4299E0; text-decoration: none; font-weight: normal;}
a.moreinfo:active { color: #4299E0; text-decoration: none; font-weight: normal;}

.leftNav_selected { color: #4299E0; text-decoration: none;}
.subpageheader { color: #4E6F89; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding-top:10px; margin:0px; }
.subpageheader2 { color: #4E6F89; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }

h1 { color: #709117; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding:0px; margin:0px; }
ol { padding:0px; margin:0px; list-style-position:inside; }
ul { padding:0px; margin:0px; list-style-position:inside; }

.thrColFixHdr #container { 
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
} 

.thrColFixHdr #inner_container {
	width: 714px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	vertical-align: top;
}
.thrColFixHdr #inner_container_header {
	width: 714px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	vertical-align: top;
	height: 338px;
	position: relative;
}
.thrColFixHdr #inner_container_main_content {
	width: 714px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	vertical-align: top;
	height: 320px;
	
}

.thrColFixHdr #dependable {
	position: absolute;
	width: 411px; height: 74px; 
	/*margin-left: 324px; margin-top: -701px;*/
	top: 196px;
	left: 281px;
	z-index: 10;
}

.thrColFixHdr #dependable_button {
	position: absolute;
	width: 234px; height: 48px; 
	/*margin-left: 501px; margin-top: -653px;*/
	top: 244px;
	left: 458px;
	z-index: 10;
}

.thrColFixHdr #client-login { 
	width: 114px;
	height: 52px;
	margin: 0 auto;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	float:right;
} 
.thrColFixHdr #client-login img{ 
	margin-top:15px;
}
.thrColFixHdr #logo { 
	width: 162px;
	height: 52px;
	margin: 0 auto;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	float:left;
} 
.thrColFixHdr #header_image { 
	width: 714px;
	
	margin: 0 auto;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom: 1px solid #ffffff;
} 
.thrColFixHdr #pipe { 
	height: 1px;
	margin: 0 auto;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.thrColFixHdr #header { 
	width: 714px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom: 1px solid #ffffff;
	background-image: url(../images/main_nav_bg_off.jpg); background-repeat: repeat-x;
} 
.thrColFixHdr #header-nav {
	height: 31px;
	margin:0;
	background-color: #ffffff;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 226px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 18px 15px 0; /* padding keeps the content of the div away from the edges */
}

.thrColFixHdr #sidebar1 p { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #949595; line-height: 16px;
	width: 200px;
} 


.thrColFixHdr #sidebar3 {
	float: left; /* since this element is floated, a width must be given */
	width: 714px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 0 13px 0; /* padding keeps the content of the div away from the edges */
}

.thrColFixHdr #sidebar3 p { 
	width: 210px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #949595; line-height: 14px;
	padding: 5px;
} 

#contactItem01 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #949595; line-height: 14px;
	width: 214px; 
	height: 55px;
	padding: 5px 5px 5px 5px; 
	margin-bottom: 5px;
	margin-right: 18px;
	float: left;
}

#contactItem02 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #949595; line-height: 14px;
	width: 214px; 
	height: 55px;
	padding: 5px 5px 5px 5px; 
	margin-bottom: 5px;
	margin-right: 18px;
	float: left;
}

#contactItem03 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #949595; line-height: 14px;
	width: 214px; 
	height: 55px;
	padding: 5px 5px 5px 5px; 
	margin-bottom: 5px;
	float: left;
}

#contactItem04 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #949595; line-height: 14px;
	width: 214px; 
	height: 55px;
	padding: 5px 5px 5px 5px; 
	margin-bottom: 5px;
	float: left;
}

.sidebar3-unhover {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding: 5px 5px 5px 5px; /* padding keeps the content of the div away from the edges */
}

.sidebar3-hover {
	background-color: #EFF6FF;
	border: 1px solid #406588;
	padding: 5px 5px 5px 5px; /* padding keeps the content of the div away from the edges */
}


.thrColFixHdr #sidebar4 {
	float: right; /* since this element is floated, a width must be given */
	width: 237px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

.thrColFixHdr #sidebar4_box {
	background: #EFF6FF; /* the background color will be displayed for the length of the content in the column, but no further */
	border: 1px solid #B0C0CE;
	margin-top: 14px;
	padding: 10px 10px 20px 10px; /* padding keeps the content of the div away from the edges */
}

.thrColFixHdr #sidebar4 p { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px; color: #949595; line-height: 12px;
} 


.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 226px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 20px 0 15px 0; /* padding keeps the content of the div away from the edges */
}

.thrColFixHdr #sidebar2 p { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #949595; line-height: 16px;
	width: 200px;
} 

.thrColFixHdr #mainContent { 
	padding: 20px 18px 15px 0; /* padding keeps the content of the div away from the edges */
	background: #FFFFFF;
	width: 226px;
	float: left;
} 

.thrColFixHdr #mainContent p { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #949595; line-height: 16px;
	width: 200px;
} 

.thrColFixHdr #secondaryContent { 
	padding: 20px 0 15px 10px; /* padding keeps the content of the div away from the edges */
	background: #FFFFFF;
	width: 235px;
	float: left;
} 

.thrColFixHdr #secondaryContent p { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #949595; line-height: 14px;
	width: 216px;
} 

.thrColFixHdr #footer { 
	margin: 0 auto;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#3C5F7F;
	border-top: 1px solid #ffffff;
} 
.thrColFixHdr #footer p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #9DB7CF; line-height: 14px;
	margin: 0 auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 20px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



.nav {
	width: 714px;
	height: 31px;
	padding: 0;
	margin: 0;
	background: url(../images/main_nav.jpg) no-repeat;
	position: absolute;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 31px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

.subnav {
	width: 200px;
	padding: 0;
	margin: 32px 0 0 0;
	background-color:#999999;
}
.subnav li {
	display: list-item;
}
.subnav li a:link, .subnav li a:visited {
	top: 0;
	height: 31px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}


/*INDIVIDUAL BUTTONS BELOW */
/*INDIVIDUAL BUTTONS BELOW */
/*INDIVIDUAL BUTTONS BELOW */

	.nav .home a:link, .nav .home a:visited {
		left: 27px;
		width: 76px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(../images/main_nav.jpg) no-repeat -23px -32px;
		/*border-left: 1px solid #999999;
		border-right: 1px solid #999999;*/
	}
	.nav .home a:active {
		background: url(../images/main_nav.jpg) no-repeat -23px -64px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(../images/main_nav.jpg) no-repeat -23px -96px;
		cursor: default;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 23px;
		width: 76px;
		height: 31px;
		background: url(../images/main_nav.jpg) no-repeat -23px -32px;
	}
	.nav-home-click {
		background: url(../images/main_nav.jpg) no-repeat -23px -96px;
	}



	.nav .solutions a:link, .nav .solutions a:visited {
		left: 100px;
		width: 99px;
	}
	.nav .solutions a:hover, .nav .solutions a:focus {
		background: url(../images/main_nav.jpg) no-repeat -100px -32px;
	}
	.nav .solutions a:active {
		background: url(../images/main_nav.jpg) no-repeat -100px -64px;
	}
	.current-solutions .solutions a:link, .current-solutions .solutions a:visited {
		background: url(../images/main_nav.jpg) no-repeat -100px -96px;
		cursor: default;
	}
	.nav-solutions, .nav-solutions-click {
		position: absolute;
		top: 0;
		left: 100px;
		width: 99px;
		height: 31px;
		background: url(../images/main_nav.jpg) no-repeat -100px -32px;
	}
	.nav-solutions-click {
		background: url(../images/main_nav.jpg) no-repeat -100px -96px;
	}



	.nav .why a:link, .nav .why a:visited {
		left: 199px;
		width: 152px;
	}
	.nav .why a:hover, .nav .why a:focus {
		background: url(../images/main_nav.jpg) no-repeat -199px -32px;
	}
	.nav .why a:active {
		background: url(../images/main_nav.jpg) no-repeat -199px -64px;
	}
	.current-why .why a:link, .current-why .why a:visited {
		background: url(../images/main_nav.jpg) no-repeat -199px -96px;
		cursor: default;
	}
	.nav-why, .nav-why-click {
		position: absolute;
		top: 0;
		left: 199px;
		width: 152px;
		height: 31px;
		background: url(../images/main_nav.jpg) no-repeat -199px -32px;
	}
	.nav-why-click {
		background: url(../images/main_nav.jpg) no-repeat -199px -96px;
	}


	
	.nav .resource a:link, .nav .resource a:visited {
		left: 351px;
		width: 143px;
	}
	.nav .resource a:hover, .nav .resource a:focus {
		background: url(../images/main_nav.jpg) no-repeat -351px -32px;
	}
	.nav .resource a:active {
		background: url(../images/main_nav.jpg) no-repeat -351px -64px;
	}
	.current-resource .resource a:link, .current-resource .resource a:visited {
		background: url(../images/main_nav.jpg) no-repeat -351px -96px;
		cursor: default;
	}
	.nav-resource, .nav-resource-click {
		position: absolute;
		top: 0;
		left: 351px;
		width: 143px;
		height: 31px;
		background: url(../images/main_nav.jpg) no-repeat -351px -32px;
	}
	.nav-resource-click {
		background: url(../images/main_nav.jpg) no-repeat -351px -96px;
	}



	
	.nav .partners a:link, .nav .partners a:visited {
		left: 494px;
		width: 97px;
	}
	.nav .partners a:hover, .nav .partners a:focus {
		background: url(../images/main_nav.jpg) no-repeat -494px -32px;
	}
	.nav .partners a:active {
		background: url(../images/main_nav.jpg) no-repeat -494px -64px;
	}
	.current-partners .partners a:link, .current-partners .partners a:visited {
		background: url(../images/main_nav.jpg) no-repeat -494px -96px;
		cursor: default;
	}
	.nav-partners, .nav-partners-click {
		position: absolute;
		top: 0;
		left: 494px;
		width: 97px;
		height: 31px;
		background: url(../images/main_nav.jpg) no-repeat -494px -32px;
	}
	.nav-partners-click {
		background: url(../images/main_nav.jpg) no-repeat -494px -96px;
	}



	
	.nav .about a:link, .nav .about a:visited {
		left: 591px;
		width: 89px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/main_nav.jpg) no-repeat -591px -32px;
	}
	.nav .about a:active {
		background: url(../images/main_nav.jpg) no-repeat -591px -64px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/main_nav.jpg) no-repeat -591px -96px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 591px;
		width: 89px;
		height: 31px;
		background: url(../images/main_nav.jpg) no-repeat -591px -32px;
	}
	.nav-about-click {
		background: url(../images/main_nav.jpg) no-repeat -591	px -96px;
	}
	


/*SECONDARY PAGES*/
.twoColFixLtHdr #container { 
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
} 

.twoColFixLtHdr #header-nav { 
	height: 31px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom: 1px solid #ffffff;
} 

.twoColFixLtHdr #inner_container {
	width: 714px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px;
} 

.twoColFixLtHdr #masthead {
	width: 714px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-top: 8px; padding-bottom: 8px;
}

.twoColFixLtHdr #featured_image {
	width: 714px;
	height: 122px;
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-bottom: 1px solid #ffffff;
}

.twoColFixLtHdr #featured_image_text {
	margin-top: -110px; margin-left: 475px;
	height:109px; 
	width: 220px; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; color: #ffffff; line-height: 15px;
	}
#featured_image_text h3 {color:#486339; font-size:12px; margin:0; padding:0;}
#featured_image_text p {margin:0; padding:2px 0 5px 0;}

.twoColFixLtHdr #header { 
	background: #DDDDDD; 
	padding:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #leftnav {
	float: left; /* since this element is floated, a width must be given */
	width: 139px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-top: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #666666; line-height: 16px;

}

.twoColFixLtHdr #nav_holder {
	width: 139px; height: 31px;
	padding: 0;
	background: #DDE7EF; 
	border-top: 1px solid #ffffff;
}

.twoColFixLtHdr #nav_holder2 {
	width: 139px; height: 41px;
	padding: 0;
	background: #DDE7EF; 
	border-top: 1px solid #ffffff;
}

.twoColFixLtHdr #nav_holder2on {
	width: 139px; height: 41px;
	padding: 0;
	background: #bccedd; 
	border-top: 1px solid #ffffff;
}

.twoColFixLtHdr #nav_holderon {
	width: 139px; height: 31px;
	padding: 0;
	background: #bccedd; 
	border-top: 1px solid #ffffff;
}


.twoColFixLtHdr #leftnav {
	padding-top: 12px;
}

/* IE6 */
* html .twoColFixLtHdr #leftnav {
	padding-top: 0px;
}

/* IE7 Only */
*:first-child+html .twoColFixLtHdr #leftnav {
	padding-top: 0px;
}


.twoColFixLtHdr #nav_holder_text {
	width: 117px; 
	text-align: right;
	background: #DDE7EF; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #2F6591; line-height: 18px;
	padding: 0 22px 5px 0;
}

.twoColFixLtHdr #leftNav_moreinfo {
	width: 139px;
	margin-top: 20px;
	padding-top: 20px; 
	background: #ffffff; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #666666; line-height: 18px; font-weight: bold;
	border-top: 1px solid #d5d5d5;
}

.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 150px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 10px 0 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #666666; line-height: 16px;
} 
.twoColFixLtHdr #light_blue { 
	color: #557690;
	font-weight:bold;
} 

.twoColFixLtHdr #shadow_callouts {
	width: 540px; height: 130px;
	padding-top: 10px;
}

.twoColFixLtHdr #callout_left {
	float: left;
	width: 224px; height: 90px;
	padding: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 16px;
	color: #899E3E;
	background-image: url(../images/shadow_callout.jpg); background-repeat: no-repeat;
	}

.twoColFixLtHdr #callout_right {
	float: right;
	width: 228px; height: 94px;
	padding: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; line-height: 15px; color: #E54100;
	background-image: url(../images/shadow_callout.jpg); background-repeat: no-repeat;
	}
	
.twoColFixLtHdr #callout_right_list {
	padding-top: 3px; padding-left: 10px;
	color: #666666;
}

.twoColFixLtHdr #footer { 
	margin: 0 auto;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#3C5F7F;
	border-top: 1px solid #ffffff;
} 
.twoColFixLtHdr #footer p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; color: #9DB7CF; line-height: 14px;
	margin: 0 auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 20px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

span.green {
	font-weight: bold;
	color: #6f9016;
	font-size:14px;
}