/* CSS Document */

body {
	background-color: #3399ff;
	background-image:url(images/webpagebackground2.jpg);
	background-attachment:fixed;
	height: 100%;
	min-height: 100%
	}
	
html {
	height: 100%;
	min-height: 100%;
	}
	
#Announcement {
	line-height: 10%;
	display: inherit;
	}
	
	
#Container {
	padding: 0px;
	position: absolute;
	top: 0px;
	left:15%;
	width: 775px;
	display: block;
	height: 1097px;
	margin: 0px;
	font-size: 1em;
	}


#Header {
	border:thin outset #000000;
	position: relative;
	width: 725px;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	height: 148px;
}

#Content {
	background-color: #ececfb;
	position:relative;
	padding: 10px;
	top:60px;
	width:725px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	margin-right: auto;
	margin-left: auto;
}

#NavBar {
	display: inline;
	list-style: none;
	list-style-type: none;
	position: relative;
	top: 20px;
	width:700px;
	margin-right: auto;
	margin-left: auto;
	left: 10px;
	height: 55px;
	padding: 0px;
	}

.nav li {
	float: left;
	margin: 0;
	list-style: none; /* no bullet markers */
	list-style-type: none;
	padding: 0px 20px 0px 5px;
	height: 19px;
	width: auto;
	position: relative;
	
	}
	
#NavBar ul li a
{
padding: 0.2em 1em;
background-color: #83A7CF;
color: Yellow;
text-decoration: none;
float: left;
list-style: none;
list-style-type: none;
border: thin outset #000000;
}

#NavBar ul
{
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

#NavBar ul li a:hover
{
background-color: #369;
color: Yellow;
}

.fullheight{ height: 100%;}

div.clearall{
clear:both;
}