@charset "utf-8";
/*
B4EDE6 - green/blue of page top nav
4A8224 - dark green of text, green border around image, link color
1e598c - dark blue of main nav
4F4F4F - dark gradient background at bottom of page

1F588D - dark blue of main nav

*/

/*BEGIN - GENERAL STYLES ------------------------------------------------------------*/
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#4F4F4F url(/images/gradientBlack.png) repeat-x;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	min-width:980px;		/* Minimum width of layout - remove line if not required */
	font-family:"Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif; /*Lucida Grande is for mac osx & Lucida is for UNIX*/}

h1 {margin:.8em 0 .2em 0; padding:0; font-size:1.4em; color:#1F588D;}
h2 {margin:.8em 0 .2em 0; color:#1F588D; padding:0; font-size:1.2em;} /*used on home page*/
h2.homeH2 {margin:.8em 0 .2em 0; color:#B4EDE6; padding:10px 0 0 10px;} /*used on home page*/
h3 {margin:.1em 0 .2em 0; padding:0 0 0 10px; color:#1F588D;} /*used on home page*/
h4 {margin:.1em 0 .2em 0; padding:0; color:#1F588D; text-align:center; font-size:1.2em;} /*used for side nav boxes*/

p {margin:.4em 0 .8em 0; padding:0;}
img {margin:0; padding:0; border:0;}

a:link {color:#1F588D; text-decoration:underline;}
a:visited {color:#1F588D; text-decoration:underline;}
a:hover {background:#1F588D; color:#FFF; text-decoration:none;}
a:active {background:#1F588D; color:#FFF; text-decoration:none;}

/*suppress hover on accordion to allow yui to use correct hover*/
a.suppressHover:hover {background:none;}

a.blueLink:link {color:#B4EDE6; text-decoration:underline;}
a.blueLink:visited {color:#B4EDE6; text-decoration:underline;}
a.blueLink:hover {background:#B4EDE6; color:#000; text-decoration:none;}
a.blueLink:active {background:#B4EDE6; color:#000; text-decoration:none;}
/*END - GENERAL STYLES --------------------------------------------------------------*/



/*BEGIN - GENERIC CLASSES -----------------------------------------------------------*/
.floatLeft {float:left;}
.maxWidth {width:100%;}
.red {color:#FF0000;}
a.noHover:hover {background: none; border: none;}
/*END - GENERIC CLASSES -------------------------------------------------------------*/





/*BEGIN - IMAGE CLASSES & IDS -------------------------------------------------------*/
#pillsImage {float:right; border:#1F588D solid 2px; margin:5px;}
/*END - IMAGE CLASSES & IDS ---------------------------------------------------------*/





/*BEGIN - LISTS ---------------------------------------------------------------------*/
/*need position:relative on all the ul's because of an IE6 bug having to do with floats that makes the images not show*/
ul.icon {list-style:none; margin:0; padding:0; /*font-size:.8em;*/ position:relative;}
ul.icon li {padding:0 0 0 25px; margin:.2em 0;}
ul.iconIndent {list-style:none; margin:0 0 0 25px; padding:0 0 0 10px; /*font-size:.8em;*/ position:relative;}
ul.iconIndent li {padding:0 0 0 25px; margin:1em 0;}
ul.iconSideNav {list-style:none; margin:0; padding:0; font-size:.9em; position:relative;}
ul.iconSideNav li {padding:0 0 0 25px; margin:.5em 0;}
ul.faq {list-style:none; margin:0; padding:0; /*font-size:.8em;*/ position:relative; width:75%;}
ul.faq li {margin:5px 0 0 0;}

ul.iconSpaced {list-style:none; margin:0; padding:0 0 20px 10px; position:relative;}
/*added overflow auto to keep images from disappearing in IE7, also added an IE6 hack for home page: zoom:1*/
ul.iconSpaced li {padding:0 0 0 25px; margin:10px 0 0 0; overflow:auto; zoom:1;} /*line height is to keep extra space from appearing*/

/*the li's below will work for icon,iconIndent, or iconGrid*/
/*need "position:absolute" on iconGrid li's but not the others to keep images from being clipped in ie7*/
li.blueArrow {background: url(/images/bullets/blueArrow.jpg) left top no-repeat;}
li.blueArrowGray {background: url(/images/bullets/blueArrowGray.jpg) left top no-repeat;}
li.navBullet {background: url(/images/bullets/bullet_black.png) left top no-repeat;}
li.help {background: url(/images/bullets/help.png) left top no-repeat;}
li.link {background: url(/images/bullets/link.png) left top no-repeat;}
li.pdfWhite {background: url(/images/bullets/pdfWhite.png) left top no-repeat;}
/*END - LISTS -----------------------------------------------------------------------*/





/*BEGIN - CUSTOM CLASSES & IDS ------------------------------------------------------*/
#homeImageDiv {width:840px; height:223px; margin:0 auto 0 auto; padding:0; background:url(/images/homeImage.jpg);}
#homeImageDiv p {color:#FFF; width:500px; padding-left:10px;}
#homeImageDiv a {margin-left:10px;}

#threeBoxDiv {padding-top:10px; width:840px; margin:0 auto;}
#threeBoxDiv1 {width:32%; float:left; height:275px;}
#threeBoxDiv1 p {padding:0 10px 10px 10px;}
#threeBoxDiv1 a {margin-left:10px;}
#threeBoxDiv2 {width:33%; float:left; margin-left:1%; border-left:#1F588D 4px solid; height:275px;}
#threeBoxDiv3 {width:32%; float:right; margin:0; border-left:#1F588D 4px solid; height:275px;}



/*END - CUSTOM CLASSES & IDS --------------------------------------------------------*/




/*BEGIN - NAV -----------------------------------------------------------------------*/


/*------------------------------------------------------*/

.pageTopBottomNav {
	/*width: 40%;*/
	clear:none;
	font-size:70%;
	float:right;
	margin: 0 0 0 0;
	padding: 10px 2% 0 0;
	list-style: none;
	/*background-color: #f2f2f2;*/
	/*border-bottom: 1px solid #ccc;*/
	/*border-top: 1px solid #ccc;*/ }
.pageTopBottomNav li {
	float: left; }
.pageTopBottomNav li a {
	display: block;
	padding: 0px 12px;
	text-decoration: none;
	font-weight: bold;
	color: #B4EDE6;
	border-right: 1px solid #CCC; }
.pageTopBottomNav li a.lastNavLink {border-right:none;}
.pageTopBottomNav li a:hover {
	color: #FFF;
	background:none; }
/*END - NAV -------------------------------------------------------------------------*/




/*BEGIN - HEADER --------------------------------------------------------------------*/
#header {
	clear:both;
	float:left;
	width:96%;
	background:#FFF; /*BO*/
	margin:10px 0 0 2%; /*BO*/}
/*END - HEADER ----------------------------------------------------------------------*/




/*BEGIN - BODY ----------------------------------------------------------------------*/
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;}
.col1 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;}
	
/* Full page settings */
.fullpage {background:#4F4F4F url(/images/gradient-YZNKR.png) repeat-x;		/* page background colour */}

.fullpage .col1 {
	width:96%;			/* page width minus left and right padding */
	left:2%;			/* page left padding */
	background:#FFF; /*BO*/
}
/*END - BODY ------------------------------------------------------------------------*/


/*BEGIN - FOOTER --------------------------------------------------------------------*/
#footer {clear:both; float:left; width:96%; /*border-top:1px solid #000;*/ margin-left:2%; color:#B4EDE6;}
#footer p {padding:10px 10px 30px 10px; margin:0; font-size:75%;}

#footerDiv1 {width:32%; float:right;}
#footerDiv2 {float:left; width:32%;}
#footerDiv3 {float:left; width:32%; text-align:center;}
/*END - FOOTER ----------------------------------------------------------------------*/

/*BEGIN - MISCELLANEOUS ADDONS ------------------------------------------------------*/


/*------------------------------------------------------*/


/*------------------------------------------------------*/




/*
NAV Changes ->
840 -> 1F588D
c60 -> 1F588D
*/
/*END - MISCELLANEOUS ADDONS --------------------------------------------------------*/

#navMain {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500; /*font-family:arial, verdana, sans-serif;*/}
#navMain li {float:left; margin-right:1px;}
#navMain li a {display:block; float:left; height:40px; line-height:40px; background:#333; color:#ccc; text-decoration:none; font-size:11pt; font-weight:bold; padding:0 30px 0 20px;}


#navMain table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#navMain li a:hover {z-index:200; position:relative;color:#fff; background-color:#1F588D;}
#navMain li:hover {position:relative; z-index:200;}

#navMain li:hover > a {color:#fff; background:#1F588D;}
#navMain li:hover > a.sub {color:#fff; background-color:#1F588D;}

#navMain li.current a {color:#fff; background:#1F588D;}

#navMain li a.sub {background: #333 url(down-arrow.gif) no-repeat right center;}
#navMain li.current a.sub {color:#fff; background:#1F588D url(down-arrow.gif) no-repeat right center;;}

#navMain :hover ul {left:0; top:40px; width:220px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#navMain ul, 
#navMain :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#navMain :hover ul :hover ul
{left:220px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#navMain :hover ul li {margin:0; border-top:1px solid #666;}
#navMain :hover ul li a {width:220px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px;}
#navMain :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#navMain :hover ul :hover {background-color:#1F588D; color:#fff;}
#navMain :hover ul :hover a.fly {background-color:#1F588D; color:#fff;}

#navMain :hover ul li.currentsub a {background:#1F588D; color:#fff;}
#navMain :hover ul li.currentsub a.fly {background:#1F588D url(right-arrow.gif) no-repeat right center; color:#fff;}

#navMain :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#navMain :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#navMain :hover ul :hover ul li.currentfly a,
#navMain :hover ul :hover ul li.currentfly a:hover {background:#1F588D; color:#fff;}


/*content rounded corners*/

div.contentNavOuter  {width:197px; padding:4px; margin:0 0 10px 10px; background:#1F588D; float:right;}
div.contentNavInner  {width:173px; padding:5px 12px 5px 12px; margin:0; background:#EBEBEB;}



/*BEGIN - TABLES --------------------------------------------------------------------*/
#box-table-a {margin:0 0; width:70%; text-align:left; border-collapse:collapse;}
#box-table-a th {
	font-weight:bold;
	font-size:120%;
	padding:8px;
	background:#D6D6D6;
	border-top:4px solid #1F588D;
	border-bottom:1px solid #FFF;
	color:#000;
	text-align:center;}
#box-table-a td {padding:8px; background:#EBEBEB; border-bottom:1px solid #FFF; color:#000;	border-top:1px solid transparent;}
/*#box-table-a tr:hover td {background:#d0dafd; color:#339;}*/
/*END - TABLES ----------------------------------------------------------------------*/