/* ======================automatic page effects ============================================*/
body{background-color:#55728F;color:#C0C0C0;}

div{margin:0}
img{border-style:none}

a:link {color: #858585}     /* unvisited link */
a:visited {color: #C0C0C0}  /* visited link */
a:hover {color: #FFFFFF}   /* mouse over link */
a:active {color: #FFFFFF}   /* selected link */



div.box{position:relative; width:800px; margin: 0 auto; margin-top: -10px;}
div.buttons{text-align:center;font-size:22pt;}
div.year{text-align:center;font-size:20pt;}

#Title{font-size:50pt; padding-bottom:5px;}

/* ==================headerStuff===========================*/

.header{ margin:0; padding: 0; postition:relative;}

#headerNav, #headerNav ul {
	width:800px;
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
	text-align: left;
}
.header #high{position:absolute; top:0}

#headerNav ul{position:relative;}

#headerNav a, #headerNav a:link, #headerNav a:visited {color: #c0c0c0}
#headerNav a:active, {color:#fff}

/*regular face */
#headerNav li{
float: left;
width: 150px;
height: 30px;
}
/*bump so that it looks pretty*/
#headerNav li.edge{width:125px}

#headerNav a{
	display: block;
	text-align: center;
	width: 150px;
	font-weight: 451;
	text-decoration: none;
	font-family: "Georgia", sans-serif;
}

/* dropy down part */
#headerNav li ul{
	position: absolute;
	height: auto;
	left: -999em;
	top: 17px;
	width: 165px;
}
#headerNav li:hover ul, #headerNav li.sfhover ul{left:auto}  /*so we move from far to the left to the right spot on the hover... whee */
#headerNav li li{height:auto;}
#headerNav li li a{color: #c0c0c0; width:150px; text-align:center; white-space: nowrap;} /*each on it's own line */
#headerNav a:hover{color: #fff}