@font-face {
	font-family: 'Folksolid';
	src: url('Folksolid.eot');
	src: local('Folk solid'), local('Folk-solid'), url('Folksolid.woff') format('woff'), url('Folksolid.otf') format('opentype'), url('Folksolid.svg#Folk-solid') format('svg');
}
/* Folk is a free font by http://www.marcelomagalhaes.net/ distributed under the CC-A-S v3.0 license */

body {

	font-size: 13px;
	line-height: 146.2%;
	background: #fcfcfa;
	margin: 0 auto;
/*	margin-bottom: 28.5px; */
	width: 940px;
	padding: 29px 30px;
	padding-bottom: 0;


	font-family: Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
	/* font-family: Verdana, "Verdana Ref",  "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif; */

}
/* ******************************
	SITE ID/LOGO + DATE & TIME 
****************************** */
#id {
	font-size: 11px;
	line-height: 0;
	position: relative;
	height: 367px;
	margin: 0 auto;
	margin-bottom: 29px;
}	#id a { border: none } /* necessary for webkit, maybe IE */

	/* yellow bar containing the logo link, dates, and times */
	#id > li:first-child { 
		position: absolute;
		z-index: 10;
		left: 11px;
	   -webkit-box-shadow: 0 1px 2px rgba(5, 9, 44, .6);
	   -moz-box-shadow: 0 1px 2px rgba(5, 9, 44, .6);
		box-shadow: 0 1px 2px rgba(5, 9, 44, .6);
	}
	
		/* LOGO/home link */
		#id > li:first-child > a { 
			display: block;
			height: 146px;
		}
		
		#id > li:first-child > a:hover, #id > li:first-child > a:focus { 
			
			background-color: #ff4c4c /* placed below the translucency, this aproximates the nav hover/active color */
		}
		
		/* a sane person, desiring single line justification, would use an image. I, however, am not sane */
		#id > li:first-child > ul {
			padding: 30px 10px 58px 10px;
			font-family: Verdana, "Verdana Ref", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
			text-align: left;
			line-height: 19px;
			text-transform: uppercase;
			background: url(./css_images/site-id-background.png) repeat-x 0 0;
		}
		
			/* all lines*/
			#id > li:first-child > ul > li {
				position: relative;
				display: block;
				letter-spacing: .5px;
			}


			/* all because browsers won't fully justify a single line */
			#id > li:first-child > ul > li > span, .hours {
				position: absolute;
				right: 0;
				text-align: right
			}


			/* line 2 */
			#id > li:first-child > ul > li:first-child + li {
				font-size: 19px;
				text-align: left;
				letter-spacing: 1.25px
			}

	/* image/slideshow container */
	#id > li:first-child + li {
		width: 938px;

	}
		/* slideshow image(s) */
	


	/* skip links link */
	#id > li + li + li > a:first-child { position: absolute; text-indent: -1000px	}

/* ******************************
	MAIN NAV 
****************************** */
	#nav {
		line-height: 1;
		border: 1px solid #fde35f;
		position: absolute;	/* necessary to provide easy control over the width of dropdown menus. This is actually the less ugly solution. Without it, triggering the menus will push other items around.*/
		height: 48px;
		width: 938px;
		margin-top: -79px;
		margin-bottom: 29px;

	}
	#nav > li { 
		text-transform: uppercase;
		float: left;
		position: absolute;
		top: 0;
		margin-left: 36px;
	}
	#nav > li:first-child { left: 0; } /* this is the other bit of the ugly menu fix */
	#nav > li:first-child + li { left: 105px; }
	#nav > li:first-child + li + li { left: 282px; }
	#nav > li:first-child + li + li + li { left: 512px; }
	#nav > li:first-child + li + li + li + li { left: 715px; }
	.hasCufon #nav > li {
		margin-left: 30px
	}
	/* fix margin on first link */
	#nav > li:first-child {
		margin-left: 11px;
	}	

	
	/* NAV LINKS */
	#nav > li > a { 		
		font-family: 'Folksolid', 'Arial Black', Impact;
		font-size: 48px;
		font-weight: normal;
		
	}
#nav > li > a + ul > a { font-family: Verdana !important; border: 2px solid red}
		#nav a:link, #nav a:visited {
			text-decoration: none;
		}


/* dropdowns */
	#nav > li > ul  {
	font-family: verdana !important;
		position: relative;
		border-top: 0px solid transparent;
		margin-left: -10px;
		margin-right: -10px;
		padding: 19px 12px;
		left: -1000%;
		width: 100%;
		-moz-border-radius-bottomleft: 9px;
		-webkit-border-bottom-left-radius: 9px;
		-moz-border-radius-bottomright: 9px;
		-webkit-border-bottom-right-radius: 9px;
		} 
.hasCufon #nav > li > ul {z-index: 1000  }
	#nav > li > ul > li > a {
		font-family: verdana;
		font-weight: bold;
		margin-top: 0
	}
	.hasCufon #nav > li { margin-bottom: 0 }
	#nav ul a {font-size: 15px; text-transform: uppercase;}
	#nav > li.hasChildren:hover > ul, #nav > li.hasChildren > a:active + ul, #nav > li.hasChildren > a:focus + ul, #nav > li ul:hover, ul.hasFocus { 
		border: 1px solid #fde35f;
		border-top: 0 solid transparent; 
		left: auto
	}
#nav > li.hasChildren li { font-family: Verdana !important }	
/* CONTENT */

#content {
	padding: 0 10px;
}
#content.one {
margin-top: -1px;
}
#content.one h1 {
	padding-top: 4px
}
.two > div, .three > div, .four > div, .five > div { float: left; display: inline; }

#col1 {
	width: 530px;
	padding-right: 20px;
}

#col2 {
	width: 340px;
	padding-left: 20px;
}

#col1, #col2 {
	margin-bottom: 2em;
	padding-bottom: 2em
}

#events #col1 { 
	width: 350px;
}
	
#events #col2 { 
	width: 530px;
	padding-left: 0;
	}

#index #col2 h3, #index #col2 h4, #thanks {
	font-size: 13px;
	text-transform: uppercase
}

#CVCF { 
	font-size: 15px;
	margin-top: -1px
}

h1, h2.userstyle01 {
	font-size: 24px;
	padding-top: 4px
}

h1, h2 { 
	font-weight: normal;	
	font-family: 'Folksolid', 'Arial Black', Impact;
	text-transform: uppercase; 
	font-weight: normal;
}
h1 + h2 { padding-top: 2px; margin-top: 19px }
h2 {
	font-size: 16px;
	letter-spacing: 1px;
}

h3 {
	font-size: 13px;
	color: #364c00;
	margin-top: 19px;
	padding-top: 1px;
	clear: both;
}

#content a, #utility a { text-decoration: none; }

#utility a {text-transform: uppercase; font-size: 11px }
#utility a:link { border: none }

h1 + p { padding-top: 4px; }
h2 + p, h2 + ul, h2 + ol, h2 + dl { padding-top: 1px; }
h1.inline + p { padding-top: 0 }

p, #content ul, ol, dl {
	font-size: 13px;
	margin-bottom: 19px;
}

h1.userstyle01 { margin-bottom: 0 } /* for IE */
h1.userstyle01, h1.userstyle01 + p { display: inline }

h1.userstyle01 + p, #deck { 
	line-height: 28.5px; /* most browsers fudge this acceptably */
	font-size: 19px;
}

#deck {
	display: block;
	width: 920px;
	margin-top: 12px;
	margin-bottom: 15px
}


#col2 h2.first {margin-top: 6px }
#col2 h3.first {margin-top: 6px }	
.right {
	text-align: right
}

	
	
/* ************
sub columns
************ */	
#subcol1, #subcol2,  #subcol4 { float: left }

#subcol1 {
	width: 335px;
	margin-left: -10px;
	margin-top: -5px;
	padding-top: 5px;
	margin-right: 15px;
	
	padding-left: 10px;
	padding-right: 10px;
	
	
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
	}

	#subcol1 h2 { font-size: 19px }
	#subcol1 dl { 
		
		clear: both;
		overflow: hidden;
		margin-bottom: 18px
	}
	#subcol1 dl.first {

	}

	#subcol1 dt {
		width: 10%;
		clear: left;
	}
	#subcol1 dt, #subcol1  dd {
		float: left
	}
#subcol1  dd { width: 300px }
#subcol2 {
	width: 530px;
	margin-left: 20px;
	padding-right: 10px;
}
	#subcol2 ul { padding-top: 2px; }

#subcol2:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
#subcol3, .featureStyle01 {
	margin-top: -10px;
	float: left;
	font-family: Folksolid;
	text-transform: uppercase;
	width: 170px;
	padding-top: 0;
	padding-left: 10px;
	padding-right: 10px;

	letter-spacing: 1.5px
}
	#subcol3 h3, .featureStyle01 h3 { font-weight: normal; font-size: 19px; letter-spacing: 0; padding-top: 0; margin-top: 10px; margin-bottom: 2px }
.featureStyle01 a { color: #bf3232 }




.tabular:first-child + dd { 
	padding-top: 1px
}

#thanks {
	font-size: 11px;
	font-weight: bold
}

#col2 h3:first-child {  }


#featured-sponsors-scroll a { margin: 0 8.5px; border: none !important; vertical-align: middle }
#featured-sponsors-scroll img {vertical-align: middle; visibility: hidden; padding: 0 20px }
#featured-sponsors-scroll li { float: left; background: #FFF }	


/* footer */
#footer {
	clear: both;
	width: 980px;
/*	height: 30px; */
	height: 19px;
	padding: 19px 10px;
	position: relative;
	top: 20px;
	margin-left: -41px;
	
}

#footer li, #utility li {
	float: left;
	display: inline;
	margin-left: 20px
}

#utility { 
	position: absolute;
	width: 940px;
	text-align: right;
	border: 1px solid transparent;
	margin: auto;
	left: 0;
	right: 0;
	top: 4px;
}

#utility li { border: 1px solid transparent; position: relative; left: 77.5% }

#sponsor-list {
	margin-bottom: 36px;
	overflow: hidden;
	text-align: center;
	padding: 0 auto;
	}


#sponsor-list li  { 
	display: inline-block;
	width: 160px;
	min-height: 97px;
	margin: 28px auto 28px 19px;
	float: left;
	border: 1px solid #ccc;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}
	
	#sponsor-list > li > a { display: block; margin: auto; border: 0}
#sponsor-list > li > a > img { vertical-align: middle}
	#sponsor-list li:first-child  { margin-left: 0  }
	#sponsor-list li.end { clear: right  }
	#sponsor-list li.end + li { clear: left }

	#sponsor-list > .start { margin-left: 0 }













/* MISC */
h1.inline { padding-right: .25em; margin-bottom: 0 } /* for IE */

.inline, .inline + p {
	display: inline
}

.loud p {
line-height: 28.5px;
	font-size: 19px;	
	margin: 2em 0;
}
.loud  {
	line-height: 28.5px;
	font-size: 19px;
	}

.soft { font-size: 11px !important }

/*
dl.schedule { 
	font-size: 13px; 
	width: 350px
}
	dl.schedule dt {
		display: block;
		width: 85px;
		float: left;
		clear: left}

	dl.schedule > dt + dd {
		display: block;
		float: left;
		width: 265px;
		clear: right !important
		}
*/

dl.schedule { font-size: 13px }
dl.schedule:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	dl.schedule dt {
		display: block;
		width: 90px;
		float: left;}

	dl.schedule > dt + dd {
		display: block;
		float: left;
		width: 260px;
		display: block; }
	
.tabular, dl.schedule dt, table.schedule tr > td:first-child  {
	font-size: 13px;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	}


table.schedule th, table.schedule td, table.schedule caption {
	text-align: left;
}
	
table.schedule th + th, table.schedule td + td {
	padding-left: 1em
}

table.schedule {
	margin: 19px 0
}
table.schedule caption { font-weight: bold }


/* ******************************
	JAVASCRIPT SETUP 
****************************** */

/*	bearing in mind that we need to be able to measure things before they become visible, the best option is 
	usually to avoid "display: none" until animation time */

#id > li:first-child > ul > li { letter-spacing: 1px}
#id > li:first-child > ul > li:nth-child(odd) { letter-spacing: 0px }
#id > li:first-child > ul > li:nth-child(odd) span { letter-spacing: 1px }


.isJS #id > li:first-child > ul {
	display: none;
}

.isJS #nav li, .isJS h1, .isJS h2 {
	visibility: hidden;
}
.isJS #nav > li:first-child > ul > li:first-child + li {
	text-align: left;
}

.isJS #nav > li > ul { left: auto }

.wk #nav > li > a {position: relative; top: 12px}

h4, #thanks { clear: both }


/* SCROLLING LOGOS */
 #thanks { margin-top: 2.5em }
#ticker {
	width: 100%;
	line-height: 9.5;
	margin-top: 0.5em;
	overflow: hidden; 
	position: relative;
	clear: both
}

#ticker img { visibility: hidden }

#index #ticker { width: 350px }

#ticker-left { width: 20px; height: 100%; background: url(./css_images/scrolling-overlay-trans.png) no-repeat -20px 0; z-index: 1000; position: absolute; top: 0 }

#ticker-right { width: 20px; height: 100%; background: url(./css_images/scrolling-overlay-trans.png) no-repeat 0 0; z-index: 1000; position: absolute; right: 0; top: 0 }






/**** Form Section ****/
form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}

* html form li
{
	height:1%;
}

* html .buttons
{
	height:1%;
}

* html form li div
{
	display:inline-block;
}

form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form li div.left .medium
{
	width:100%;
}

form li div.right .medium
{
	width:100%;
}

form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}


/**** Buttons ****/
input.button_text
{
	overflow:visible;
	padding:0 7px;
	width:auto;
}

.buttons input
{
	font-size:120%;
	margin-right:5px;
}

/**** Inputs and Labels ****/
label.description, legend.description
{
	border:none;
	color:#222;
	display:block;
	font-weight:700;
	padding:0 0 1px;
}

input.text
{
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

input.file
{
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

textarea.textarea
{
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-family: Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
}


input.large
{
	width:99%;
}

textarea.medium
{
	height:10em;
}


form .guidelines small
{
	font-size:105%;
}

form li.highlighted .guidelines
{
	visibility:visible;
}

form li:hover .guidelines
{
	visibility:visible;
}
/**** Form Section ****/
#vnd { }
#vnd {   }

#vnd { 
	position: relative;
	top: 25px;
	line-height: 19px !important;
	width: 550px;  
	clear: both; 
	background: #fefefe; 
	padding: 10px; 
	margin-bottom: 76px;
	margin-left: -10px; 
	border: 1px solid #efefef; 
	-moz-border-radius: 9px;	   
	-webkit-border-radius: 9px;	   
	border-radius: 9px;	   
	-webkit-box-shadow: 1px 1px 2px rgba(5, 9, 44, .6);
	-moz-box-shadow: 1px 1px 2px rgba(44, 44, 44, .6);
	box-shadow: 1px 1px 2px rgba(44, 44, 44, .6);
		}

#vnd_address_4 { width: 250px; margin-right: 18px  }
#vnd_address_4 + label { margin-right: 7px }
#vnd label.description {
	font-weight: bold;
	color: #05092c
}
	
form li div
{
	color:#444;
	margin:15px 4px 0 0;
	padding:0 0 8px;
}

form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form li div.left .medium
{
	width:100%;
}

form li div.right .medium
{
	width:100%;
}


input.text
{
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	margin:0;
	padding-top:3px;
}

form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	margin:0;
	padding-top:3px;
}

#li_5, #li_1 {float: left; display: inline; }

#li_5 { clear: right }
#li_2 { clear: both }
#li_3 { clear: left }
#li_3, #li_3 + li  { float: left }
#li_3 + li + li { clear: both }
#contact_form select { display: block }
#contact_form { width: 50%;}
#contact_form .formLeft > label { display: block }
#contact_form .formLeft, #contact_form li.formLeft + li { float: left }
#contact_form li.formLeft + li + li { clear: both }
#contact_form select[name=regarding] { height: 22px }
#contact_form span + span { padding-left: 9px }
#contact_form #sender_1, #contact_form #email { width: 180px }
#sender_2 { width: 236px }
#contact_form li span:first-child { padding-right: 5px }
#contact_form textarea { width: 438px }

.thumbscontainer {clear: both; overflow: hidden}
.thumbscontainer + br {clear: both !important } 
.thumbscontainer li { padding: 10px } 
#content .thumbscontainer a, #content .thumbscontainer a:link, #content .thumbscontainer a:visited { text-decoration: none; border-bottom-width: 0 }
#gallery-cvf09 .thumbs > li { min-height: 365px }
.FF3.cufon-ready #nav > li > ul { margin-top: -7px }
.firefox3 > li { margin-top: 12px }
.firefox3 > li > ul { margin-top: 8px }
.firefox3 > li > a { font-size: 28px !important; margin-top }
.bullets {list-style: disc}


/* misc */

#aboutImage01 { border: 5px solid #FDE35F; position: relative; top: 100% }

.errors { font-family: arial, helvetica, sans-serif; padding: 1em; background: #ff6969; font-size: 1.5em; font-weight: bold; border: 1px solid #ed2024 }
.errors strong { text-transform: uppercase; color: #d7d7d7; display: block; margin-bottom: 1em}
#content a.emphasis { color: #2d5cbd; padding: 0 2px 2px 2px; font-weight: bold; border-bottom: none}
a.emphasis:hover {  background: #faf6d3; }