@charset "utf-8";


body {
	font-family: Helvetica;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #231f20;
	font-size:12px;
	height:100%;
}
.iConnectCtrHdr #container {
	width: 960px;  /* 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 */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:100%;
	font-size:11px;
	overflow: hidden;
}
.iConnectCtrHdr #header {
	background: #FFFFFF; 
	height: 123px;
}

.iConnectCtrHdr #header #logo {
	position:absolute;
	float:left;
	margin:0px;
	margin-top: 61px;
	text-align:right;
}

.iConnectCtrHdr #header #mainNav {

	position:absolute;
	float:right;
	text-align:left;
	margin:0px;
	margin-top: 72px;
	margin-left:210px;
	width: 740px;
}

.iConnectCtrHdr #header #SearchBox {
	position: absolute;
	left: 493px;
	top:-10px;
	height: 43px;
	width: 251px;
	padding: 1em;
	
	font-size:11px; color:#666666; padding-left:5px; text-align:right;
}



.sideLink a:visited { font-family:Helvetica; font-size:11px;}

#res { font-size:11px; color:#666666; }

H1{ font-size:16px; font-weight:600;  margin-bottom: 2em;	border-bottom: #e5e5e5 1px solid;	width: 100%;}

H2{ font-size: 16px; color:#08444d; font-weight: normal; font-family: Helvetica, sans-serif; margin: 0 0 7px 0; border-bottom: #999999 1px dotted;	width: 100%;}

H2 a{ font:Helvetica; color:#08444d; text-decoration:underline;}
H2 a:hover{ font:Helvetica; color:#666666; text-decoration:none;}

.iConnectCtrHdr #header #logo img { border:0px;}

	#utilWrap {float:right; margin:0 0 0 0; width:240px; height:30px; background-image: url(../images/topRight_bground.gif);}
	#utilRight {float:right; margin:0 10px 0 0; }
	#utilRight ul {float:right; margin:0; padding:0;}
	#utilRight li {float:left; list-style:none;}
	#utilRight a {display:block; padding:10px 6px 6px 6px; color:#999999; text-decoration:none; text-transform:capitalize; font-weight:bold; letter-spacing: 0.35px; font-size:11px;}
	#utilRight a:hover {color:#666666;}

.iConnectCtrHdr #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 */
}

#flashContent {

	text-align:center;
}

#flashContent2 {

	text-align:center;
	height:364px;
	background-color:#385b82;
	border-bottom:solid 1px #FFFFFF;
}

.iConnectCtrHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 210px; /* 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: 15px 10px 15px 20px;
	border-right:#CCCCCC 1px solid;
	padding-bottom: 500000px;
	margin-bottom: -500000px;

}

.contentPicWrapper{ 

	border-bottom:solid 1px #FFFFFF;

  }

.vertical {
	width: 500px; /*--Specify Width--*/
	height: 300px; /*--Specify Height--*/
	position: absolute; /*--Set positioning to absolute--*/
	top: 270px; /*--Set top coordinate to 50%--*/
	left: 62%; /*--Set left coordinate to 50%--*/
	margin: -150px 0 0 -300px; /*--Set negative top/left margin--*/
}

.vertical_dev {
	width: 441px; /*--Specify Width--*/
	height: 364px; /*--Specify Height--*/
	position: absolute; /*--Set positioning to absolute--*/
	top: 320px; /*--Set top coordinate to 50%--*/
	left: 65%; /*--Set left coordinate to 50%--*/
	margin: -150px 0 0 -300px; /*--Set negative top/left margin--*/
}

.vertical_supp {
	width: 441px; /*--Specify Width--*/
	height: 364px; /*--Specify Height--*/
	position: absolute; /*--Set positioning to absolute--*/
	top: 320px; /*--Set top coordinate to 50%--*/
	left: 73%; /*--Set left coordinate to 50%--*/
	margin: -150px 0 0 -300px; /*--Set negative top/left margin--*/
}

.vertical_news {
	width: 441px; /*--Specify Width--*/
	height: 364px; /*--Specify Height--*/
	position: absolute; /*--Set positioning to absolute--*/
	top: 320px; /*--Set top coordinate to 50%--*/
	left: 60%; /*--Set left coordinate to 50%--*/
	margin: -150px 0 0 -300px; /*--Set negative top/left margin--*/
}

.vertical_dev2 {
	width: 441px; /*--Specify Width--*/
	height: 364px; /*--Specify Height--*/
	position: absolute; /*--Set positioning to absolute--*/
	top: 320px; /*--Set top coordinate to 50%--*/
	left: 60%; /*--Set left coordinate to 50%--*/
	margin: -150px 0 0 -300px; /*--Set negative top/left margin--*/
}

#SearchButton {
background:url(../images/searchButton.gif) no-repeat;
width:21px;
height:22px;
padding:0px; vertical-align:bottom; border:0px;


}

.iConnectCtrHdr #sidebar1 ul{ list-style:none; margin-left:0px;  }

.iConnectCtrHdr #sidebar1 li{ list-style:none; margin-left:-35px; line-height: 2.5em;  }

.iConnectCtrHdr #sidebar1 a{ display: block; font-size:12px; font:Helvetica; color:#08444d; text-decoration: none; font-weight:600; }
.iConnectCtrHdr #sidebar1 a:hover{ color: #231f20; text-decoration:underline; font-weight:600;}

.iConnectCtrHdr #sidebar1 #newsletter{ padding-left:22px; background-image:url(../images/sidebar_Newsletter.gif); background-repeat:no-repeat; height:25px; padding-bottom:10px;}
.iConnectCtrHdr #sidebar1 #rss{ padding-left:22px; background-image:url(../images/sidebar_RSS.gif); background-repeat:no-repeat; height:25px;}
.iConnectCtrHdr #sidebar1 #newsletter a{ font-size:11px; color:#666666; font:Helvetica; text-decoration: none; font-weight:normal; height:25px; }
.iConnectCtrHdr #sidebar1 #newsletter a:hover{ display: block; font-size:11px; color:#666666; font:Helvetica; text-decoration: underline; width:100p; font-weight:normal; }
.iConnectCtrHdr #sidebar1 #rss a{ font-size:11px; color:#666666; font:Helvetica; text-decoration: none; font-weight:normal; height:25px; }
.iConnectCtrHdr #sidebar1 #rss a:hover{ display: block; font-size:11px; color:#666666; font:Helvetica; text-decoration: underline; width:100p; font-weight:normal; }

.iConnectCtrHdr #mainContent {
	padding: 0 10px; 
	background: #FFFFFF;
	margin: 0px 0 0 15px; 
	color: #666666;
	font-size:11px;
}

.iConnectCtrHdr #mainContent2Clm { 
	margin: 120px 0 0 250px; /* 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: 0 20px; 
}

.iConnectCtrHdr #mainContent2Clm2 { 
	margin: 40px 0 0 250px; /* 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: 0 20px; 
}

.iConnectCtrHdr #mainContent a{ display: block; width: 7em; font-size:11px; font:Helvetica; color:#08444d; padding: 3px 0 3px 0px; text-decoration: none; font-weight:700; background: transparent url(../images/redArrow.png) no-repeat 40px 5px;}
.iConnectCtrHdr #mainContent a:hover{ color: #231f20; text-decoration:underline; font-weight:700;}

.iConnectCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
}
.iConnectCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#mainContent2Clm a:link {
	color: #333333;
	text-decoration: underline;
}
#mainContent2Clm a:visited {
	text-decoration: underline;
	color: #333333;
}
#mainContent2Clm a:hover {
	text-decoration: none;
	color: #000000;
}
#mainContent2Clm a:active {
	text-decoration: underline;
	color: #333333;
}

.sidebarImage{


}

.rollOverImageLink img
{
	border:0px;
}

.rollOverImageLink .overImage, .rollOverImageLink .disabledImage
{
	display:none;
}	

.rollOverImageLink .overImage
{
	position:absolute;
}	

/*FOOTER                                                                   */

.iConnectCtrHdr #footer         {  margin:0px auto; width:960px; }
.iConnectCtrHdr #footer #footerSub {  margin:0px auto; width:900px; }
.iConnectCtrHdr #footer .wrapper{ float: left; width: 10em; font-size:11px; font: Helvetica, sans-serif; }
.iConnectCtrHdr #footer .wrapper ul li{ list-style:none; text-align:left; margin-left:-40px; color:#231f20;}
.iConnectCtrHdr #footer .wrapper ul li a{ display: block; font-size:11px; font:Arial, Helvetica, sans-serif; color:#231f20; text-decoration: none; font-weight:normal;}
.iConnectCtrHdr #footer .wrapper ul li a:hover{ color: #231f20; text-decoration:underline; font-weight:normal;}
.iConnectCtrHdr #footer .spacer{ width:100%; height:1px; margin-top: 10px;}
br{ clear: left;}