*html { height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: black; height: 100%; }

/* structural elements */
#divCenter{ width: 100%; text-align: center;}
#container{ width: 770px; margin: 0 auto; }
#headerContain{ border:0px solid #003366; width: 770px; }
#mainContainer { width: 769px; margin: 0px; padding: 0px; border: 0px solid blue; text-align: left; background: url("../images/content_back.gif") repeat-y;}
#nav{ width: 203px; float: left; border-top: 0px solid white; background-color: #ADB0C0;}
#print{ float: left; clear: both; text-align: right; width: 100%; }
#content { width: 564px; margin: 0px; padding: 0px; clear: none; float: left; background-color: white; border: 0px solid black; height: 100%; }
.contentArea{ padding: 10px; } 
*html .contentArea { padding: 10px; width: 520px;}

/* menu system */
#nav ul { margin: 0px; padding: 0px; list-style-type: none;}
#nav li { margin: 0px; padding: 0px; width: 200px; background-repeat: no-repeat; border: 0px solid red;}
#nav ul li a { display: block; margin: 0px; padding: 0px; height: 22px; }
#nav ul li a span{ display: none; }
#nav ul li a:hover {}
#nav li.david { background-image: url("../images/menu_david.gif");}
#nav li.pyramids { background-image: url("../images/menu_pyramids.gif");}
#nav li.pyramids a { display: block; margin: 0px; padding: 0px; height: 38px; }
#nav li.demographic { background-image: url("../images/menu_demographics.gif"); }
#nav li.accueil { background-image: url("../images/menu_accueil.gif"); }
#nav li.map { background-image: url("../images/menu_map.gif"); }
#nav li.u_of_t { background-image: url("../images/menu_u_of_t.gif"); }
#nav li.book { background-image: url("../images/menu_book.gif"); }
#nav ul li ul{ background: url("../images/menu_spacer.gif") no-repeat bottom; margin: 8px 0 0 0;}
#nav ul li ul li{ font: 12px/16px verdana, sans-serif; color: #626F67; margin: 0 0 0 0; }
#nav ul li ul li a { color: #003366; text-decoration: none; margin: 1px 0 1px 15px;}
#nav ul li ul li a:hover { text-decoration: underline; }

/* element styles */
a{ color: #990000; text-decoration: underline; }
a.small { font: 9px/14px arial; }
a:hover { text-decoration: underline; color: #606060; }
.bigHeading{ margin-top: 5px; color: #990000; font-weight: bold; font-size:14px; }
.heading { color: #996600; font-weight: bold; }
h3.banner{ margin: 0px; background-position: bottom; width: 770px; height: 120px; background-image: url("../images/footwork_template.jpg"); }
h3 span, h4 span{ visibility: hidden; }
h4{ font: 16px/18px arial, sans-serif; color: #003366; font-weight: bold; line-height: 16px; margin: 0;}
h5{ font: 14px/18px arial, sans-serif; color: #990000; font-weight: bold; line-height: 16px; margin: 0;}
.header{ background: url("../images/header.jpg"); height: 41px; width: 770px;}
.footnote { 11/16px arial, sans-serif; color: #606060; }

.contentArea ul { margin: 5px 25px; padding: 0px; list-style-type: none; }

.contentArea ul.pubs { margin: 5px 25px; padding: 0px; list-style-type: disc; }

.contentArea ul.articles { margin: 5px 0; list-style-type: none; padding: 0;}
.contentArea ul.articles li { margin: 5px 0;}
.contentArea ul.articles li ul li { margin: 0; list-style-type: none; }
.contentArea ul.bulleted { margin: 5px 25px; padding: 0px; list-style-type: disc;  }

#schoolNet { display: none; }
#retirement { display: none; }

.video { 
	background-color: red; 
	border-top: 1px solid #906666; 
	border-left: 1px solid #906666; 
	border-bottom: 1px solid #700000; 
	border-right: 1px solid #700000;
	color: white;
	font-family: verdana sans-serif; 
	font-size: 11px;
}


/* "Helper Styles */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.hide { display: none; }

/* printable stuff */

img.printLogo { display: none; }

/*video.asp divs*/

#retirementagevideo { display: none; }
#retirementaudio { display: none; }
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}