body {
	font-family: "Trebuchet MS", Futura, Arial, Helvetica, Verdana, sans-serif;
	color: #F0F0D8;
	text-align: center;
	font-size: 90%;
	background-color: #3a3a3a;
}

html { overflow-y: scroll; } 

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	letter-spacing: 0.1em;
}

h1.sec {
	font-size: 100%;
}

a {
	text-decoration: none;
}

table.main
{ 
	font-size: 100%;
}



#mainwrap {
	width: 820px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border-right:1px solid #404040;
	border-top:1px solid #404040;
	border-bottom:1px solid #404040;
	border-left:1px solid #404040;
	background-color: #3a3a3a;
	text-align: left;
}

#header {
	color: #9C9CFE;
	background: #404040 url(../images/header.jpg) no-repeat;
	height: 120px;
	width: 100%;
}

#header h1 {
	color: #FFA000;
	padding: 80px 20px;
	text-align: center;
}
#header a:hover {
	color: #404040;
}
#topnav {
	color: #F0F0D8;
	padding: 8px;
	font-size: 90%;

	text-align: center;
	font-weight: bold;
}

#topnav a {
	color: #484830;
	border-bottom: 0px solid #484830;
}

#topnav a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}

#sidenavwrap {
	float: right;
	width: 175px;
	margin-top: 25px;
	padding-top: 5px;
	font-size: 90%;
}

#sidenavwrap h1 {
	font-family: Arial, "Trebuchet MS", Futura, Helvetica, Verdana, sans-serif;
	color: #F0F0D8;
	padding: 3px 6px;
	font-size: 100%;
	text-align: left;
}
#sidenavwrap h3 {
	font-family: Arial, "Trebuchet MS", Futura, Helvetica, Verdana, sans-serif;
	color: #F0F0D8;
	padding: 3px 6px;
	font-size: 100%;
	text-align: left;
}
	
#sidenavwrap ul {
	list-style-type: none;
	padding: 3 16px;
	margin: 0;
}
	
#sidenavwrap ul li {
	margin-top: 5px;
}
	
#sidenavwrap ul li a {
	display: block;
	width: 160px;
	color: #F0F0D8;
}

#sidenavwrap ul li a:hover {
		color: #ffa000;
}
#sidenavwrap a {
	color: #F0F0D8;
}

#sidenavwrap a:hover {
	color: #ffa000;
}

#contentwrap {
	float: left;
	width:620px;
	background-color: #404040;

}

#breadcrumb {
	color: #F0F0D8;
	padding: 8px 8px 8px 0;
	font-size: 85%;
}

#breadcrumb a {
	color: #F0F0D8;
}

#breadcrumb a:hover {
	color: #ffa000;
}

#content {
	color: #F0F0D8;
	padding: 20px;
}

#content p {
}

#content h1 {
	color: #F0A000;
	font-size: 100%;
	padding-bottom: 6px;
}

#content h2 {
	color: #F0F0D8;
	padding-bottom: 6px;
}

#content h3 {
	color: #F0A000;
	font-size: 100%;
	padding-bottom: 6px;
}

#content a {
	color: #F0F0D8;
	border-bottom: 0px solid #0000FF;
}

#content a:visited {
	color: #F0F0D8;
	border-bottom: 0px solid #0000FF;
}

#content a:hover {
	color: #ffa000;
}

#bottomnav {
	clear:both;
	color: #F0F0D8;
	padding: 8px;
	font-size: 90%;

	text-align: center;
}

#bottomnav a {
	color: #484830;
	border-bottom: 0px solid #484830;
}

#bottomnav a:hover {
	color: #000;
	border-bottom: 1px solid #000;
}

#copyright {
	color: #a2a2a2;
	padding: 8px;
	font-size: 80%;
	background-color: #404040;
	text-align: center;
}

#copyright a {
	color: #787860;
	border-bottom: 1px dashed #787860;
}

#copyright a:hover {
	color: #D6D4AE;
	border-bottom: 1px solid #D6D4AE;
}

#credit {
	color: #303030;
	padding: 8px;
	font-size: 80%;

}

#credit a {
	color: #303030;
	border-bottom: 0px solid #303030;
}

#credit a:hover {
	color: #D6D4AE;
	border-bottom: 0px solid #D6D4AE;
}
		
.right {
	text-align: right;
}

.left {
	text-align: left;
} 

.center {
	text-align: center;
}
	
#clear {
	clear: both;
}

.box {
	color: #303030; 
	border: 1px solid #D6D4AE; 
	background-color: #F0F0D8; 
	padding: 10px 12px 12px;
	margin: 20px 70px;
	text-align: justify;
	font-size: 90%;
	line-height: 180%;
}

.warning {
	color: #FF0000;
}