/* Style sheet for Snake Gully Cup */

* {
    margin:0;
    padding:0;
}

body {
	margin: 0;
	padding: 5px 0;  /* reduced top padding from 20 to improve readability on smaller screens */
	float: center;
	text-align:center;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #d3cec7;
	}


a:link, a:visited {
	text-decoration: none;
	color: #0064b5;  /* same blue as header */
	border-bottom: 1px dashed #0064b5;

}

a:hover {
	color: #3a5068;
	border-bottom: 1px solid #3a5068;
}

/* page structure
------------------------------------------- */

#wrap {
	width: 780px;
	margin: 0 auto;
	padding: 5px;
	border-left: 1px solid #beb7ae;
	border-right: 1px solid #beb7ae;
	border-top: 1px solid #beb7ae;
	border-bottom: 1px solid #beb7ae;
	color: #444;
	background: #fff;
	}
#main-body {
	clear: both;
	text-align:left;
	margin: 15px 10px;  /* reduced from 25px and 15px to improve readability  */
	overflow: hidden;
	}
#content {
	width: 500px;
	text-align:left;
	float: left;
	}
#sidebar {
	width: 210px;
	text-align:left;
	margin: 0 0 0 20px;
	float: right;
/*
	font-size: 90%;
*/
	}
#sidebar a:link, #sidebar a:visited {
	border: 0;
}
#sidebar a:hover {
	border-bottom: 1px solid #d3cec7;
}



/* header
------------------------------------------- */

#header {
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
	background: #38332e;  /* 38332e  */
	}

#logo img.banner {
	float: left;
	/* margin: 0 0 20 20px;
	padding: 0px;					 */
	}

#logo img.date {
	float: right;
	}
	
/* nav bar
------------------------------------------- */
	
#nav ul {
	font-size: 12px;
	font-family: "Lucida Grande", helvetica, sans-serif;
	margin: 5px 0 5px 0;
	padding: 0;
	list-style: none;
		}
		
#nav ul li {
	display: inline;
	margin: 0 10px 0 0;  /* margin right of each section is 10 or 15 px depending on space */
	padding: 0 0 5px 0;
/*	font-size: 90%; */
	letter-spacing: 1px;
	}
#nav ul li.active {
	
	background: url(nav-marker.png) no-repeat 50% 100%;
	font-weight: bold;
	
	}
	
#nav ul li a {
	text-decoration: none;
	color: #ddd;  /*	pale grey nav bar text */
	border: none;
	}
#nav ul li.active a {
	color: #fff;
	}
#nav ul li a:hover {
	color: #fff;
	}

/* content styles
------------------------------------------- */

#content h1 {
	margin: 0;
	padding: 0;
	font-family: "helvetica neue", helvetica, "Lucida Grande", sans-serif;
	letter-spacing: -0.04em;
	font-size: 200%;
	line-height: 1.5em;
	font-weight: bold;
	color: #555;
	}
#content h2 {
	margin: 0;
	padding: 20px 0 20px 0;
	font-family: "helvetica neue", helvetica, "Lucida Grande", sans-serif;
	letter-spacing: -0.04em;
	letter-spacing: -0.04em;
	font-size: 160%;
	line-height: 1.5em;
	font-weight: bold;
	color: #0064b5;
	/*  border-top: 1px solid #ccc;*/
	}
#content .sub {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5em;
	font-weight: normal;
	font-style: italic;
	color: #777;
	}
#content h3 {
	margin: 0;
	padding: 0;
	font-family: "helvetica neue", helvetica, "Lucida Grande", sans-serif;
	letter-spacing: -0.04em;
	font-size: 140%;
	line-height: 1.5em;
	font-weight: bold;
	color: #555;
	}
#content h3 a {
	border: none;
	}
#content h4 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	color: #38332e;
	}
/* hmm
#content h4 a {
	border: none;
	}
*/
#content p {
	margin: 0 0 1em 0;  /* reduced spacing from 1.5 to 1em to condense spacing and improve readability */
	padding: 0;
	line-height: 1.5em;
	}
#content blockquote {
	margin: 1.5em 20px;
	padding: 20px 20px 5px 20px;
	color: #666;
	background: #f0f0f0;
	font-family: "helvetica neue", helvetica, "Lucida Grande", sans-serif;
	}
#content blockquote p {
	margin: 0 0 15px 0;
	padding: 0;
	}
#content ul,
#content ol {
	line-height: 1.4em;
	}
	
#content ul {
	font-size: 11px;
	/*font-family: "Lucida Grande", helvetica, sans-serif;  */
	
	}

#content ul li {
	background: url(blue_arrow.jpg) no-repeat 0 3px;
	margin: 0 0 .5em 0;
	

	/*	font-size: 90%; */
	}

#content ul li a {
	text-decoration: none;
	color: #0064b5;  /* same blue as header */
	border-bottom: 1px dashed #0064b5;
	}
#content ul li.active a {
	color: #555;
	}
#content ul li a:hover {
	color: #3a5068;
	border-bottom: 1px solid #3a5068;
	}

#content ul.bulletlist {
	
	font-size: 12px;
	}
#content ul.bulletlist li {
	margin: 0 0 .5em 0;
	background: url(blue_arrow.jpg) no-repeat 0 3px;
	font-size: 90%;
	/*   background-image: url(arrow-bullet.gif);    */

	}

#content a.register {
	width: 120px;
	font-size: 100%;
	padding: 5px;
	background: #0064B4;
	color: #fff;
	text-decoration: none; 
	border: none;
	}
#register a {
	text-decoration: none;
	color: #fff;  /*  */
	}

#register a:hover {
	color: #fff;
	text-decoration: none;
	border: none;
	}



#content img {
	float: right;
	padding: 20px 0 0;
	}

#content img.tye {
	float: left;
	padding: 20px 20 20px 0;
	margin: 1.5em 1.5em 1.5em 0px;
	}

#content img.fashion {
	float: left;
	padding: 20px 20 20px 0;
	margin: 1.5em 3em 1.5em 0px;
	}
#content img.pdf {
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
	}

#content pre {
	margin: 1.5em 0px;
	padding: 10px 10px 10px 10px;
	color: #333;
	background: #f0f0f0;
	font-family: monaco, monospace;
	font-size: 90%;
	border-left: solid #ccc 1px;
	overflow: auto;
	}
#content.table {
	font: 12px verdana, georgia, serif;
	}

p.download {
	margin: 6px 10px 6px 20px;
	background-color: #e8e8e8;
	border: 1px solid gray;
	padding-left: 40px;
	padding-bottom: 0.3em;
	margin-bottom: 0;
	line-height: 140%;
}
p.download a{
}

#tablefeatures, #tablefeatures td {
	border: none;
}
#tablefeatures tr td {
	margin-bottom: 12px; font-size:11px; font-family:verdana, georgia, serif;
}
#tablefeatures tr td {
	padding-bottom: 12px;
}
#tablefeatures tr td img {
	padding: 4px 4px 4px 4px !important;
	}
	
#clear { clear: all; }
/* gallery - racing page
------------------------------------------- */

#thumbnail {
	float: left!important;
	margin-right: 5px;
	margin-bottom: 30px;
	}	
#thumbnail a img {
	float: left;
	display: inline;
	clear: both;}
		
#thumbnail a, #thumbnail a:hover { border: none;}


/* footer
------------------------------------------- */

/*#footer {
	padding:20px;
	text-align:right;
	border-top:1px solid #CCCCCC;
	margin:0;
	color:#FFFFFF;
	background-color: #333333;
}

#footer a {
	text-decoration:none;
	color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
}   
 above is from bongongo site */

#footer {
	clear: both; 
	margin: 0;
	padding: 10px 15px; 
	/* background-color: #38332e;  */
	
	}

#footer a {
	text-decoration: none;
	color: #0064b5;  /* same blue as header */
	border-bottom: 1px dashed #0064b5;

}

#footer a:hover {
	color: #3a5068;
	border-bottom: 1px solid #3a5068;
}




#footer p {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 90%;
	color: #0064b5;
	text-align: center;
	}

 
/* override
------------------------------------------- */

body.hl {
	background-color: #fff;   /*  #ddd pale grey background around edge of site */
	}
body.hl #wrap {
	border-color: #ccc;
	}
body.hl #header {
	background: #0064B5;
	}

/*  body.hl #footer {
	background: #444;   /*  dark grey  
	}

body.hl #footer p {
	color: #ffffff;
	}
	*/
body.hl #nav ul li a {
	color: #fff;    /*  previously light grey #999 on dark background #444  */
	}
body.hl #nav ul li.active a {
	color: #fff;
	}
body.hl #nav ul li a:hover {
	color: #C3CCFF;
	}




/* misc
------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

/* sidebar
---------------------------------------------------------- */

#sidebar {
	font-size: 90%;
}
#sidebar h3 {
	color: #555;
	font-size: 110%;
	font-family: "helvetica neue", helvetica, "Lucida Grande", sans-serif;

	font-weight: bold;

	margin: 25px 0 12px 0;
	padding: 0 0 5px 0;
	letter-spacing: -0.04em;
	line-height: 1em;
	border-bottom: 1px solid #ccc;
	
	}
#sidebar h3.first {
	margin-top: 0;
	}
#sidebar h3.featured {
	margin-bottom: 0;
	border-bottom: 0;
	}
#sidebar p {
	margin: 0;
	padding: 0;
	}
#sidebar p.caption {
	font-size: 90%;
	margin: 0;
	padding: 0;
	}


#sidebar img {
	margin-top: 10px;
	float: center;
	}

#sidebar .sponsors p {
	text-align: center;
	padding-bottom: 15px;
}

#sidebar .sponsors a:link, a:visited {
	text-decoration: none;
	color: #0064b5;  /* same blue as header */
}

#sidebar .sponsors a:hover {
	color: #3a5068;
	border-bottom: 1px solid #3a5068;
}


#sidebar ul, #sidebar dl {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	list-style: none;
	}
#sidebar li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 14px;
	background: url(blue_arrow.jpg) no-repeat 0 3px;
	}
#sidebar ul.posts li {
	padding-left: 16px;
	background: url(blue_arrow.jpg) no-repeat 0 3px;
	background-position: 0 2px;
	}
#sidebar ul li.last {
	margin-bottom: 0;
	}
.blue { color:#0071BC; }
.orange2 { color:#CE6E6F; }
.whitebg { background-color:#FFFFFF; }
.headertable { color:#Ce6E6F; font-size:14px; font-family:verdana, georgia, serif; }
.programtable TABLE { border-collapse:collapse; border:1px solid #FFFFFF; }
.programtable TD { padding:4px 9px 6px 9px; background-color:#ebebe1; font-size:11px; font-family:verdana, georgia, serif; }
.programtable TH { padding:4px 9px 6px 9px; background-color:#FFFFFF; font-size:11px; font-family:verdana, georgia, serif; color:#666666; text-align:left; }