﻿/*********************/
/* RESET STYLES */
/*********************/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}

table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 2em; list-style: decimal; }
ul {
	padding-left: 1.4em;
	list-style: disc;
}
q:before, q:after { content:''; }

/**********************/
/* BODY LAYOUT STYLES */
/**********************/
body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#3D81A1;
	background-image:url('images/background.png');
	font-size:12px;
}

h1 {
	font-size:2em;
	font-weight:bold;
	border-bottom: 1px black groove;
}

h2 {
	font-size: 1.75em;
	font-weight: bold;
	text-align: left;
	border-bottom: 2px black solid;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
}

h3 {
	font-size: 1.25em;
	font-weight:bold;
	text-decoration:underline;
	color:#000;
	font-variant:small-caps;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

.specialheader {
	font-weight:bold;
	color:#FFF;
	border-top: 0px black solid;
	border-bottom: 0px black solid;
	background-color:#574A29;
	margin-top: 5px;
	margin-bottom: 5px;
	padding:2px 2px;	
}

.short {
	width:50%;
}
}
h4 {
	font-size:1.15em;
	font-weight:bold;
	border-bottom: 1px black solid;
	width:50%;
	margin:10px 0;
}

p {
    margin-top: 10px;
	margin-bottom: 10px;
}
#wrapper {
	width:90%;
	max-width:1200px;
	min-height:800px;
	margin: 20px auto;
	padding-bottom: 20px;
	background-color:#CEB677;
}
#header {
	background-color:#121849;
	background-image:url('images/banner.jpg');
	background-repeat:no-repeat;
	min-height:200px;
}

#header h1 {
	font-size: 2em;
	font-weight: 400;
	font-variant: small-caps;
}

#content{
    clear:left;
	width: 95%;
	margin:auto;
	background-color:#CEB677;
	padding: 5px 5px;
	margin-top:10px;
}

#content img {
	border: 0px black solid;
}

#newsarticle {
	border: 2px black dashed;
	border-left:0;
	border-right:0;
	padding: 5px 5px;
}
#credits {
	background-color:#574A29;
	color:white;
	width:90%;
	max-width:1200px;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	margin:-20px auto;
}

#credits a {
	color:white;
	text-decoration:none;
}

#credits a:hover {
	text-decoration:underline;
}

td.header {
	background-color:#574A29;
}
.floatright {
	float:right;
	padding-left: 15px;
}

.floatleft {
	float:left;
	padding-right: 15px;
}
.center {
	text-align: center;
}

.formbox {
	border-style: solid;
	border-width: 1;
	border-color:gray;
}

/*******************/
/* NESTED NAVIGATION MENU */
/*******************/

#topmenu {
	margin: 0;
	padding: 0;
    background-color:#121849;
    overflow:hidden;
    zoom:1;
    font-variant:small-caps;
    font-size:1.10em;

}
	#topmenu li
	{	float:left;
        text-align:center;
        list-style: none;
		font-weight:bold;
		}

	#topmenu li a
	{	display: block;
		background-color: #121849;
		padding: 10px 10px;
		text-decoration: none;
		color: white;
        border-right: 0px solid black;
        width:150px;
        white-space: nowrap;
		}
	
	#topmenu li a:hover
	{	background-color: white;
        color: black;}
		
		#topmenu li ul
		{	margin: 0;
			padding: 0;
			width:170px;
			position: absolute;
			visibility: hidden;
			border-top: 0px solid black;
			}
		
		#topmenu li ul li
		{	float: none;
			display: inline}
		
		#topmenu li ul li a
		{	width: auto;
			background: #2b3059;
            color:white;}
		
		#topmenu li ul li a:hover
		{	color:black;
			background-color: white;}			
	
