/* CSS for the National History Challenge website */
/* copyright © 2006, History Teachers Association */

body {
	margin: 0;
	padding: 0;
	background: #e3e3e3;
	font: normal 12px/16px verdana, arial, sans-serif;
	color: #333;
	}
	
a:link {	color: #F60; text-decoration: none;	}
a:visited { color: #906; text-decoration: none;	}
a:hover { color: #969; text-decoration: underline; }
	
/* headings for header - use for main heading only */
	
h1 {
	font: bold 30px georgia, times, "Times New Roman" ,serif;
	color: #F90;
	padding-top: 50px;
	}
	
h2 {
	font: bold 18px georgia, times, "Times New Roman" ,serif;
	color: #FFF;
	text-align: right;
	}
	
/* headings and text for content */

h3  { font: bold 16px verdana, arial, sans-serif; color: #969; }
	
h4	{
	font: bold 12px verdana, arial, sans-serif;
	color: #F60;
	text-transform: uppercase;
	}

h5	{
	font: bold 12px verdana, arial, sans-serif;
	color: #666;
	padding: 0;
	margin: 0;
	}
	
h6 	{
	font: bold 12px verdana, arial, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	}
	
/* other elements */
.MainHeader {
	font: bold 30px georgia, times, "Times New Roman" ,serif;
	color: #F90;
	text-align: right;
	padding-top: 50px;
	}
	
#logo {
	background: transparent url(../images/NHC_logo.gif) top left no-repeat;
	float: left;
	width: 232px;
	height:175px;
	}
	
.footer {
	font: normal 11px verdana, arial, sans-serif;
	text-align: center;
	color: #666;
	margin: 5px;
	}
	
/* table cells */

.headercell {
	background: #969 url(../images/header_bg.jpg) no-repeat;
	height: 183px;
	margin: 0;
	padding: 0;
	overflow: hidden; /* fixes IE's 3pixel jog bug */
	}

.menucell {
	width: 240px;
	background: #FAEBD7 url(../images/menu_bg.gif) repeat-y;
	}
	
.contentcell {
	padding: 20px;
	background: #FFF;
	text-align: left;
	}
		
.rightcell { background: #F90 url(../images/side_bg.gif) repeat-y;	}	
	
.footercell {
	background: #FFF url(../images/footer_bg.jpg) repeat-x;
	height: 26px;
	border-top: 1px solid #666;
	}
	
/* navigation */

#menu {
	width: 200px;
	margin-left: 10px;
	}
#menu dt {
	cursor: pointer;
	margin: 2px 0;
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-weight: bold;
	color: #F60;
	background: transparent;
	padding: 10px 10px 0px 10px;
	}
#menu dd {
	color: #F60;
	margin: 0;
	padding: 0;	
	}
#menu li {
	text-align: left;
	background: transparent;
	line-height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;	
	}
#menu dt a {
	color: #F60;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	}
#menu li a  {
	color: #636;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	}
#menu li a:hover, #menu dt a:hover {
	background: #FC6;
	}
	
/* other */

.addresstext { font: normal 12px/12px verdana, arial, sans-serif; }	

.bread {
	color: #999999;
	white-space: nowrap;
	height: 15px;
	padding-bottom: 10px;
	}

.bread a { color: #999999; text-decoration: underline; }

.bread a:hover { color: #666666; text-decoration: underline; }