@charset "UTF-8";
/* CSS Document */
#header #logo {
	float:left;
	}
#secondary_nav { /* nav across top of page */
	width:500px;
	float:right;
	margin:22px 4px 0 0;
	}
#header img {
	float:left;
	margin-left:5px;
}
#nav img.arrow { /* the arrow graphic on the home page */
	padding:0 0 0 14px;
	}
#nav ul#primary_nav { /* nav in left column */
	width:138px;
	margin:5px 0 30px 20px;
	padding:0;
	}
#nav ul#primary_nav li {
	font-size:.9em;
	padding:.5em 0 .5em -12px;
	color:#004799;
	}
#nav ul#primary_nav ul {
	margin-left:-10px;
	}
#nav ul#primary_nav li li {
	margin-left:16px;
	list-style-type:disc;
	color:#999;
	margin-left:16px;
	padding:0em 0 0em 6px;
	}
#nav ul#primary_nav li li a {
	margin-left:-5px;
	list-style-type:disc;
	color:#004799;
	}
#nav ul#primary_nav a {
	margin-left:0px;
	color:#004799;
	text-decoration:none;
	display:block;
	}
#nav ul#primary_nav a:hover {
	color:#F00;
	}
#nav ul#primary_nav li ul {
	margin:3px 0 0 6px;
	font-size:1.2em;
	}
#nav #promo {
	position:relative;
	margin:50px 0 0 7px;
	}
.accordion, .accordion {
	background-color:black;
        height:342px;
	}
ul.accordion  {
	margin-left:10px
	}
.accordion, .accordion * {
	margin:0px 0 0 0;
	padding:0;
	list-style-type: none;
}
.homepage #nav img {
	margin-left:0px;
	}
#content #panels {
	width:786px;
	margin-top:10px;
	}
/* home feature area holds the lower box in the nav column (promo) and the box under the main image area */

/* SPECIAL RULE TO FIX HEIGHT OF PROMO BOX ON HOME PAGE
   IF REMOVED, BOX WILL THEN SIZE TO ACCOMODATE ANY AMOUNT OF CONTENT */
.homepage .promo_box_center {
	height:122px;
	}
#feature_area_promo {
	width:145px;
	margin:0px 11px 0 9px; /* sets the distance of promo fro feature area */
	padding:0px 0px 0 0px;
	float:left;
	border:0px solid #777;
	}
#feature_area_promo .promo_box_top {
	height:10px;
	width:148px;
	background:url(../images/promo_box_top.gif) no-repeat;
	}
#feature_area_promo .promo_box_center {
	width:143px;
	background:url(../images/promo_box_center.gif) repeat-y;
	}
#feature_area_promo .promo_box_bottom {
	height:18px;
	width:148px;
	background:url(../images/promo_box_bottom.gif) no-repeat;
	}
#feature_area_promo p.promo_text { /* note different rules for home page promo below */
	margin:0 10px;
	font-size:.725em;
	color: #98560E; /* set color of text in box */
	}
.homepage #feature_area_promo p.promo_text { /* note different rules for home page promo below */
	font-size:.85em;
	}
#feature_area_promo img {
	margin:6px 0 0 7px;
	}
#feature_area_promo cite {
	padding:0px 12px 0 8px;
	margin:5px 0 0 0;
	font-size:.65em;
	text-align:right;
	display:block;	
	}
#feature_area_features {
	float:left;
	background-color:#EEE; /* overall box background color */
	/* note - box artwork interior is transparent - b/g color sets box color */
	}
#feature_area_top {
	width:783px;
	height:9px;
	background:url(../images/feature_area_top.gif) no-repeat; 
	}
#feature_area_center {
	width:783px;
	background:url(../images/feature_area_sides_repeat.gif) 0 0 repeat-y;
	}
	/* these rules home page feature box only */
#feature_area_content.home_page { /* the main container has left padding */
	padding:0 0 0 12px;
	}
#feature_area_bottom {
	width:783px;
	margin:0 0 0 0px;
	height:15px;
	background:url(../images/feature_area_bottom.gif) 1px 0 no-repeat;
	}
#feature_area_content.home_page .feature_box { 
	width:236px;
	padding:0 20px 0 0;
	color:#585858;
	float:left;
	font-size:.95em; /* overall size of box text */
	}
#feature_area_content.home_page .feature_box  h4 { /* the inner boxes have right padding */
	border-bottom:1px solid #ED1C22;
	color:#666;
	font-size:.9em;
	padding:0 10px 7px 0;
	margin:0 0 5px;
	line-height:.7;
	}
#feature_area_content.home_page .feature_box  p {
	margin:0 0 0 16px;
	line-height:1.2;
	font-size:.8em;
	}
#feature_area_content.home_page .feature_box  p.quote { 
/* the graphic quote marks - hang the quote out */
	text-indent:-15px;
	position:relative;
	}
#feature_area_content.home_page .feature_box  p.quote img { /* fine-tune position of quote mark */
	position:relative;
	top:2px;
	left:-1px;
	}
#feature_area_content.home_page .feature_box  cite {
	float:right;
	font-style:italic;
	color:#555;
	font-size:.8em;
	margin:5px 0 0 15px;
	text-align:right;
	}
	#feature_area_content.home_page .feature_box img.thumbnail {
/* small floated image (96 px high) */
	float:left;
	margin:2px 0;
	}
#feature_area_content.home_page .feature_box p.thumbtext {
/* floats text next to thumbnail pic */
	float:left;
	width:120px;
	}

#feature_area_content.home_page .feature_box ul {
	margin:0;
	padding:0;
	margin-left:0px;
	}
#feature_area_content.home_page .feature_box li {
	margin-left:20px;
	list-style-type:disc;
	text-indent:0;
	line-height:1.1;
	padding:2px 0;
	}	
#feature_area_content.home_page .feature_box a {
		float:none;
		text-decoration:none;
		color:#444;
		font-size:1.1em;
	}
#feature_area_content.home_page .feature_box a:hover {
	color:#222;
	}
#feature_area_content.home_page .feature_box .feature_area_link a { /* links at foot of each feature box */
	float:right;
	font-size:.8em;
	color:#555;
	font-style:italic;
	text-decoration:underline;
	}
#feature_area_content.home_page .feature_box .left a { 
	float:left;
	font-size:1em;
	}
 
#feature_area_content.home_page .feature_box .feature_area_link a:hover { /* links at foot of each feature box */
	text-decoration:none;
	}




#feature_area_news {
	float:left;
	background-color:white; /* overall box background color */
	/* note - box artwork interior is transparent - b/g color sets box color */
	}

#feature_area_news #feature_area_content.home_page .feature_box { 
	width:216px;
	}

#feature_area_news #feature_area_content.home_page .feature_box  h4 { /* the inner boxes have right padding */
        border-bottom:0px solid white;
	color:#024C90;
	font-size:.9em;
	padding:0 10px 7px 0;
	margin:0 0 5px;
	line-height:.85;
	}		

#feature_area_news #feature_area_content.home_page .feature_box  h5 { /* the inner boxes have right padding */
        border-bottom:0px solid white;
	color:#024C90;
	font-size:.9em;
	padding:0 10px 7px 70px;
	margin:0 0 5px;
	line-height:.85;
	}

#feature_area_news #feature_area_content.home_page .feature_area_link a {
	float:right;
	font-size:1.1em;
	color:black;
	font-style:italic;
	text-decoration:underline;
	}		

#feature_area_news #feature_area_content.home_page .feature_area_link a:hover {
	color:red;
	text-decoration:none;
	}

#feature_area_news #promo_box_content.home_page  .feature_area_link a {
	float:right;
	font-size:1.1em;
	color:black;
	font-style:italic;
	text-decoration:underline;
	}		

#feature_area_news #promo_box_content.home_page  .feature_area_link a:hover {
	color:red;
	text-decoration:none;
	}

	
/* the three benefits pages use the same 'feature box' as the home page, but with different b/g images and content */

#feature_wrapper {
	margin:15px 0 0 0px;
	position:relative;
	border:0px solid; 
	z-index:3;
	overflow:hidden;
	}
#blue_bar {
	position:absolute;
	display:block;
	z-index:-15;
	left:0px;
	top:0;
	}
#box_image { /* the main picture on the benefits pages */
	position:absolute;
	display:block;
	z-index:-10;
	left:350px;
	top:0;
	}
#feature_wrapper #feature_area_features {
	background-color:transparent;
	}
#feature_wrapper #feature_area_content {
	width:330px;
	min-height:312px;
	}
#feature_wrapper #feature_area_content h4 { /* heading on bar */
	color:#FFF;
	margin-top:0;
	padding:0 10px 0 20px;
	font-size:1.3em;
	line-height:1.1;
	font-weight:normal;
	}
#feature_wrapper #feature_area_content h4 span {
	color:#FFB470;
	font-weight:bold;
	}
#feature_wrapper #feature_body_copy {
	margin-top:20px;
	width:346px;
	padding-bottom:0 12px 20px 0;
	font-size:1.0em;
	}
#feature_wrapper #feature_area_content p {
	color:#555;
	margin:0 0 6px 18px;
	font-weight:bold;
	letter-spacing:-.05em
	}
#feature_wrapper #feature_area_content ul {
	
	}
#feature_wrapper #feature_area_content li {
	font-size:1em;
	color:#555;
	line-height:1.2;
	margin-bottom:5px;
	}
#feature_wrapper #feature_body_copy p#link a {
	float:right;
	
	font-style:italic;
	font-weight:normal;
	margin:0 25px 0 0;
	font-size:.9em;
	}
#feature_wrapper #feature_navigation_bg {
/* this is the background bar for the feature nav - goes behing frame */
	display:none;   /* this element is now on the images, so the graphic isn't needed - can be removed after testing */
	position:absolute;
	width:426px;
	height:40px;
	right:32px;
	top:290px;
	z-index:-10;
	background-color:#000;
	opacity:0.6; /* CSS3 - range 0 to 1 */     
  -moz-opacity:0.6; /* Firefox- range 0 to 1  */
  filter:alpha(opacity=6);  /* IE- range 0 to 100  */
	}
#feature_wrapper #feature_navigation {
	position:absolute;
	width:432px;
	height:20px;
	display:block;
	left:356px;
	top:308px;
	float:left;
	border-top:0px white solid;
	}
#feature_wrapper #feature_navigation ul,
#feature_wrapper #feature_navigation li {
	list-style-type:none;	
	margin:0;
	padding:0;
	}
#feature_wrapper #feature_navigation li {
	width:212px;
	float:left;
	}
#feature_wrapper #feature_navigation a {
	border-right:0px solid #FFF;
	display:block;
	padding:0px 0px 0 8px;
	margin:0 2px 0 18px;
	font-size:1.2em;
	color:#DDD; 
	text-decoration:none;	
	}
	#feature_wrapper #feature_navigation img { /* the arrows */
	float:left;
	padding:0 10px 0 10px
	}
div#contact_info { /* address area on contact page */
	margin:0px 20px 0 30px;
	font-size:.95em;
	width:210px;
	float:left;
	}
div#contact_info address {
	margin:20px 0 0 0;
	font-style:normal;
	color:#555;
	font-size:.8em;
	line-height:1.5;
	}
div#contact_info address p {
	font-size:1em;
	margin:6px 0 0 0;
	}
div#contact_info address p.small_print {
	font-size:.9em;
	line-height:1.5;
	margin-top:10px;
	}

div#contact_info address a {
	color:#777;
	}
#footer p {
	float:left;
	width:600px;
	margin-left:2px;
	font-size:.65em;
	color:#555;	
	}
#footer #footer_nav {
	float:right;
	width:300px;
	margin-right:6px;
	margin-top:-5px;
	font-size:.7em;
	}
#footer #footer_nav a {
		color:#555;
		letter-spacing:-.03em;
	}
#footer #footer_nav a:hover {
		color:#004799;
	}
.accordion {
		cursor:pointer;
	}
.accordion li {
	}
#content_inner {
	position:relative;
	}
#overlay1 { /* creates the curved corners on the sliding panels on home page */
	background:url(../images/shadow_overlay_top.gif) no-repeat;
	position:absolute;
	z-index:100;
	height:26px;
	width:24px;
	top:8px;
	left:7px;
	}
#overlay2 {
	background:url(../images/shadow_overlay_right.gif) no-repeat;
	position:absolute;
	z-index:100;
	height:355px;
	width:804px;
	top:8px;
	left:779px;
	}
#overlay3 {
	background:url(../images/shadow_overlay_bottom.gif) no-repeat;
	position:absolute;
	z-index:100;
	height:15px;
	width:804px;
	top:352px;
	left:7px;
	}
#overlay4 {
	background:url(../images/shadow_overlay_left.gif) no-repeat;
	position:absolute;
	z-index:100;
	height:26px;
	width:20px;
	top:327px;
	left:7px;
	}
.clearfix:after {							/* clearfix forces containing divs to enclose floated elements */
  content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
  height: 0;                  /* ensure the period is not visible */
  clear: both;               /* make the container clear the period */
  visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* IE 6 hacks to vert align tops of curved boxes and fix content width */
* html #feature_area_top {
	background:url(../images/feature_area_top.gif) no-repeat 0 8px;
	}
* html #feature_area_promo .promo_box_top {
	background:url(../images/promo_box_top.gif) no-repeat 0 8px;
	}
* html #content {
	width:81%;
	}
	* html #feature_area_features {
	margin:-8px 0 0 0px;
	}