@import "reset.css"; 		/* global reset: no need to modify */

html{ font-size: 62.5%; font-family: Tahoma, Helvetica, Arial, Sans; background: #fff; color: #000; }
strong{ font-weight: bold; }

/* structure */

#wrapper{ width: 760px; margin: 0 auto; }
#header{ height: 86px;}
	#header h1#logo{ float: left; }
	#header h1#sublogo{ text-align: right; padding-top: 61px; }
#nav{ height: 24px; background: #3a6e8f; }
#flash{ height: 319px; background: #abb400; }
#highlights{ background: url("../images/book_bg.gif") bottom left no-repeat #d8e0e7; padding-top: 10px; min-height: 220px;  }
	#highlights a{ color: #0068ff; }
	#highlights a:hover{ color: #0052cc; }

#highlight1{ width: 231px; float: left; padding: 0 10px;  }
#highlight2{ width: 234px; float: left; background: url("../images/columns_bg.gif") repeat-y; padding: 0 10px; min-height: 220px; }
#highlight3{ width: 235px; float: left; padding: 5px 10px; }
#footer{ clear: both; }
p#footnote{ font-size: 1.1em; text-align: center; margin: 1em 0; background: #fff; }
#footnote span{ padding-left:25px;}
#footnote a{ color: #000 !important; text-decoration: none;  }

/* fonts */

#highlights h2{ font-size: 1.4em; line-height: 1.5em; color: #315d79; font-weight: bold; margin-bottom: 1em; }
#highlights p{ font-size: 1.2em; line-height: 1.6em; color: #315d79; margin: 1em 0; }

/* utilities */

.leftphoto{ float: left; padding: 0 10px 2px 0; }
.clearing{ clear: both; }
.clearleft{ clear: left; }
.clearright{ clear: right; }

.invislink{ color: #315d79 !important; text-decoration: none !important; }
.footerinvis{ color: inherit !important; text-decoration: none;  }


/* navigation */

#nav ul{ padding-left: 8px; list-style: none; }
	
	#nav li{ display: block; float: left; height: 24px; line-height: 24px; padding: 0 14px; }
	
	#nav li a{ color: #fff; font-family: Arial, Helvetica, Sans; font-size: 9pt; text-decoration: none; display: block;  }
	
	#nav li li a{ width: 100%: }
		
	#nav li:hover, #nav li.sfhover{ background: #4582a8; }
	#nav li li:hover, #nav li li.sfhover{ background: #b3bd00; }
	
	#nav li ul { position: absolute; width: 175px; left: -999em;  border-top: 1px solid #949c00; padding-left: 0; margin-left: -14px; }
	
	#nav li ul li{ 											
	position: relative;	
	background: #abb400;						
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #949c00;
	padding: 0 0 0 13px;	
	width: 160px;
	height: 2em;
	font-size: 8pt; 
	line-height: 2em; 
	}

	#nav li ul ul { 									/* third-and-above-level lists */
	margin-top: -2em;									/* = neg(parent height + parent vert. pad. + parent vert. border */									
	margin-left: 160px;									/* = parent width */
	}
	
		#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;										/* DO NOT REMOVE */
	}

	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;											/* DO NOT REMOVE */
	} /* CSS Document */
