/* CSS Document - Grid styling 2010*/

/*Universal*/
 *{ margin: 0; padding: 0;}
 * html #page {height:100%}
 
/* General*/
body { background:#330033; font: 12px/16px Verdana, sans-serif; text-align: left; color: #3A3736; }
h1, h2, h3, h4, h5, h6 {color: #330033; margin:10px auto;}
a:link, a:visited {text-decoration:none; color:#330033; font-weight:bold; }
a:hover { text-decoration:underline; }
#page {width:990px; min-height:100%; height:auto; margin:0 auto; padding: 0 10px;}


/***************************
Layout - main body
****************************/
#content {background:url('images/content_bg.gif') repeat-y top left; height:100%; }
#index {float:left; width:180px; height: 100%; margin: 0 10px 0 30px; font-size:1em; color:#330033; padding:0 7px;}
#index li {margin-bottom: 5px;background:url('images/star.gif') no-repeat 0 50%; list-style-type:none; padding:0 0 0 20px;}
#ticker {width: 990px; text-align:right; height: 30px; color:#CCFFFF; margin-right:10px; margin-bottom:2px;}
#main {width:740px; font-size:1em;float:right;margin-right:10px;}
#content-primary {width:460px; float:left; padding-bottom:5px; }
#content-secondary {width: 260px; float:right; font-size:.95em; }
.update {margin-top:5px; border:1px solid #330066; padding: 2px 5px;}
.news{border-bottom:1px solid #330066; padding:3px 5px 3px 3px; margin-bottom: 2px; margin-top:1px;}
.news a:link, .sidebar a:link{color: #990099;}
.news a:visited, .sidebar a:visited{color:#604978; }
.news.even {background-color:#DFFFDF; }
.news.odd {background-color:#ECFFEC; }
.sidebar {width:250px; border-bottom:1px solid #DFFFDF; padding:3px; margin-bottom: 2px; margin-top:1px;}
.sidebar img, .news img{float: left; padding: 2px; border: 1px solid #FFFFFF;}
.textbox {width:970; margin: 0 auto; padding:10px;min-height: 500px; background-color:#DFFFDF;}
/***************************
Layout - Headers and Footers
*****************************/
#breadcrumbs {width:500px; height:30px; float:right; display:inline; padding:15px 0 0 0; text-align:center; color:#888; font-weight:bold;}
#header {height:310px; width:990px}
#headerimage {width:990px; height:230px; background:url('images/header.jpg') no-repeat top left; float:left; position:relative}
#headnav{width:630px; height:50px; float:right; display:inline; background:url('images/bg_menu.gif') repeat-x top left; float: right; display:inline; } /*16-column*/
#OV {
	width:310px; /*8-column*/
	height:80px;
	padding:12px 0 0 30px;
	float:left;
	display:inline;
	position:relative;
	font:normal  24px "trebuchet MS", sans-serif;
	}
#OV a:link, #OV a:visited,#breadcrumbs a:link, #breadcrumbs a:visited { color: #ccffcc; text-decoration:none;}
#footer {height:80px; margin-right:10px; margin-left:30px; background:#330033; color:#efd5ff; clear:both;}
#foot1 {height:30px; text-align:right; padding:12px 29px 0 0}
#foot2 {height: 50px; padding:10px 470px 0 30px; background:url('images/f2.gif') repeat-x bottom left; }

/****************************
Navagation and links
****************************/
#headnav ul {padding:20px 0 20px 20px; margin:0}
#headnav li {display:inline; list-style:none; margin:0 15px 0 0; font:bold 13px verdana,serif; }
#headnav ul li a:link, #headnav ul li a:visited {padding:5px 7px; color:#d3ffd4; border:1px solid #f68b00; background:#330033}
#headnav ul li a:hover, #headnav ul li a#active, #headnav ul li a:active {color:#fff; border:1px solid #ffdf00; background:#990099; text-decoration:none}
#foot1 a:link, #foot1 a:visited {color:#888}
#foot1 a:active {color:#999}
#foot2 a:link, #foot2 a:visited {color:#ddd}
#foot2 a:active {color:#eee}
#index ul li a:hover {text-decoration:none; }
#index ul li a:active {color:#ccffcc; background-color:#330033;}


/****************
search and forms
*****************/
#searchbox {background:#330033; padding:10px 15px 20px 15px; height:100px; width:225px; margin-top:20px;}


/**********
Text Stuff
***********/
h1, h2, h3, h6, blockquote, ul, ol, dl, fieldset, address {margin:20px}
h4 {margin:5px; color:white;}
h5 { color:#330033; margin:3px; font-size:1em; font-weight:bold;}
/*other stuff***/
.clear {
	clear:both;
	}
.whitespace {height:2em;}