/* CSS Document */

* {
margin: 0;
padding: 0;
}

a { 
color: #FFB200;
font-size: inherit; }

body {
background: black url(media/images/bodybg.jpg) top right no-repeat;
font-family: Arial, sans-serif;
font-size: 100%;
line-height: 125%;
padding-top: 10px;
}

img {
behavior: url("scripts/pngbehavior.htc");
}

h1 { 
color: #FFFFFF;
border-bottom: 1px solid white;
clear: both;
margin-bottom: .4em;
font-size: 1em; 
}

h2 { font-size: .9em; margin-top: 8px;}

p { 
font-size: .75em; 
margin-top: 1em;
}

ul, ol { 
font-size: .75em;
}

/**/

.backblack {
background: black;
}

#banner {
float: left;
height: 100px;
margin-bottom: 10px;
width: 700px;
}

#flash {
float: left;
height: 350px;
width: 700px;
}

.fleft {
float: left;
margin: .5em 1em 1em 0;
}

.fleftb {
border: 1px solid white;
float: left;
margin: .5em 1em 1em 0;
}

.fright {
float: right;
margin: .5em 0 1em 1em;
}

.frightb {
border: 1px solid white;
float: right;
margin: .5em 0 1em 1em;
}

#footer {
border-top: 1px solid #ccc;
clear: both;
float: left;
margin-top: 5px;
padding-top: 5px;
width: 100%;
}

#footer img {
border: none;
}

#frame {
float: left;
left: 50%;
margin-left: -350px;
position: relative;
width: 700px;
}

form {

}

form fieldset {
border: 1px solid #ccc;
margin-top: 20px;
padding: 1em;
}

form fieldset legend {
background: #007D48;
border: 1px solid #ccc;
font-size: 1.4em;
padding: .5em;
}

#hubbanner {
margin: 10px 0;
}

#mainicons {
float: left;
height: 350px;
margin-left: 5px;
width: 370px;
}

	#mainicons #choice, #mainicons #glow {
	background: olive;
	float: left;
	height: 170px;
	width: 370px;
	}
	
	#mainicons #choice {
	background: yellow;
	margin-top: 10px;
	}

#mainspread {
background: #FFB200;
float: left;
width: 325px;
height: 350px;
}

#mainspread img {
border-bottom: 20px solid #B37D00;
border-top: 5px solid #FFD980;
}

#mainspread p {
border-top: 1px dotted #FFD980;
color: white;
font-size: .75em;
font-weight: bold;
margin-left: 5px;
margin-right: 5px;
margin-top: 5px;
padding-top: 4px;
}

#nav {
background: #007D48 url(media/images/navbg.png) no-repeat;
border: 1px solid #ccc;
float: left;
margin-bottom: 5px;
width: 100%;
}

#nav ul {
font-weight: bold;
list-style: none;
}

#nav ul li {
background: url(media/images/nvbut.png) 0 50% no-repeat;
float: left;
margin: .2em .4em .2em 5px;
padding: .3em;
padding-left: 18px;
}

#nav ul li a {
color: white;
text-decoration: none;
}

#nav ul li a:hover {
color: black;
}

#page {
color: white;
float: left;
margin: 5px 0 0 0;
}

#page div {
padding: .5em .2em;
}

#page ul {
font-weight: bold;
margin-bottom: 20px;
margin-left: 20px;
margin-top: 1em;
}

table.text, table.gallery {
background: #6078BF;
border-collapse: collapse;
border-right: 1px solid #405080;
border-bottom: 1px solid #405080;
border-top: 1px solid #405080;
width: 100%;
}

table.gallery {
background: #CFE6CF;
}

table.text a, table.gallery a {
color: black;
font-weight: bold;
text-decoration: none;
}

table.text a:hover, table.gallery a:hover {
color: black;
}

table.gallery img {
border: 1px solid black;
}

table.text caption, table.gallery caption {
background: #007A00;
color: white;
font-weight: bold;
margin-bottom: 5px;
margin-top: 5px;
padding: .4em;
text-align: left;
}

table.text th {
background: #60BF60;
border-left: 1px solid #405080;
border-bottom: 1px solid #405080;
color: black;
padding: .4em;
text-align: left;
}

table.text td, table.gallery td {
border-bottom: 1px solid #405080;
border-left: 1px solid #405080;
color: black;
padding: .4em;
}

table.gallery td {
text-align: center;
}

table.text tr {
background: #CFE6CF;
}

table.gallery tr {
background: #CFE6CF;
}

table.text tr:hover {
background: #BFFFBF;
}

#theme {
background: #cc0000;
border: 1px dotted white;
height: 175px;
margin: 10px 0;
}

#theme p {
width: 450px;
}