body {
margin: 0px auto;
font: normal 12px/16px verdana, lucida, sans-serif;
color: #fff;
}
/* backgoround color choice/s */
.aqua { background:  url('//media/background_aqua.gif'); }
.blue { background:  url('/media/background_blue.gif'); }
.lime { background:  url('/media/background_lime.gif'); }
.purple { background:  url('/media/background_purple.gif'); }
.red { background:  url('/media/background_red.gif'); }
.tan { background:  url('/media/background_tan.gif'); }
.gray { background: url('/media/background_gray.gif'); }
.solid { background: #1a1a1a top center repeat-y url('/media/body-bg.gif'); }

.box { width: 20px; height: 20px; display: inline-block;}
/*end Background */

#wrapper { /* main wrapper for page */
margin: 0px auto;
width: 840px;
padding-bottom: 20px;
background: #1a1a1a;
}

#top_bar { /* everything above the main nav. Change background image and adjust size. */
margin: 0px 20px;
}

#content { /* inside table-main-col */
margin: 20px 30px 0px 20px;
}

#copyright {
font: normal 9px/12px verdana, lucida, sans-serif;
padding: 10px 0px;
margin: 30px 20px 0px 20px;
border-top: 1px solid #333333;
clear: both;
}

.line { /* generic div line <div class="line">&nbsp;</div> */
 border-top: 1px solid #333333;
 margin: 20px 0px 0px 0px;
}


H1 {
	font: lighter 30px/32px arial, lucida, sans-serif;
	margin-bottom: 8;
	margin-top: 0px;
	color: #f29450;
	padding-bottom: 20px;
	text-align: center;
}

H2 {
	font: lighter 16px/22px arial, lucida, sans-serif;
	margin-bottom: 8;
	margin-top: 0px;
	color:#fff;
	text-align: left;
}

H3 {

}

/*------- links -----------*/

a:link, a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* ---- Navigation --------*/

#sub-nav {
	text-align: center;
	margin-top: 10px;
}

a.subnav, a.subnav:visited, a.subnav:hover {
	font: normal 10px/12px verdana, lucida, sans-serif;
	color: #333333;
	text-decoration: none;
	display: inline-block;
	padding: 6px;
}
a.subnav:hover {
	background: #f3f3f3;
}

#navcontainer
{
background: #fff url("/media/navbg.gif");
margin: 0px 20px;
height: 22px;
border-left: 1px solid #333333;
border-top: 1px solid #333333;
border-right: 1px solid #333333;
text-align: center;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #fff url("/media/navbg.gif");
height: 22px;
border-left: none;
border-bottom: none;
border-right: 1px solid #333333;
padding: 0px 12px;
margin: 0;
color: #333333;
text-decoration: none;
display: inline-block;
text-align: center;
font: normal 11px/22px verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #0;
background: #fff url("/media/navbg_over.gif");
}

#navcontainer a:active
{
background: #036;
color: #333333;
}

#navcontainer li#active a
{
background: #0;
color: #333333;
}
#navcontainer li a#on
{
color: #333333;
background: #fff url("/media/navbg_on.gif");
}