@charset "UTF-8";
/* CSS Document */
* { margin:0px; padding:0px;}
#container{ width:865px; border:1px solid #222222; margin:10px auto; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#header{ background-color:#FFFFFF; height:56px; padding:10px 0 0 0; }
#header img{ float:left;}
div#subHeader{ background-image:url(../images/subheader_bg.gif); background-repeat:no-repeat; background-color:#000000; height:248px; width:865px; }
div#subHeader h1{ font-size:15px; font-weight:normal; color:#ffffff; padding:17px 0 0 28px; }

#copysection{width:543px;}
#copysection h2{padding:15px 0 0 10px; font-size:16px;}

#sectionTitle{ background-image:url(../images/l1_bglong.gif); height:67px;}
#taglineSection{ background-image:url(../images/l2_bg.jpg); color:#FFFFFF;}
#contentwrap {background-color:#ffffff; height:auto; margin-bottom:10px;}
/*#contentwrap li{margin:0 0 0 30px; color:#333333; font-size:12px;}*/
#contentwrap ol li{margin:0 0 0 50px; color:#333333; font-size:12px;}
/*#copysection ul li{ margin:0 0 0 40px;}*/
#bordered{border-right:1px dotted #ff00ff; height:auto; padding-top:15px;}
#sidebar{width:300px; _width:290px; float:right; padding: 15px 10px 15px 10px; _padding: 15px 0px 15px 4px; _margin:0 2px 0 0; border-left:1px dotted #ccc;} 
#sidebar ul{ color:#666666; margin:0 10px 10px 10px;}
#sidebar ul li{ color:#666666; margin:0 0 0 10px; font-size:11px;}
#footer { width:auto; height:45px; border-top:1px solid #999999; text-align:center; font-size:11px; clear:both;}

/* -------- NAVIGATION STYLES -----------*/
#header ul { list-style: none; padding-top: 15px; padding-bottom: 5px; float:right;} 
#navigation li { display: inline; margin-left: 2px; padding: 5px 5px 5px 5px; } 
#navigation li a { font-weight:bold; text-decoration: none; color: #666666; }
#navigation li:hover { background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; } 
#navigation li.active { background-color: #ffffff; } 
#navigation li.active a, #navigation li:hover a { color: #192e64; text-decoration:underline; }
#navigation a:hover { color: #192e64; text-decoration:underline; }
#footer a{color:#666666; font-size:11px; text-decoration:none;}
#footer a:hover{color:#0000FF;; font-size:11px; text-decoration:none;}

/* -------- TYOPGRAPHIC STYLES -----------*/
p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:5px 0 0 20px; line-height:16px;}
#copysection p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; padding:15px 10px 0 20px; line-height:16px; margin: 5px 0 0 0;}
#sidebar p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; width:295px;}
#footer p{color:#666666; font-size:11px;}
#taglineSection p{color:#FFFFFF;}
#sectionTitle h1{font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#ffffff; padding:17px 0 0 28px;}
#taglineSection {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#ffffff;}
ul.stats-listing li{padding: 0 0 7px 0; margin: 0 0 0 40px; font-size:12px;}
.heading-background{display:block; line-height: 35px; height:47px; width:500px; background:url(../images/endToEnd-bg.gif) no-repeat; margin:30px 0 0px 0px; padding:0px 0px 0px 0px;}

/* -------- FORM STYLES -----------*/
#formArea{ padding:25px;}
label,input{display: block;}

#dropdown{ margin-top:0px; padding:0px; border:2px solid #333;  background-color:#3e4454; position:absolute; left:25%; z-index:10; width:500px; height:452px;} .js #dropdown{display:none;} .js #backgroundPopup {display:none;}


/* --- TEST --- */
ul.solutions-graphic {
	height:78px;
	margin: 15px 0 0 2px;
	}

ul.solutions-graphic li {
	float:left;
	height:77px;
	width:77px;
	text-align:center;
	list-style:none;
	list-style-position:outside;
	}
	
ul.solutions-graphic li a {
	display:block;
	background:url(../images/testHover.gif) no-repeat left top;
	height:77px;
	width:77px;
	color:#fff;
	font-size:10px;
	line-height:13px;
	font-weight:bold;
	text-decoration:none;
}

ul.solutions-graphic li a:hover {
	background:url(../images/testHover.gif) -77px 0px no-repeat;
	color:#222;
}

ul.solutions-graphic li a.selected {
	background:url(../images/testHover.gif) -77px 0px no-repeat;
	color:#222;
}


#opt-1{padding:15px 0 0 0;}
#opt-2{padding:18px 0 0 0;}
#opt-3{padding:15px 0 0 0;}
#opt-4{padding:8px 0 0 0;}
#opt-5{padding:13px 0 0 0;}
#opt-6{padding:8px 0 0 0;}
#opt-7{padding:13px 0 0 0;}

ul.tabs {
	margin: 15px 0 0 30px;
	padding: 0 0 0 0px;
	float: left;
	list-style: none;
	height: 26px; /*--Set height of tabs--*/
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 470px;
}
ul.tabs li {
	float: left;
	margin-right: 0px;
	padding: 0;
	height: 25px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 25px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -2px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	outline: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
}
ul.tabs li a:hover {
	background: #ccc;
	color:#333;
}
html ul.tabs li.active a:hover, html ul.tabs li.active  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #f5f5f5;
	border-bottom: 1px solid #f5f5f5; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #ccc;
	border-top: none;
	margin: 0 0 0 30px;
	overflow: hidden;
	float: left; width: 470px;
	background: #f5f5f5;
}
.tab_content {
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
}
.clearBoth {clear:left;}
.selected-subNav{font-weight:bold; display:inline-block; color:#fff;}

.tab_content p{
font-size:18px;
}
#subNav ul {margin: 5px 0 0 0;}
#subNav ul li {margin:0 0 px 0;}
#subNav ul li a {color:#333399; text-decoration:none;}
#subNav ul li a:hover {color:#ccc;}
#subNav ul li a.selected-subNav{font-weight:bold; display:inline-block; background-color:#32436f; color:#fff; padding:3px;}
#listFix{margin:0 0 0 50px; font:Arial, Helvetica, sans-serif;  font-size:12px}