/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/***************************
	Main Tags
***************************/
html, body {
	height: 100%;
}
body {
	text-align:center;
	background-color: #202020;
	color:white;
	font-family: "Trebuchet MS", Lucida Grande, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.6em;
}
a {
	text-decoration:underline;
	color:#8bc83c;
}
a:hover {
	color:#7cbe27;
}
a:active {
  outline: none;
}
p, ul{
	margin:1em 0;
}
span{
	color: #ae0001;
}

strong{
	font-weight: bold;
}
:focus {
  -moz-outline-style: none;
}
hr {
	display: block;
	clear: left;
	visibility: hidden;
}

/***************************
	Fixes
***************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear {
	clear: both;
}

/***************************
	Wrapper CLass
***************************/

.wrap {
	width:960px;
	margin:0px auto;
	text-align:left;
}

/***************************
	Header
***************************/
#header {
	height:421px;
	background: #8bc83c url(../images/header-bg.jpg) no-repeat center;
}

#inner #header {
	height:135px;
	background: #8bc83c url(../images/header-bg.jpg) no-repeat center;
}

#headerContent {
	height:421px;
	background: transparent url(../images/frontSplash.jpg) no-repeat bottom right;
}

#logo {
	background:url(../images/logo.png) no-repeat;
	width:212px;
	height:90px;
	display:block;
	float: left;
	margin: 20px 0 0 20px;
	overflow:hidden;
	text-indent:-9999px;
}

#header h1 {
	float: left;
	width: 630px;
	margin: 40px 0 0 60px;
	font-size: 24px;
	color: white;
	font-weight: normal;
}

#header h2 {
	float: left;
	margin: 8px 0 0 60px;
	font-size: 24px;
	color: white;
	font-weight: normal;
}

#header h1.frontBlurb {
	float: left;
	display: block;
	width: 360px;
	margin: 40px 0 0 20px;
	padding: 10px 0 20px 20px;
	background-color: #7cbe27;
	font-size: 35px;
	line-height: 1.2;
}

/***************************
	Navigation
***************************/
#navigation {
	height:50px;
	background: #8bc83c url(../images/nav-bg.png) repeat-x top left;
}

#navigation ul {
	margin: 0;
}

#navigation li {
	float: left;
}

#navigation li a {
	display: block;
	height: 50px;
	overflow:hidden;
	text-indent:-9999px;
	background: #8bc83c url(../images/nav.png) no-repeat 0 0;
}

#navigation li a#home {
	width: 91px;
	background-position: 0 0;
}

#navigation li a#aboutus {
	width: 121px;
	background-position: -91px 0;
}

#navigation li a#member {
	width: 220px;
	background-position: -212px 0;
}

#navigation li a#sponsors {
	width: 118px;
	background-position: -432px 0;
}

#navigation li a#forum {
	width: 103px;
	background-position: -550px 0;
}

#navigation li a#contact {
	width: 107px;
	background-position: -653px 0;
}

#navigation li a#home:hover {
	background-position:  0 -50px;
}

#navigation li a#aboutus:hover {
	background-position:  -91px -50px;
}

#navigation li a#member:hover {
	background-position:  -212px -50px;
}

#navigation li a#sponsors:hover {
	background-position:  -432px -50px;
}

#navigation li a#forum:hover {
	background-position:  -550px -50px;
}

#navigation li a#contact:hover {
	background-position:  -653px -50px;
}

/***************************
	Main section
***************************/
#main {
	background: #202020 url(../images/content-bg.png) repeat-x top left;
}

/***************************
	FrontBox
***************************/
#frontBox {
	background: #202020 url(../images/frontBox-bg.png) repeat-x top left;
	border: 1px solid #313131;
}

#frontBox .col {
	float: left;
	width: 430px;
	padding: 24px;
}

#frontBox h1 {
	font-size: 22px;
	color: white;
	line-height: 1.2;
	padding: 0 0 20px 0;
	border-bottom: 3px solid #8bc83c;
}

#frontBox li, #text li {
	padding: 0 0 0 16px;
	color: #8bc83c;
	background: transparent url(../images/arrow.gif) no-repeat 0 9px;
}

/***************************
	Content
***************************/
#contentHeader {
	display: block;
	background: #202020 url(../images/contentHeader-bg.png) repeat-x top left;
	border-bottom: 1px solid #313131;
}

#contentHeader h1 {
	font-size: 42px;
	padding: 30px 30px 20px 30px;
}

#text {
	padding: 30px;
	background-color: #2b2b2b;
	border-bottom: 4px solid #161616;
}

#text h1 {
	font-size: 18px;
	color: #8bc83c;
}

#text .col {
	float: left;
	width: 380px;
}

#text .sponsor {
	border-bottom: 1px solid #565656;
	margin: 0 0 30px 0;
}

#text .sponsorLogo {
	background-color: white;
	padding: 20px;
	margin: 0 0 20px 0;
}

#text .sponsorSmall {
	float: left;
}

/***************************
	Forms
***************************/

form {
	margin: 20px 0 0 0;
	float: left;
}

fieldset {
	overflow : hidden;
	margin : 0 0 1.5em 0;
	padding : 0 0 1.5em 0;
	border-bottom : 2px solid rgb(230,230,230); 
}

form .placeholder {
	display: block;
	float: left;
	clear: both;
	margin: 0 0 5px 0;
}

span.required {
	margin: 0 5px 0 5px;
	display: block;
	float: left;
	width: 4px;
	background-color: #AE0001;
}

span.security {
	display: block;
	float: left;
	width: 305px;
}

span.security .tooltip {
	display: none;
}
 
label {
	display : block;
	float : left;
	width : 120px;
}

input, select, textarea {
	float : left;
	font-size : inherit;
	font-family: Helvetica, Arial, sans-serif;
	width : 290px; 
	padding : .35em .5em; 
	border : 2px solid #393939;
	background-color: #212121;
	color: white;
}

input:focus, select:focus, textarea:focus {
	border : 2px solid #8BC83C;
}

select { 
	width : 300px; 
}

form #placeholder_submit {
	display: block;
	float: left;
	clear: both;
	margin: 0 0 5px 120px;
}

form .placeholder .error {
	display: block;
	clear: both;
	text-align: right;
	color: red;
	border-bottom: 1px solid #393939;
	padding: 5px;
	margin: 5px 0;
}

#send {
	background-color:#212121;
	border:2px solid #393939;
	color:#8BC83C;
	cursor:pointer;
	font-size:14px;
	letter-spacing:0.1em;
	margin:0 0 0 120px;
	padding:5px 15px;
	text-transform:uppercase;
}

#send:hover {
	background-color:#8BC83C;
	border:2px solid #393939;
	color:#212121;
}

/***************************
	Footer
***************************/
#footer .wrap {
	text-align: center;
}

#footer .wrap p, #footer .wrap a {
	color: #565656;
}