body {
	behavior: url("/css/htc/csshover.htc");
	}

.text-base {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}
 
/* LIST-BASED MENU */
/* the horizontal menu starts here */
div#listmenu ul, div#listmenu li {
	margin: 0;							/* ensure the nav starts at 0,0 and all list items are positioned by us */
	padding: 0;
	}
div#listmenu, div.navReview {
	float: left;						/* makes the div enclose the list */
	font-size: 11px;					/* SET FONT-SIZE HERE */
	/*background-color: white; *?		/* colors the nav container div */
	font-family: Arial, Helvetica, sans-serif;
	}
div#listmenu li {
	z-index:100;						/* had to add this to make the drop be on top in Safari */
	float:left;							/* causes the list to align horizontally instead of stack */
	position:relative; 					/* positioning context for the absolutely positioned drop-down */
	list-style-type:none;				/* removes the bullet off each list item */
	background-color:#FFA; 				/* sets the background of the menu items */
	/*border-right:1px solid #069;*/ 	/* creates dividing lines between the li elements */
	}
	
div#listmenu li:first-child {
	/*border-left:1px solid #069;*/ 	/* the first vertical line on the menu */
	}

/* NOTE: because we are using images for the main nav (and bg), 
   the color here is in essence the drop down items */
div#listmenu a, div.navReview a {
	display:block; 						/* makes rolled list items in drop down highlight link text, and wrapped lines indent correctly */
	text-decoration:none;	 			/* removes the underlining of the link */
	/*color:#069;*/						/* sets the type color */
	text-transform: uppercase;			/* make the list items uppercase */
	}
div#listmenu a.dropDownItem, div.navReview a.dropDownItem {
	color: white;						/* set the text color of the drop down menu items */
	background-color: #014D7A;
	padding: 2px 7px;					/* move the text away from the edges */
}
div#listmenu a.dropDownItem:hover, div.navReview a.dropDownItem:hover {
	background-color: #357DAD;			/* change the bg color of the drop-down items on rollover */
}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; 							/* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; 					/* positions the drop-down ul in relation to its relatively positioned li parent */
	width:170px; 						/* sets the width of the menu */
	left:-1px; 							/* aligns the drop exactly under the menu */
	}
div#listmenu ul li ul li, div.navReview ul li {
	width:100%; 						/* makes the list items fill the list container (ul) */
	border-left:1px solid #069; 		/* three sides of each drop-down item */
	border-bottom:1px solid #069;
	border-right:1px solid #069;
	padding:0 0 1px;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #069; 			/* the top edge of the dropdown */
	}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {
	display:none;						/* conceals the drop-down when menu not hovered */
	} 
div#listmenu ul li:hover ul {
	display:block;						/* shows the drop-down when the menu is hovered */
	} 

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden; 					/* same effect as display:none in this situation */
	left:170px;
	}
div#listmenu ul li ul li:hover ul {
	visibility:visible;					/* same effect as display:block in this situation */
	} 
	
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; 						/* makes the ul wrap the li's */
	border-left:1px solid #000; 		/* adds the rightmost menu vertical line to the ul */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; 					/* stops the drop inheriting the ul border */
	}
/* end of hack zone */
div#listmenu img {
	border: 0px;						/* ensure the transparent images used as links have no border */
	}
	
div.navReview ul {
	display: block;
	text-align: left;
	margin: 0; 		
	width: 170px;
}

div.navReview li {
	list-style-type:none;
}
/* END OF LIST-BASED MENU */

a:link {
	color: #123A56;
}

a:hover {
	color: #0000CC;
}

a:visited {
	color: #800080;
}

/*
.text-nav {  
	color: #33601f;
	text-decoration: none;
	font-weight: bold;
}
*/

.text-reference {
	vertical-align: super;
	font-size: 10px;
}

.format-indent {
	text-indent: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.text-sectHead { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px;  
	font-weight: bold;
}

.text-sectSub { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold;
}

.text-footer { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

.text-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.format-bold {
	font-weight: bold;
}

.format-italic {
	font-style: italic;
}

.color-red {
	color: #FF0000;
}

.color-white {
	color: #FFFFFF;
}

.color-black {
	color: #000000;
}

.color-lightBlue {
	color: #A2C6E2;
}

.color-purple {
	color: #CC00FF;
}

.format-forOrder {
	color: #000099;
	font-weight: bold;
	font-size: 11px;
}

.format-background {
	margin-top: 0px;
	margin-left: 0px;
	background-color: #CCCCCC;
	background-image: url(/images/background_line.gif);
	background-repeat: repeat-y;
}

.format-backgroundIndex {
	margin-top: 2px;
	margin-left: 2px;
	background-color: #FFFFFF;
}

.text-tagLine {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
}

.text-bigSpecial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 900;
	color: #003300;
	line-height: 4px;
}

.text-bigSpecialWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 900;
	color: #FFFFFF;
	line-height: normal;
}

.text-intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.format-subheadTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
}

.format-articleTitle {
	font-size: 12px;
	line-height: 14px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
}

.format-frontNav {
	font-size: 11px;
	line-height: 11px;
	font-weight: bolder;
	color: #123A56;
	text-transform: uppercase;
	text-decoration: none;

}

.text-mediaQuote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}

.format-fullLink {
	padding: 0px 40px 0px 0px;
	font-size: 12px;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.format-pageHeading {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #123A56;
	padding-left: 8px;
	border-bottom: 1px solid #123A56;
	margin-left: 1px;
	display: block;
}

.compactList {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* Begin Aslett Clearing Method */
.clearFix:after {
	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 Aslett clear method */