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

/* Begin Sub-Page Layout */




/* -- Top Banner Area -- */

#header { /* header container for sub-pages */
	width:857px;
	height:168px;
	padding:0px;
	margin:0px;
	overflow: hidden;
	float:left;
	background-color:rgb(27,106,175);
	}

#sub_headerimage { /* Blue background image behind heading on all sub-pages */
	position: absolute;
	background: url(/images/sub_header.jpg) no-repeat center;
	top:0px;
	left:22px;
	width:857px;
	height:168px;
	}

#sub_flash {  		/* Flash image container - used for static header images now */
	position:absolute;
	float:left;
	top:40px;
	right:40px;
	width:550px;
	height:120px;
	z-index:100;
	}


#flash {  		/* Flash container used on agent and broker page */
	position:absolute;
	float:left;
	top:43px;
	left:278px;
	width:580px;
	height:120px;
	z-index:100;
	}

/* -- Global nav -- */

.grey {  			/* Grey bar under main blue navigation on sub-pages */
	background:#F0F0F0;
	width:856px;
	height:30px;
	border-right:0px;	
	}



/* -- Left navigation -- */


.LOB_nav {		/* placement for LOB Mapped Image in left nav */
	position: absolute;
	top:204px;
	left:30px;
	width:150px;
	height:108px;
	z-index:2;
	}

/* Fixes for pretty print */
@media print{		/* to fix print issue - hiding the LOB image that overlaps the nav links on print */

.LOB_nav {		
	display:none;
	}
.sub_sidenav {		/* moves placement for left-side nav up since LOB image is gone */
	margin:0px 0px 40px 15px; /* top right bottom left */

	}
}


@media screen{ 		/* makes sure the placement is correct on screen */
.sub_sidenav {		/* placement for left-side nav links under LOB image */
	margin:84px 0px 40px 15px; /* top right bottom left */
	}
}

.ad_sidenav {		/* placement for left-side nav links under LOB image */
	margin:84px 0px 10px 15px; /* top right bottom left */
	}



.left_nav {		/* used for all subpages left nav */
	margin:3px 0px 4px 3px; /* top right bottom left */
	padding:0px;
	}


/* -- Column layout -- */

	

#left { 		/* Left column layout */
	width:170px;	
	float:left;
	overflow:hidden;
	background-color:#FFFFFF;
	}

#middle { 		/* Center column layout */

	float:left;
	width:442px;
	height:100%; 
	padding-right:8px;
	border-right:1px solid #fdb813; /* left line separating column */

	}

#right { 		/* Right column layout */
	width:231px;
	height:100%; 
	float:left;
	overflow:hidden;
	text-align:left;
	padding: 0px 4px 0px 0px;	/* top right bottom left */
	margin: 0px;
	border:0px solid green;
	}


#widemiddle { /* Wide Center column layout - use with no right column (make payments, error page, snap IQ ad page) */	
	width:535px; 
	float: left;
	height:100%; 
	padding: 0px 0px 0px 0px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	background-color: white;
	}




/* -- Content layout -- */



.twocolumn_list { /* Used for lists in main content area */	
	width:180px; 
	float: left;
	overflow:hidden;
	padding: 0px 0px 8px 15px; /* top right bottom left */
	margin: 0px;
	background-color: white;
	border:0px black solid; /* used to test sizing */
	vertical-align:top;
	}

.twocolumn_list_narrow { /* To be used for narrow lists - used in: contact us, find a job */	
	width:150px; 
	float: left;
	overflow:hidden;
	padding: 0px 0px 0px 10px; /* top right bottom left */
	margin: 0px;
	background-color: white;
	border:0px black solid; /* used to test sizing */
	vertical-align:top;
	}

.twocolumn_list_wide { /* Used for wide lists - used in: contact us, find a job */	
	width:210px; 
	float: left;
	overflow:hidden;
	padding: 0px 0px 0px 10px; /* top right bottom left */
	margin: 0px;
	background-color: white;
	border:0px black solid; /* used to test sizing */
	vertical-align:top;
	}



/* -- Contact Us address layout -- */

.form_labels { /* Used for form labels, such as contact us page */	
	width:100px; 
	float: left;
	overflow:hidden;
	padding: 15px 0px 0px 0px; /* top right bottom left */
	margin: 0px;
	background-color: white;
	border:0px black solid; /* used to test sizing */
	vertical-align:top;
	}

.form_fields { /* Used for form fields, such as contact us page */	
	width:290px; 
	float: left;
	overflow:hidden;
	padding: 15px 0px 0px 5px; /* top right bottom left */
	margin: 0px;
	background-color: white;
	border:0px black solid; /* used to test sizing */
	vertical-align:top;
	}


.address_container {		/* Position address on right of selects in contact us page */
	position: absolute;
	top:320px;
	left:340px;
	width:180px;
	height:400px;
	clear:both;
	}

select.fieldlength {		/* Sets width of selects */
	width:145px;
	}

.fieldlength {		/* Sets width of selects */
	width:160px;
	margin: 0px 0px 3px 0px; /* top right bottom left */
	padding: 0px 0px 0px 0px; /* top right bottom left */
	}



/* -- Right Column Formatting layout -- */

#sub_right_image { 	/* Photo image on right columns */
	position: absolute;
	clear:both;
	top:230px;
	right:24px;
	width:228px;
	text-align:right;
	}

#campaign { 		/* Ad campaign overlay on right-photo */
	position:absolute;
	top:490px;
	right:25px;
	width:193px;
	height:48px;
	z-index:2;
	}


.sub_right_links {		/* right-side links */
	position:absolute;
	top:490px;
	left:663px;
	width:193px;
	height:48px;
	z-index:2;
	}



.subcontent { padding: 10px ; } /* used for all content on sub-pages */



.rightextrasides {
	margin:0px 20px 0px 20px;  /* top right bottom left */
	}


.rightsidetext {
	margin:6px 30px 0px 20px;  /* top right bottom left */
	text-align:center;
	font-style:italic;
	}
	
#breadcrumb {  /* breadcrumb parent setup for sub-pages */
	font-size:.9em;
	position: absolute;
	clear:both;
	left: 204px;
	padding-top:8px;
	padding-bottom:5px;
	}
	
#breadcrumb a, a.visited { color:#363636; }  /* breadcrumb links setup for sub-pages */
	
#breadcrumb a.hover { border-bottom:1px dashed; }  /* breadcrumb hover setup for sub-pages */
	
/* Special formatting */

.bookmark-old {*/ sets a bookmark link in the gray bar on subpages - bookmark in footer */
	position:absolute;
	top:200px;
	left:650px;
	color: #000000;
	font-weight:normal;
	z-index:2;
	margin: 0px;  /* top right bottom left */
	padding: 0px;  /* top right bottom left */
	vertical-align:sub;
}




/* Colors */
.form-color {
	background-color:rgb(205,229,250);
}	

.blueborder {
	border: 2px rgb(5,153,215) solid;
	padding:10px;
	}