/* 
TITLE: WYOMING COUNTY FAIR STYLES
DESCRIPTION: Screen stylesheet for wyomingcountyfair.org
DATE MODIFIED: 6/16/11 
AUTHOR: Mike Spencer
AUTHOR URL: www.blackmountainside.com
*/

   
/*---- BASIC STYLES ----------------------------------------------------------*/

body 
{	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
	line-height: 160%;
	color: #555;
	padding: 0;
	margin: 0;
	background: #CADCBC; }

a 
{	font-weight: bold; }

a:link 
{	color: #193C7D; }

a:visited 
{ 	color: #888; }

a:hover 
{ 	color: #000; }

hr
{	color: #fff;
	background: #fff;
	border: 0;
	border-bottom: 2px dotted #ccc; }

h1, h2, h3, h4, h5 , h6 
{	font-family: georgia, verdana, arial, sans-serif;
	line-height: 140%;
	color: #193C7D;
	margin: 10px 0; }

h1 
{ 	font-size: 19px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc; }

h2 
{ 	font-size: 17px; }

h3 
{ 	font-size: 15px; }

h4
{	font-size: 13px; }

h5
{	font-size: 11px; }

p, ul, dl, ol
{	margin-top: 10px;
	margin-bottom: 10px; }

input, textarea, select 
{	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px; }

table
{	margin: 5px 0px;
	width: 100%;
	border-collapse: collapse; }

td, th
{ 	text-align: left;
	vertical-align: top;
	padding: 2px 10px 2px 0;
	border-bottom: 1px dashed #ccc; }
	
th
{	border-bottom: 1px solid #ccc; }


/*---- CLASS STYLES ----------------------------------------------------------*/

table.data
{	margin: 10px 0; }

table.data th, table.data td
{	padding: 3px 10px;
	border: 1px solid #ccc; }

table.data th
{	background: #eee; }

table.data tr.dim td
{	color: #888; }

table.data tr.alt td
{	background: #f0f0f0; }

.dateTime
{	width: 120px; }

.line 
{	margin: 4px 0px; 
	border-bottom: 1px solid #ccc; }

.submit 
{	margin-top: 10px; }


/*---- ID STYLES -------------------------------------------------------------*/

#container 
{	margin: auto;
	width: 950px;
	background: #fff; }

.ribbon 
{	color: #fff;
	padding: 7px 20px 7px 20px;
	text-align: center;
	background-color: #193C7D;
	clear: left; }

.ribbon a
{	text-decoration: none; }

#nav a
{	margin: 0 5px;
	padding: 0 5px; }

.ribbon a:link, .ribbon a:visited
{	color: #fff; }

.ribbon a:hover
{	color: #fff;
	text-decoration: underline; }

#header
{	border: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #193C7D;
	display: block; }

#sidebar 
{	float: left;
	line-height: 150%;
	width: 210px;
	padding: 20px; }

#sidebar h4 
{	font-style: italic;
	margin: 0px; }

#sidebar h5 
{	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc; }

#sidebar p 
{	margin: 5px 0; }

.subnav
{	list-style: none;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc; }

.subnav li
{	display: inline; }

.subnav a
{	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
	display: block; }

.subnav a.first
{	border-top: 1px dotted #ccc; }

#main 
{	float: left;
	width: 660px;
	padding: 11px 20px 20px 20px; }