@charset "UTF-8";

#container {
	position:relative;
	left:0px;
	top:-58px;
	width:800px;
	height:800px;
	z-index:1;
	margin-right: auto;
	margin-left: auto;
}
#navBar ul {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#navBar li {
	list-style-type: none;
	display: inline;
	padding-left: 5px;
	padding-right: 10px;
}
#navBar a {
	text-decoration: none;
	color: #333333;
}
#navBar a:visited {
	color: #666666;
}
#navBar a:hover {
	color: #FFE5A8;
	border-left-width: 5px;
	border-left-color: #006633;
	border-right-width: 5px;
	border-right-color: #006633;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: thin;
	border-bottom-color: #006633;
}
#navBar a:active {
	font-weight: bold;
	color: #FFFFFF;
	border-right-style: none;
	border-left-style: none;
	border-right-color: #FFFF00;
	border-left-color: #FFFF00;
	border-right-width: 5px;
	border-left-width: 5px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #fff000;
}
#navBar {
	position:absolute;
	left:0px;
	top:1px;
	width:800px;
	height:32px;
	z-index:1;
	background-image: url(images/nav_back.jpg);
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFF00;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #336666;
}
#content {
	position:absolute;
	left:0px;
	top:38px;
	width:780px;
	height:410px;
	z-index:2;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
p {
	font-size: large;
}
hr {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336633;
}
h1 {
	color: #336633;
}
* {
	margin: 0px;
	padding: 0px;
}
#content a {
	text-decoration: none;
	color: #000066;
}
#content a:visited {
	color: #336633;
}
#content a:hover {
	font-weight: bold;
	color: #336633;
	border-left-width: 20px;
	border-left-style: groove;
	border-left-color: #006633;
}
#content a:active {
	font-weight: bold;
	color: #FF0000;
}
h3 {
	color: #333333;
}
#header {
	position:relative;
	top:0px;
	width:1000px;
	height:150px;
	z-index:2;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/header.jpg);
}
.style5 {color: #333333; }
.style4 {color: #336600}