@charset "UTF-8";
body { margin: 0; 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 */ }
.container { position: relative; width: 980px; margin: 0 auto; text-align: left; /* this overrides the text-align: center on the body element. */ }
div.gridTest { background:url(../images/guide.gif); } /* put this on the container div */
/* prototype pages body classes */
/* this lets us highlight the tab of the current page */
/* TO DO: THE HEADER NEEDS TO BE EDITED TO INCLUDE THE STYLE CLASSES IN THE APPROPRIATE LI TAGS */
body.ourPlans .globalNavigation ul.globalNavigation1 li.ourPlans,
body.healthAndWellness .globalNavigation ul.globalNavigation1 li.healthAndWellness { background: url(../images/mainTab_on.png) no-repeat; }
body.ourPlans .globalNavigation ul.globalNavigation1 li.ourPlans a,
body.healthAndWellness .globalNavigation ul.globalNavigation1 li.healthAndWellness a {  color: #003366; }
/* header */
.header { height: 136px; padding: 0 10px 0 20px;/* 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. */ background: url(../images/headerBack.jpg) no-repeat; position: relative; /* need this to position global navigation */ }
/*header navigation */
.header a:link { color: #fff; text-decoration:none; }
.header a:hover { color: #fff; }
.header a:visited { color: #fff; }
.header a:active { color: #fff; }
.header .logo { margin:16px 0px 0px 46px; border:0px; }
ul.utilityNavigation1 { position:absolute; right:4px; top: 10px;}
ul.utilityNavigation1 li { float:left; }
ul.utilityNavigation1 li a { /*display:block;*/ height:13px; text-align:center; padding-left:13px; padding-right:13px; border-left: 1px solid #b3c2d1; text-decoration:none; color:#bfcbd6;}
ul.utilityNavigation1 li a:link { color:#bfcbd6;}
ul.utilityNavigation1 li a:hover { text-decoration:underline;}
ul.utilityNavigation1 li a:visited { color:#bfcbd6;}
ul.utilityNavigation1 li a.first { border-left:none; }
.globalNavigation { background: url(../images/navBack.png) no-repeat; height:44px; width:733px; position:absolute; right: 0px; top:92px; }
ul.globalNavigation1 { margin-left:4px; }
ul.globalNavigation1 li { float:left; background: url(../images/mainTab_off.png) no-repeat; font-weight:bold; font-family:Avenir,Arial,Helvetica,Geneva,sans-serif; padding-top:3px;}

ul.globalNavigation1 li a { display:block; height:44px; width:108px; padding-top: 6px; text-align:center; padding-right:5px; padding-left:5px; text-decoration:none; position:relative; }
ul.globalNavigation1 li a:hover { text-decoration:underline;}
ul.globalNavigation1 li.singleLine a { line-height:300%; padding-top:2px;} /* fix this later so it isn't necessary to assign a class when the text doesn't wrap */
ul.globalNavigation2 { }
ul.globalNavigation2 li { float:left; background: url(../images/secondaryTab_off.png) no-repeat; font-weight:bold; font-family:Avenir,Arial,Helvetica,Geneva,sans-serif; }
ul.globalNavigation2 li a { display:block; height:44px; width:93px; padding-top: 20px; text-align:center; text-decoration:none; position:relative; }
ul.globalNavigation2 li.tabOn { float:left; background: url(../images/secondaryTab_on.png) no-repeat; font-weight:bold; font-family:Avenir,Arial,Helvetica,Geneva,sans-serif; }
ul.globalNavigation2 li.tabOn a { color: #003366 !important; display:block; height:44px; width:93px; padding-top: 20px; text-align:center; text-decoration:none; position:relative; }
ul.globalNavigation2 li.tabOn a:hover { color: #003366 !important; text-decoration:underline; }
ul.globalNavigation2 li a:hover { text-decoration:underline; }
 
/* sidebars */
.sidebar1,
.sidebar2 { float: left; width: 236px; padding-top: 17px; margin-right: 12px; }
.sidebar1 { position: relative; top: -34px; }
.sidebar2 { margin-top: 0; }
/* sub navigation */
/*ul.subNavigation1 li { margin-left: 22px; margin-bottom:11px; }*/

ul.subNavigation1 li { background:transparent url(../images/expandArrow.gif) no-repeat scroll 0 4px; margin-bottom:11px; margin-left:1px; padding-left:15px; height:1% /*Holly Hack for IE6&*/ }
ul.subNavigation1 li.open { background:transparent url(../images/collapseArrow.gif) no-repeat scroll 0 4px; height:1% /*Holly Hack for IE6&*/ }
ul.subNavigation1 li.noChildren { background:transparent url(../images/spacer.gif) no-repeat scroll 0 4px;  height:1% /*Holly Hack for IE6&*/}
ul.subNavigation1 li.subNavHeading { background:transparent none repeat scroll 0 0; color:#666666; font-size:13px; font-weight:bold; list-style-image:none; margin-left:-15px; margin-top:0; padding-top:5px; }
ul.subNavigation1 li ul { margin-bottom:17px; margin-top:10px; margin-right:7px; }
ul.subNavigation1 li a { color:#4C4A46; text-decoration:none; position:relative;}
ul.subNavigation1 li a:visited { color:#4C4A46; }
ul.subNavigation1 li a:hover { color:#0081AE; text-decoration:underline; }
ul.subNavigation1 li a.currentPage { color:#0191CF!important; }


/* content layouts */
.contentContainer { width: 732px; float:left; }
.primaryContent1 { width: 484px; margin-right: 12px; float:left; } /* home page */
.secondaryContent1 { width: 236px; float:left; } /* home page */
.primaryContent2 { padding: 0 4px; } /* primary content 2 is the full width of the content container */
.primaryContent3 { width: 476px; padding: 0 4px; margin-right: 12px; float:left; } /* these two will be for most sub pages with 2 content columns plus a side bar on the right */
.secondaryContent3 { width: 236px; float:left; }

/* footer */
div.footer { text-align:left; color: #666; padding-top: 30px; }

.footer .formNumber { font-size:11px; text-align:right!important; padding:0 10px 5px 10px; color:#999999; }
.footer .footerLinksLeft {float:left;}
.footer ul { padding-bottom: 10px; }
.footer p { padding:0 0 20px 12px; }

.footer ul {
border-top:1px solid #E6E6E6;
margin-left:auto;
margin-right:auto;
padding-top:10px;
width:980px;
}
.footer ul li { display:inline; }
.footer ul li a { height:13px; text-align:center; padding-left:13px; padding-right:13px; border-left: 1px solid #999; text-decoration:none; color: #666; }
.footer ul li a.first { border-left:none; }
.footer ul li a:hover { color: #0081AE; text-decoration:underline; }
.footer ul li a:visited { color: #666; }
.footer ul li a:active { color: #0081AE; }
/* misc */

.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; }
.fltlft { /* this class can be used to float an element left in your page */ float: left; }
.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; }

.formNumber_Content { 
	font-size:11px; 
	text-align:right!important; 
	padding:0 30px 0px 10px; 
	color:#999999; 
	position:relative; 
	top:20px;
}

.genericButton {
background-color:#0090DD;
border-color:#74CFFF #006094 #006094 #74CFFF;
border-style:solid;
border-width:2px;
color:white;
cursor:pointer;
font-family:Verdana,Arial,Geneva,sans-serif;
font-size:13px;
font-weight:bold;
}

/* TEMPORARY PLACEMENT OF STYLES WHILE contentStyles.css IS NOT ACCESSIBLE */