/* ALL CSS */

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
fieldset, a img,:link img,:visited img , img{ border: none; }

html,body { height: 100%; }
body {
	font-size: small;
	font: 13px/15px arial,lucida sans,sans-serif;
	background-color: white;
	color: #006227;
	width: 100%;
}


#logo a h1, #footer p a span, #rc-body h1 span, #nav-top ul li a span, #nav-bot ul li a span, #link-home a span, p#required span,
#refer-header h2, #refer-title-refer h1, #refer-title-thanks h1 {display: none;}


a { color: #03622a; }
a:hover { color: #E67B27; }

#wrap {text-align: left; margin: 0 auto; padding: 28px 0; width:expression(document.body.clientWidth < 850 ? "850px" : "auto" );}
#wrap, #header, #content, #footer  {width: 100%; min-width:850px;}


#header {clear: both; margin-bottom: 56px; float: left;}
	#logo {width: 233px; float: left; display: inline;}
		#logo a {background: url(../images/logo.gif) no-repeat; display: block; width: 128px; height: 16px; margin-left: 105px; }
	
	#nav-top { float: right; margin-right: 80px; text-align: right; display: inline;}
		#nav-top ul {background: url(../images/nav_top.gif) no-repeat; width: 358px; height: 17px; } 
		#nav-top ul li { float: left; display: inline;}
		#nav-top ul li a {display: block; height: 17px;}
			#btn-1 a, #btn-1selected {width: 161px;}
			#btn-2 a, #btn-2selected {width: 71px;} 
			#btn-3 a, #btn-3selected {width: 82px;} 
			#btn-4 a, #btn-4selected {width: 44px;} 
			
			#btn-1 a:hover, #btn-1selected {background: url(../images/nav_top.gif) 0px -17px; }
			#btn-2 a:hover, #btn-2selected {background: url(../images/nav_top.gif) -161px -17px; }
			#btn-3 a:hover, #btn-3selected {background: url(../images/nav_top.gif) -232px -17px; }
			#btn-4 a:hover, #btn-4selected {background: url(../images/nav_top.gif) -314px -17px; }


#content-wrap {margin: 0 auto; text-align: center;}
	/*#link-home {  }
	#link-home a {display: block;}
		#btn-home {width: 139px;}
		
	#link-home a:hover {background-position:  0 -22px;}*/
	
	#link-home {margin: 0 0 46px 207px;}
		#link-home ul {background: url(../images/btn-home.gif) no-repeat; width: 529px; height: 19px; margin: 0 0 40px 156px;} 
		#link-home ul li { float: left; display: inline;}
		#link-home ul li a {display: block; height: 20px;}
			#btn-home a {width: 140px; }
			
			/*HACK: ALIGN NEXT TO EACH OTHER*/
			#btn-join, #btn-joinselected {margin: -19px 0 0 410px;}
			
			#btn-join a, #btn-joinselected {width: 120px;}
			
			#btn-home a:hover {background: url(../images/btn-home.gif) no-repeat 0 -22px; }
			#btn-join a:hover, #btn-joinselected {background: url(../images/btn-home.gif) no-repeat -410px -20px;}
	
	

#content {text-align: left; margin: 0 auto; line-height: 20px; width: 980px;}
		
	
	
/* FORM STYLES /////////////////////////////////////////////////////////////////// */

body#join #content-wrap #content {padding-left: 60px;}
body#join #link-home {margin: 0 0 15px 0px; width:}
	body#join #link-home ul {background: url(../images/btn-home.gif) no-repeat; width: 200px;} 
	
#left-images {width: 180px; float: left; text-align:left;}	
#form-body {width: 710px; float: left; overflow: hidden;}
#one-column {width: 100%; float: left; overflow: hidden;}

p#form-title { border-top: 1px dotted #066333; border-bottom: 1px dotted #066333; padding: 2% 0; }
	p#form-title span {color: #E67B27;}
p#required {background: url(../images/form_required.gif) no-repeat; width: 163px; height: 28px;}
p#required-sp {background: url(../images/form_required_sp.gif) no-repeat; width: 190px; height: 28px;}


#form-body fieldset {margin-bottom: 4px;}
#form-body p {margin-bottom: 8px;}

.form-column-wrap {padding: 3% 3% 3% 5%; border-bottom: 1px dotted #066333; float: left; width: 92%;}
.form-column-wrap-firstsec {padding: 3%; border-bottom: 1px dotted #066333; float: left; width: 97%;}
	
	.form-left-firstsec {width: 50%; float: left;}
	.form-right-firstsec {width: 50%; float: left;}
	
	.form-left {width: 52%; float: left;}
	.form-right {width: 48%; float: left;}
	
	.form-checkbox-left {width: 45%; float: left;}
	.form-checkbox-right {width: 55%; float: left;}
	
#comments {float: left; margin-right: 4px;}
	
#form-submit {text-align: center; margin: 15px auto; width: 100%}


.fields, .text1 {width: 195px; padding: 3px; font-size: 15px; margin-bottom: 4px;}
	.text1 {height: 79px; _height: 84px; }
.drop {width: 270px; margin-bottom: 5px;}
.clear {clear: both; height: 1px;}

		
#footer {clear: both;}


#nav-bot { margin-left: 105px;}
		#nav-bot ul {background: url(../images/nav_bot.gif) no-repeat; width: 330px; height: 17px;}
		#nav-bot ul li { float: left; display: inline;}	
		#nav-bot ul li a {display: block; height: 17px;}
			#btnbot-1 a, #btnbot-1selected {width: 87px;}
			#btnbot-2 a, #btnbot-2selected {width: 47px;} 
			#btnbot-3 a, #btnbot-3selected {width: 78px;} 
			#btnbot-4 a, #btnbot-4selected {width: 61px;} 
			#btnbot-5 a, #btnbot-5selected {width: 100px;} 
			
			#btnbot-1 a:hover, #btnbot-1selected {background: url(../images/nav_bot.gif) 0px -17px; }
			#btnbot-2 a:hover, #btnbot-2selected {background: url(../images/nav_bot.gif) -87px -17px; }
			#btnbot-3 a:hover, #btnbot-3selected {background: url(../images/nav_bot.gif) -87px -17px; }
			#btnbot-4 a:hover, #btnbot-4selected {background: url(../images/nav_bot.gif) -165px -17px; }
			#btnbot-5 a:hover, #btnbot-5selected {background: url(../images/nav_bot.gif) -226px -17px; }
		
.btn {margin-top: 8px;}

.clear {clear: both;}

.h{display:none}
.s{display:block}
.errors{color:#F37859; padding-left:6px; font-weight:bold;}
#times label{padding-left:17px;}
.error-border{border: 1px solid #F37859; background: #ffd0c4; }