/* CSS Document */

#border {border: 1px solid #336598;}

.picborder {border: 1px solid #336598;
	padding: 4px;
	margin: 4px;}

img {border: 1px solid #336598;}
.noborder {border: 0px}

/* login area */

.grey {background-color: #E3EEF8;}

.button {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #38516D;
font-size: 12px;
font-weight: bold;}

/* main */

body {background-color: #1B3550;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;}
	
/* spacing */

#top {padding-top: 10px;}
#pad {padding: 10px;}
#bluepad {padding: 10px;
	background-color: #336598;}
	
#greypad {padding: 10px;
	background-color: #224365;}

/* navigation */
	
#nav {border-top: 1px solid #336598;
	border-bottom: 1px solid #336598;
	margin: 0px;
	text-align: right;
	padding-right: 10px;}
	
#subnav {background-color: #1E3C5A;
	margin: 0px;
	text-align: left;
	padding-left: 22px;}
	
#subnavborder {background-color: #1E3C5A;
	margin: 0px;
	text-align: left;
	padding-left: 22px;
	border-top: 1px dotted #336598;
	border-bottom: 1px dotted #336598;}
	
.nav {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #E3EEF8;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;}
	
.nav a:link	   			{color:#E3EEF8; text-decoration: underline;}
.nav a:visited			{color:#E3EEF8; text-decoration: underline;}
.nav a:active 			{color:#E3EEF8; text-decoration: underline;}
.nav a:hover			{color:#E3EEF8; text-decoration: underline;}

/* headlines */
	
h1 {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #E3EEF8;
	font-size: 16px;
	font-weight: bold;
	margin: 0;}
	
h2 {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #E3EEF8;
	font-size: 14px;
	font-weight: bold;
	margin: 0;}
	
h3 {font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #E3EEF8;
	font-size: 12px;
	font-weight: bold;
	margin: 0;}
	
/* main text */

p {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #E3EEF8;
font-size: 12px;
margin: 0px;}
	
a:link	   			{color:#E3EEF8; text-decoration: underline;}
a:visited			{color:#E3EEF8; text-decoration: underline;}
a:active 			{color:#E3EEF8; text-decoration: underline;}
a:hover				{color:#E3EEF8; text-decoration: none;}

.fourteen {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #E3EEF8;
font-size: 14px;
font-weight: bold;
margin: 0px;}

.fourteennb {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #E3EEF8;
font-size: 14px;
margin: 0px;}

.twelve {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #E3EEF8;
font-size: 12px;
font-weight: bold;
margin: 0px;}

.sixteen {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #E3EEF8;
font-size: 16px;
font-weight: bold;
margin: 0px;}

.eleven {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #E3EEF8;
font-size: 11px;
padding: 8px;
margin: 0px;}

.indent {text-indent: .50cm;}

#content {background-color: #224365;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	}
	
#spotlight {background-color: #224365;
	padding: 10px;
	text-align: left;}
	
#subcontent {padding: 10px;
	background: #224365;}
	
#subcontentb {background: #224365;
	padding: 12px;
	text-align: center;}
	
#themecontent {background-color: #224365;
	border: 12px solid #1b3550;
	vertical-align: top;
	padding: 10px;}
	
.footer {font-family: Arial, Verdana, Tahoma, sans-serif;
color: #E3EEF8;
font-size: 10px;
margin: 0px;}
	
a:link	   			{color:#E3EEF8; text-decoration: underline;}
a:visited			{color:#E3EEF8; text-decoration: underline;}
a:active 			{color:#E3EEF8; text-decoration: underline;}
a:hover				{color:#E3EEF8; text-decoration: none;}

/* nav bar */

#navlist
{
padding-top: 0px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 0px;
margin-top: 14px;
margin-bottom: 14px;
margin-left: 0;
font: bold 12px Arial, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #224365;
background: #1e3c5a;
text-decoration: none;
border-top: 1px solid #224365;
border-bottom: 1px solid #224365;
}

#navlist li a:link { color: #E3EEF8; }
#navlist li a:visited { color: #E3EEF8; }

#navlist li a:hover
{
border-color: #294b6e;
color: #E3EEF8;
background: #254463;
text-decoration: underline;
}

/* Front Page Nav Buttons */

#button {
	width: 160px;
	border-right: 1px solid #1e3c5a;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight: bold;
	background-color: #1e3c5a;
	color: #E3EEF8;
	}
	
	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #224365;
		margin: 0;
				}

#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #224365;
		border-right: 10px solid #224365;
		background-color: #1e3c5a;
		color: #E3EEF8;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
				}

	#button li a:hover {
		border-left: 10px solid #1e3c5a;
		border-right: 10px solid #224365;
		background-color: #224365;
		}

#middle {padding: 0 10 10 10;
	border-top: 10px solid #1b3550;
	border-bottom: 10px solid #1b3550;
	border-left: 10px solid #1b3550;
	border-right: 10px solid #1b3550;
	background: #224365;}