/*
Meyer's Browser Default Reset (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
-------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd,ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }blockquote, q { quotes: "" ""; }
/*
Debug
------------------------------------------------------*/
/* * div, * h2 { border-top: 1px solid red; }*/
/*
Foundation
------------------------------------------------------*/
body { color: #10394f; background: #572010 url(../_img/body_bg.gif) repeat-x; font: 0.875em/1.24 Times,"Times New Roman", Georgia, serif; }
a { color: #10394F; padding: 1px; }
a:hover { color: #fff; background: #10394F; }
#container { width: 760px; margin: 0 auto; background: #fff url(../_img/scenic_bg.jpg) no-repeat; position: relative; overflow: auto; }
/*
Logo
------------------------------------------------------*/
#logo { width: 224px; height: 224px; background: url(../_img/ksf_logo.png) bottom left no-repeat; position: absolute; top: -10px; left: 0; }
	#logo a { width: 224px; height: 224px; display: block; text-indent: -20000px; background: none; }
/*
Header
------------------------------------------------------*/
#header {  }
h1 {  }
	h1 a { display: block; text-indent: -20000px; }
	h1 a:hover { border: none; background: none; }
/*h1 { width: 224px; height: 214px; position: absolute; z-index: 10; background: url(../_img/ksf_logo.png) bottom left no-repeat; }
	h1 a { width: 224px; height: 214px; display: block; text-indent: -20000px; }
	h1 a:hover { border: none; background: none; }
/*
Top-Nav
------------------------------------------------------*/
#top-nav { float: left; display: inline; width: 520px; margin: 34px 10px 0 230px; }
	#top-nav ul { font-size: 1.1em; }
	#top-nav ul li { float: left; }
	#top-nav ul li a { color: #572010; text-decoration: none; display: block; float: left; padding: 10px 8px; }
	#top-nav ul li a:hover { color: #fff; background: url(../_img/blue_gradient.gif) repeat-x; }
	/* Suckerfish */
	#top-nav ul li ul { font-family: helvetica, arial, sans-serif; position: absolute; background: #10394f; width: 150px;top: 90px; left: -999em; clear: left; z-index: 999; }
	#top-nav ul li ul li { background-image: none; font-size: 0.7em; }
	#top-nav ul li ul a { display: block; width: 130px; padding: 6px 10px; background: #333; color: #fff; border: none; }
	#top-nav ul li ul a:hover{ background: #572010; color: #FFD776; }
	/* Make Top-level styles stick on hover */
	#top-nav ul li:hover ul, #top-nav ul li.sfhover ul { left: auto; }
	#top-nav ul li:hover a, #top-nav ul li.sfhover a { color: #fff; background: url(../_img/blue_gradient.gif) repeat-x; }
	#top-nav ul li:hover li a, #top-nav ul li.sfhover li a { background: #10394f; color: #fff; }
	#top-nav ul li:hover li a:hover, #top-nav ul li.sfhover li a:hover { background: #572010; color: #FFD776; }
/*
Home-Billboard
------------------------------------------------------*/
#home-billboard { float: left; display: inline; width: 760px; background: url(../_img/home_billboard.jpg) bottom right no-repeat; height: 180px; margin: 0; padding: 0; overflow: hidden; }
	#home-billboard h2 { text-indent: -20000px; float: right; }
	#home-billboard h3 { float: left; display: inline; width: 294px; height: 180px; /*background: url(../_img/billboard_left.jpg) no-repeat;*/ position: relative;margin: 0; padding: 0; }
	#home-billboard h3 a { display: block; width: 200px; height: 87px; position: absolute; bottom: 0; left: 15px; text-indent: -20000px; background: none; margin: 0; padding: 0; }
	#home-billboard h3 a:hover {  }
	#home-billboard a { border: none; background: none; margin: 0; padding: 0; }
/*
Home-Content
------------------------------------------------------*/
#home-content { float: left; display: inline; width: 760px; margin: 0; padding: 0; }
	#home-content h2 { color: #fff; background: #10394f url(../_img/blue_gradient.gif) repeat-x; height: 24px; padding: 8px 20px; overflow: hidden; }
	#home-content h3 { padding-left:20px; }
	#home-left-column { width: 230px; float: left; display: inline; margin: 0 0 20px 0; }
		#home-left-column .photo { margin: 0 0 0 20px; }
		#home-left-column h2 { margin: 0 0 12px 0; padding: 13px 20px 3px 20px; font-size: 16px; }
		#home-left-column h3 { clear: both; margin: 6px 25px 0 25px; }
		#home-left-column p { margin: 6px 25px 12px 25px; }
		#home-left-column p a {  }
		#home-left-column p a:hover {  }
		#home-left-column hr { margin: 0 20px; border: none; height: 1px; background: #ccc; }

	#home-right-column { width: 530px; float: right; display: inline; margin: 0 0 20px 0; }
		#home-right-column h2 { margin: 0 0 15px 0; font-style: italic; font-size: 21px; }
		#home-right-column p { margin: 6px 30px 18px 20px; }
/*
Typography
------------------------------------------------------*/
p { font-family: helvetica, arial, sans-serif; margin: 6px 0 18px 0; }
h3 { color: #572010; font-size: 1.2em; font-style: italic; font-weight: bold; padding: 5px 0 2px 0; }
/*
Right-Column
------------------------------------------------------*/
#right-column { width: 480px; float: right; display: inline; margin: 24px 30px 20px 20px; }
	#right-column h2 { color: #10394F; font-style: italic; font-weight: normal; font-size: 1.8em; margin: 0; line-height: 1; overflow: hidden; height: auto !important; }
	#right-column p {  }
/*
Left-Column
------------------------------------------------------*/
#left-column { width: 200px; float: left; display: inline; margin: 0 0 20px 20px; padding-top: 120px !important; }
	#left-column h3 { color: #10394F; font-style: italic; font-weight: normal; font-size: 1.8em; margin: 0 10px; line-height: 1; overflow: hidden; height: auto !important; }
	#left-column h3 { clear: both; }
	#left-column p {  }
	#left-column p a {  }
	#left-column p a:hover {  }
	#left-column hr {  }
/*
Left-Nav
------------------------------------------------------*/
ul#left-nav { margin: 10px; font-size: 1.1em; }
	#left-nav li { margin: 0; padding: 0; }
	#left-nav li a { background: url(../_img/left_nav_bird.gif) 10px 10px no-repeat; padding: 5px 10px 5px 30px; width: 150px; display: block; color: #572010; border-bottom: 1px solid #FFD776; text-decoration: none; }
	#left-nav li a:hover { background: #FFD776 url(../_img/left_nav_bird.gif) 10px 10px no-repeat; }
/*
Stretchy-Height Shadowed Photo
------------------------------------------------------*/
.photo { width: 198px; float: left; display: inline; padding: 6px 0 0 0; background: url(../_img/shadow_top.png) no-repeat; }
	.shadow-bottom { float: left; display: inline; padding: 0 6px 6px 6px; background: url(../_img/shadow_bottom.png) bottom left no-repeat; }
	.photo img { float: left; display: inline; padding: 3px; background: #fff; }
/*
Footer
------------------------------------------------------*/
#footer { width: 760px; float: left; display: inline; background: #fff url(../_img/gray_gradient.gif) repeat-x; }
	#footer p { font-size: 0.8em; margin: 0; padding: 8px 15px; color: #666; }
/*
Photo Gallery
------------------------------------------------------*/
#gallery-container { padding-top: 25px; }
#myGallery { border: solid 1px #10394f; margin-top: 10px; }
.jdGallery .slideElement { background-color: #feedc8; }
.jdGallery .slideInfoZone { background-color: #0d2a38; opacity: 0.9; }
.jdGallery .slideInfoZone h2 { display: none; }
.jdGallery .slideInfoZone p { font-family: Times,"Times New Roman", Georgia, serif; font-size: 12pt; font-style: italic; font-weight: bold; }
/*
Registration Form
------------------------------------------------------*/
label {width: 5em; float: left; text-align: right; margin:0 4px 4px 0; display: block; }
span input {margin-left: 75px; }
input { color: #781351; background: #fee3ad; border-top:3px solid #e8e4d9; width:200px; margin:0 0 3px 0;}
input.performance { margin:0 0 0 7px; width:20px;}

.submit input { color: #000; background: #ffa20f; border: 2px outset #d7b9c9; }
.reg_error {color: red; }
.reg_required {color: red; }