/* DESCRIPTION: 2-column, With Header, Vertical Nav */

/* --------------------- BODY ELEMENTS -------------------------*/
body{
font: Arial, Helvetica, sans-serif; /* main page font */
margin: 0 auto; padding: 0;
text-align: center;  /* centers page */
background: #94e1ff;
}

/* --------------------- STANDARD TAG ELEMENTS -------------------------*/
p {font: 12px Arial, Helvetica, sans-serif;
margin: 0 0 10px 0; padding: 0;
}

h1 {
font: bold 17px Tahoma, sans-serif;
margin: 0 0 10px 0; padding: 0;
color: #E34D2C;
}

h2 {
font: bold 14px Tahoma, sans-serif;
margin: 0 0 10px 0; padding: 0;
color: #154D7D;
}

h3 {
font: bold 13px Tahoma, sans-serif;
margin: 0 0 3px 0; padding: 0;
color: #06c;
}

a {
color: #007aab;
}

/* --------------------- MAIN CONTAINER -------------------------*/
div#container {
border-collapse: collapse;
position: relative; /* allows for absolutely positioned divs */
width: 760px;
background: #fff url(images/containerbg.gif) repeat-y top left;
margin: 0 auto; padding: 0;
}

/* ------------------- HEADER ITEMS --------------------------- */
div#header {
width: 760px;
height: 170px;
}

/* --------------------- PAGE ELEMENTS -------------------------*/
div#left {
float: left;
margin: 0; padding: 0;
background: #1ba0d5 url(images/left_top.gif) no-repeat top left;
color: #fff;
width: 200px; height: 400px;
}

div#logo {
clear: both;
}

* html #logo {margin-top:1px;}
/* commented backslash mac hiding hack  \*/ 
* html #logo {height:1%;} 
/* end hack */

div#content {
width: 540px;
padding: 10px;
text-align: left;
}

/* --------------------- NAVIGATION ELEMENTS -------------------------*/

div#navwrap {
	float: left;
	width: 200px;
	margin: 43px 0 0 0px;
	padding: 0px;
	background: #333;
}

ul#mainnav {
	float: left;
	width: 200px; padding: 42px 0 0 0;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

ul#mainnav li {
	display: inline;
	/* float: left; */
	margin: 0px;
	padding: 0px;
}

ul#mainnav li a {
	font: 13px Tahoma, sans-serif;
	text-decoration: none;
	text-align: left;
	display: block;
	width: 160px;
	padding: 15px 20px;
	margin: 0px;
	border-bottom: 1px dashed #5c5c5c;
	color: #fff;
}

ul#mainnav li a:hover, ul#mainnav li a.active {
	background: #454545;
	color: #fff;
	}
	
/* Last List Item */
ul#mainnav li.last a {
border-bottom: 1px solid #fff;
}
	
/* --------------------- TABLE ELEMENTS -------------------------*/
table {
border-collapse: collapse;
}

table#counties {
margin: 15px 0; padding: 0;
text-align: left;
font: 12px Arial, Helvetica, sans-serif;
width: 500px;
background: #ffebd8;
}

table#counties td {
padding: 5px; margin: 0;
vertical-align: top;
}

table#winners {
margin: 15px 0; padding: 0;
text-align: left;
font: 12px Arial, Helvetica, sans-serif;
width: 500px;
background: #ffebd8;
}

table#winners td {
padding: 5px; margin: 0;
vertical-align: top;
}

tr.categories {
background: #E34D2C;
color: #fff;
font: bold 13px Arial, Helvetica, sans-serif;
}

td.catborder {
border-right: 1px dashed #ffd2a5;
}

td.left{
border-right: 1px dashed #e4be99;
width: 220px;
}

.alt {
background: #fff4e9;
}

/* --------------------- MISC ELEMENTS -------------------------*/
.clear {clear: both;} /* clearing element */

.special {
width: 488px;
font: 12px Arial, Helvetica, sans-serif;
margin: 10px 0;
padding: 5px;
background: #DFF7FF;
border: 1px solid #bee3f2;
}

.special h4{
font: bold 13px Tahoma, sans-serif;
margin: 0 0 3px 0;
}

.special p{
font: 12px Arial, Helvetica, sans-serif;
margin: 0;
}

/* ------------------------ IMAGE ELEMENTS -------------------------- */
.center {
display: block;
text-align: center;
}