html{
	height: 100%;
}
body {
	text-align: center;
	margin: 0 auto;
	background-color: #aaa;
	background: linear-gradient(to bottom, #ccc , #666)
}

body > div {
	background-color: #fff;
}

table {
	border: 1px solid black;
}

th {	
	border: 1px solid black;
	padding: 1px;
	margin: 1px;
}

td {	
	border: 1px solid black;
	padding: 1px;
	margin: 1px;
}

.wrapper {
	position: relative;
	/*top: 10px;*/
	width: 820px;
	text-align: center;
	margin: 10px auto;
/*	padding-top: 10px;
	padding-bottom: 10px;
	height: 100%;*/
}


.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.header {
	background-image: url('images/hdrbg.jpg');
	height: 184px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
.header > span {
	text-shadow: 5px 5px 4px #fff;
}

.sitename {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 36pt;
	line-height: 92px;
}

.siteslogan {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 18pt;
}
.menu {
	padding-top: 5px;
}
.menu, .submenu {
	position: relative;
	text-align: left;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 5px;
}
.menu > span {
	min-width: 3.5em;
	color: #333;
	position: relative;
	background-color: #eee;
	z-index: 5;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: inline-block;
}
.menu > span > a{
	display: block;
	height: 1.25em;
	font-size: .9em;
	padding-right: 5px;
	padding-left: 5px;
}
.submenu > span {
	position: relative;
	padding-right: 3px;
	padding-left: 3px;
	display: inline-block;
}
.submenu > span > a{
	display: inline-block;
}

.menuactive {
	background-color: #fff !important;
	color: #000 !important;
	top: 1px;
}

.submenuactive {
	background-color: #00FF00;
}

.submenuinactive {
	background-color: #FFFFFF;
}

.main {
	padding: 5px;
	text-align: left;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.fotter {
	border: 1px solid black;
	background-color: #206199;
	text-align: right;
	width: 818px;
}

.fotterinfo {
	padding: 0 3px 0 3px;
	background-color: #FFFFFF;
	display: inline-block;
}

.topbar {
	border-bottom: 1px solid black;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.even {
	background-color: #AAAAFF;
}

.above {
	background-color: #FFAAAA;
}

.below {
	background-color: #AAFFAA;
}

.scratch {
	background-color: #FFFFAA;
}

a.menulink {
	color: #000000;
	text-decoration: none;
}

a.menulink:visited {
	color: #000000;
	text-decoration: none;
}

a.submenulink {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}

a.submenulink:visited {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}

a.submenulink:hover {
	color: #000000;
	background-color: #CCCCFF;
	text-decoration: none;
}

a.submenulink:active {
	color: #000000;
	background-color: #3333FF;
	text-decoration: none;
}

a.activesubmenulink  {
	color: #000000;
	background-color: #3333FF;
	text-decoration: none;
}

a.activesubmenulink:hover {
	color: #000000;
	background-color: #CCCCFF;
	text-decoration: none;
}