/* OPEN ROAD
--------------------------------------------------------------------------------------*/
body
{
	font: 100% arial,helvetica,sans-serif;
	background: #f5d280 url(../images/bg_body.gif) repeat-y top center;
	color: #000;
}

.container { width: 100%; clear: both; }
.inner { width: 960px; margin: 0 auto; position: relative; overflow: hidden; }

/* HEADER
--------------------------------------------------------------------------------------*/
#top { height: 162px; background: #f5d280 url(../images/bg_header_container.gif) repeat-x; }
#top .inner { background: url(../images/bg_header_outer.gif) repeat-x; }

#header
{
	width: 920px;
	height: 162px;
	margin: 0 auto;
	background: url(../images/bg_header_inner.gif) repeat-x;
}

#header h1 { position: absolute; left: 33px; top: 43px; width: 195px; height: 113px; }
#header p { position: absolute; left: 362px; top: 118px; width: 563px; height: 21px; }
#header img { border: 0; }

/* MAIN
--------------------------------------------------------------------------------------*/
#main { background: #fff; padding: 1em 0; }
#main .inner { width: 920px; margin: 0 auto; }

/* NAV
--------------------------------------------------------------------------------------*/
#nav, #nav ul { width: 200px; float: left; }
#nav li { float: left; }
#nav li, #nav a
{
	display: block;
	width: 200px;
	height: 32px;
	background: #eaaa05 url(../images/bg_navbutton.gif) no-repeat left bottom;
	color: #000;
}
#nav a
{
	display: block;
	width: 190px;
	height: 23px;
	padding: 9px 0 0 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 80%;
}
#nav a:link, #nav a:visited { color: #000; text-decoration: none; background-position: left bottom; }
#nav a:hover, #nav a:active { color: #fff; text-decoration: none; background-position: left top; }

#nav #current a:link, #nav #current a:visited,
#nav #current a:hover, #nav #current a:active { color: #fff; text-decoration: none; background-position: left top; }


/* CONTENT
--------------------------------------------------------------------------------------*/
#content { width: 700px; float: right; font-size: 80%; line-height: 1.4; }
#content h2 { font-size: 150%; line-height: 1.0; font-weight: bold; color: #000; margin-bottom: 0.5em; }
#content h3 { font-size: 120%; line-height: 1.0; font-weight: bold; color: #555; margin: 1.5em 0 0.5em;}
#content h2 + h3, #content h2 + img + h3 { margin-top: 0; }
#content p { margin: 0 0 1em; }
#content ul { margin: 0 0 1em; padding: 0 0 0 1.5em; list-style-type: square; }
#content ol { margin: 0 0 1em; padding: 0 0 0 1.5em; list-style-type: decimal; }

#content a { font-weight: bold; }
#content a:link { color: #000; background: #eaaa05; text-decoration: underline; }
#content a:visited { color: #555; background: #f5d280; text-decoration: underline; }
#content a:hover, #content a:active { color: #fff; background: #000; text-decoration: none; }

#content td a:link { color: #000; background: transparent; text-decoration: underline; }
#content td a:visited { color: #555; background: transparent; text-decoration: underline; }
#content td a:hover, #content td a:active { color: #fff; background: transparent; text-decoration: none; }

#content strong { font-weight: bold; }
#content em { font-style: italic; }

#content .box { clear: both; overflow: hidden; width: 659px; padding: 10px; margin-bottom: 20px; border-style: solid; border-color: #eaaa05; border-width: 1px 1px 1px 20px; }
#content .box *:last-child { margin-bottom: 0; }

#content .supporters { margin-bottom: 1em; }
#content .supporters td { vertical-align: top; padding: 0 0 1em; border-bottom: 1px solid #eaaa05; }
#content .supporters tr:last-child td { border: 0; padding: 0; }

/* PAGE SPECIFICS
--------------------------------------------------------------------------------------*/
#home { width: 460px; float: left; }
#home .box { width: 419px; clear: none; }

#sotm { width: 198px; float: right; padding: 10px; border: 1px solid #eaaa05; font-size: 95%; }
#sotm p { margin: 0; }
#sotm h2 { margin: 0; }
#sotm h3 { font-size: 110%; margin: 0.5em 0 0.25em; }
#sotm h2 { color: #850e1b; }

/* GALLERY */
#content .gallery { width: 659px; margin-bottom: 2em; float: left; }
#content .gallery a { display: block; width: 157px; height: 157px; text-align: center; vertical-align: middle; float: left; background-color: #fff; margin: 20px 7px 0 0; border: 1px solid #EAAA05; text-decoration: none; }
#content .gallery a img { border: 0; }
#content .gallery .last { margin-right: 0; }
#lightbox-image { border: 0; }

/* CONTACT FORM
--------------------------------------------------------------------------------------*/
#contact { margin: 1em 0; }
#contact fieldset { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #eaaa05; overflow: hidden; }
#contact .noborder { border: 0; }
#contact .toggle { display: none; }
#contact .toggleOn { display: block; }

#contact .column { width: 310px; float: left; }
#contact .right { float: right; }

#contact label, #contact b.label { display: block; margin: 1em 0 2px; font-weight: bold; }
#contact label.inline { float: none; display: inline; width: auto; margin: 0; }
#contact label.first { margin-top: 0; }

#contact input, #contact textarea, #contact select
{
	width: 306px;
	font: 100% arial,sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	padding: 2px;
}
#contact input:focus, #contact textarea:focus, #contact select:focus { background: #eee; }
#contact .hidden { display: none; }

#contact .check { float: none; display: inline; margin: 0; width: auto; border: 0; background: transparent; }
#contact .submit { cursor: pointer; font-weight: bold; background: #eaaa05; color: #000; width: auto; padding: 3px 20px; border-width: 1px; border-style: solid; border-color: #f0c972 #b1851d #664e0c #ecbb4d; }

#contact .err, #contact .err option { border-width: 2px; background: #eaaa05; }
#contact .alert { margin-bottom: 1em; font-weight: bold; padding: 20px 20px 20px 80px; background: #000 url(../images/bg_alert.gif) no-repeat 2% 50%; color: #fff; }
#contact .alert p { margin: 0; }
#contact .alert strong { color: #eaaa05; }

#contact strong { font-weight: bold; color: #aa1e21; }


/* FOOTER
--------------------------------------------------------------------------------------*/
#footer { background: #8a8b8d; color: #fff; font-size: 70%; }
#footer .inner
{
	width: 880px;
	padding: 1em 20px;
	background: #000;
	border-left: 20px solid #515254;
	border-right: 20px solid #515254;
	margin: 0 auto;
}

#infos { width: 550px; float: left; color: #888; }
#infos strong { font-weight: bold; color: #fff; }
#infos span { color: #fff; }
#infos a:link, #infos a:visited { color: #fff; text-decoration: underline; }
#infos a:hover, #infos a:active { color: #eaaa05; text-decoration: none; }

#dd { width: 300px; float: right; text-align: right; }
#dd a:link, #dd a:visited { color: #555; text-decoration: none; }
#dd a:hover, #dd a:active { color: #eaaa05; text-decoration: none; }