﻿
body {
	margin: 20px;
	padding: 0;
	background: #EEC442 url(images/background.gif);
	font: normal small Arial, Helvetica, sans-serif;
	color: #6F4503;
}

h1, h2, h3, h4, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #FFC971;
}

h1, h2, h3 {
}

h1{
	font-size:1.5em;
}

h5 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #C35617;
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a {
	color: #DA8802;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

/* Header */

#logo {
	width: 460px;
	height: 130px;
	margin: 0 auto;
	padding: 7px 0 0 0;
	padding-left: 320px;
	background-color: #DA8802;
	border: 2px solid #C35617;
	border-bottom: 2px solid #C35617;
	color: maroon;
	font-size:0.7em;
}


#logo h1 {
	text-align: center;
	font-size: 3em;
}

#logo h2 {
	text-align: center;
	font-size: 1.4em;
}

#logo a {
	text-decoration: none;
	color: #FFC971;
}
/* Menu */

div#menu {
	position:relative;
	margin: 0 auto; 
	width: 780px; 
	height: 32px;
	background: #DA8802;
	border-left: 2px solid #C35617;
	border-right: 2px solid #C35617;
	border-top: 2px solid #C35617;
	
}

div#menu h2 {
	display: none;
}

div#menu ul.level1 {
	position: absolute;
	margin: 0 auto; 
	width: 780px; 
	height: 32px;
}

div#menu ul.level1 li {
	position: relative;
	height: 32px;
	display: inline;
	list-style: none;
	float:	left;
	text-align: center;
}

div#menu a {
	text-decoration: none;
	color: #FCEB8A;
	height: 24px;
	text-align: center;
	padding-top: 8px;
	padding-left: 25px;
	padding-right: 25px;
	display: block;
}

div#menu a:hover, div#menu .active a {
	background: #C35617;
	color: #FFCC33;
	display:block;
}

div#menu li.submenu {
	text-decoration: none;
	color: #FCEB8A;
	height: 24px;
	text-align: center;
	padding-top: 8px;
	padding-left: 25px;
	padding-right: 25px;
	display: block;

}

div#menu ul.level2 {
	display:none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 32px;
	width: 120px;
	color: #FFCC33;
	background: #DA8802;
	border-left: 2px solid #C35617;
	border-right: 2px solid #C35617;
	border-bottom: 2px solid #C35617;
}
 
div#menu li.submenu:hover ul.level2 {
	display:block;
}

div#menu ul.level2 li{
	position: relative;
	list-style: none;
	display: list-item;
}

div#menu ul.level2 a:hover, div#menu ul.level2 .active a {
	background: #C35617;
	color: #FFCC33;
	display:block;
	padding-top: 8px;
	padding-left: 25px;
	padding-right: 0px;
	width: 95px;
	text-align: left;

}

/* Splash */

#image {
	width: 780px;
	height: 200px;
	margin: 0 auto;
	background: #C35617;
	border-left: 2px solid #C35617;
	border-right: 2px solid #C35617;
}

/* Content */

#body {
	width: 780px;
	margin: 0 auto;
	background: #FFFFFF;
	border: 2px solid #C35617;
	border-bottom: 2px solid #C35617;
	border-top: 2px solid #C35617;
}

#body .title {
	padding: 10px 20px;
	background: #FFEE8E url(images/smallbg.gif) repeat-x left bottom;
	font-size: 1em;
}

#body .story {
	padding: 20px;
	border: 0px solid #8D5700;
}
#body h2 {
	text-align: left;
	font-size: 1.3em;
	color: #8D5700;
}

/* Form */

#body .forms {
	width: 400px;
	float: right;
	padding: 8px;
	border: 1px solid #C35617;
	margin-bottom: 20px;
}
#body .forms p {
	font-size:x-small;
}
#body .antispam { display:none;}

/* Table */

#body .table {
	width: 250px;
	float:left;
	padding: 8px;
	border: 1px solid #C35617;
	margin-bottom: 20px;
}

#body  .tr {
		width:245px;
		padding: 4px;
	
}

/* bot*/

#bot {
	width: 760px;
	margin: 0 auto;
	padding: 10px 10px;
	background: #DA8802;
	border: 2px solid #C35617;
	border-top: none;
}

#bot p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: x-small;
	color: #FCEB8A;
}

#bot a {
	color: #FCEB8A;
}
