@charset "utf-8";
/* CSS Document */

body,td,th {
	color: #000000;
}
body {
	background-color: #656565;
	background-image: url(assets/indexbackgrounds/covbackground.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
}
p {
	font-weight: bold;
	color: #000000;
	text-align: center;
}
h1 {
	color: #000000;
	text-align: center;
}
.copyright {
	font-size: xx-small;
	color: #FFF;
}

h2 {
	font-size: 24px;
	color: #CC9900;
	text-align: center;
}
td {
	color: #0033CC;
	text-align: center;
}

#content {
	background-color: #CCCCCC;
	border: 2px solid #000000;
	width: 725px;
	padding: 10px;
	z-index: 1;
	text-align: center;
}
div {
	color: #000000;
	margin: auto;
}
li {
	color: #000000;
}


#centerwrap #nav {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	float: none;
	height: 25px;
	width: 800px;
	text-align: center;
}
div#nav ul {
	background-color: #999999;
	padding: 0px;
	margin: 0px;
}
div#nav li {
	line-height: 1.25em;
	margin: 0px;
	float: left;
	width: 114px;
	list-style-type: none;
	position: relative;
	background-color: #999;
	background-image: url(assets/navbuttonback.jpg);
}
div#nav li:hover {
	background-color: #4A6674;
}
div#nav li.submenu {
	width: 115px;
}
div#nav li.submenu:hover {
	background-color: #4A6674;
	color: #FFFFFF;
}
div#nav li a {
	display: block;
	text-decoration: none;
	width: 6.5em;
	padding-top: 0.25em;
	padding-right: 0;
	padding-bottom: 0.25em;
	padding-left: 0em;
}
div#nav ul a {width: auto;}
div#nav ul a:link, a:visited {
	color: #000000;
}
div#nav ul a:hover, a:active {color: #FFF;}

/* This one below is interesting -- you can AP almost anything! Also note that all of the ul tags underneath the top ul tag are NOT displaying (display:none). This is what makes them start out invisible, then appear on a mouse hover over. */
div#nav ul ul {
	position: absolute;
	width: 7.25em;
	display: none;
}

div#nav ul ul li {border-bottom: 1px solid #CCC;}

div#nav li.submenu li.submenu:hover {background-color: #4A6674;}
div#nav li.submenu li.submenu:hover {background-color: #4A6674;}
div#nav ul.level1 li.submenu:hover ul.level2,div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {
	top: 1.5em;
	left: -1px;
}
div#nav ul.level3 {
	top: -1px;
	left: 6.50em;
	border-top: 1px solid #CCC;
}

/* The navigational bar is finally done... phew! */
form {
	text-align: center;
}
.newspostheader {
	color: #0000FF; font-weight: bold; 
}
#apDiv1 {
	position:absolute;
	width:160px;
	height:600px;
	top: 260px;
	right: 85%;
}
#content table {
	text-align: center;
}
#apDiv2 {
	position:absolute;
	width:160px;
	height:600px;
	top: 260px;
	left: 85%;
}