/*
RAN.org : RYSE Microsite CSS
*/

/* Basics */

body#ryse {margin:0; color:#ffc; font:12pt/18pt "Helvetica Neue",Helvetica,Arial,sans-serif; background:#402 url(images/bg_lineup7.jpg) center bottom no-repeat; text-align:center;}

a {text-decoration:none; font-weight:bold;}
	a:link {color:#f60;}
	a:visited {color:#f60;}
	a:hover {color:#ffc; background:#f60;;}
	a:active {color:#ffc;}

strong {color:#ffc; font-weight:bold;}


h1,h2,h3,h4,h5 {color:#f60; font-weight:normal; text-transform:uppercase;}
h1 {font-size:18pt; line-height:20pt;}
h2 {font-size:16pt;}
h3 {font-size:14pt;}
h4 {font-size:12pt;}

/* By Section */

#wrapper {float:left; margin:0 auto; padding-bottom:200px; width:100%; min-width:700px; background:url(!images/bg_localheader7.jpg) center 0px repeat-x; text-align:left;}

#uheader {display:block;}
#ufooter {display:none;}

#main {float:right; width:75%;}
	#section {margin:1em;}
		#section h2 {margin:0; padding:0;}
		#section h2 a {display:block; margin:0; padding:0; height:135px; width:225px; text-indent:-9999px; background:url(images/logo_ryse2.png) no-repeat;}
		#section h3 {margin:0; color:#816; font-size:8pt;}
		#section h2 .byline {color:#ffc; font-size:12pt; text-transform:none;}
	#content {clear:both; margin:0 1em; max-width:800px;}
		#content .primary {float:left; width:66%;}
		#content .secondary {float:right; width:33%;}		
		#content h1 {}
		#content ul {list-style-image:url(images/bg_li.png);}
		#content ol {}

#navigation {float:left; width:25%;}
	#navigation ul {margin:175px 1em; max-width:200px; border-right:1px solid #ffc; list-style:none;}
	#navigation li {}
	#navigation li a {display:block; height:30px; padding:.75em 2em 0 0; color:#ffc; font-size:10pt; text-align:right;  text-decoration:none; font-weight:normal; text-transform:uppercase;}
	#navigation li a:hover {padding-right:2em; color:#f60; background:url(images/bg_nav_li.png) center right no-repeat;}
	#navigation ul ul {margin:0 0 0 0; border:0;}
		#navigation ul ul li a {height:auto; width:auto; padding:0 2em 0 0; color:#816; text-transform:none;}
		#navigation ul ul li a:hover {color:#fff; background:transparent;}

/* Extras */

/* Registration Form */

#registration {font-size:14pt;}
	#registration fieldset {margin:0 0 1em 0; padding:1em; border:1px solid #816;}
	#registration legend {color:#ffc; text-transform:uppercase;}
	#registration label {display:block; margin:1em 1em 0 0; float:left;}
		#registration label.form_first, #registration label.form_school, #registration label.form_birthday, #registration label.form_line1,  #registration label.form_city, #registration label.form_zip, #registration label.form_group_name, #registration ol.form_list {clear:left;}
		#registration label.form_birthday input, #registration label.form_birthday select {display:inline;}
		#registration input.form_birthday_day {width:50px;}
		#registration input.form_birthday_year {width:50px;}

	#registration input {display:block; width:175px; padding:.5em; border:2px solid #816;}
		#registration input.hidden {display:none;}
	#registration label.radio input, #registration label.checkbox input {display:inline; width:auto;}
	#registration select {display:block; padding:.5em; border:1px solid #900;}
	#registration p {clear:left; margin:1em 0 0 0;}
	#registration input.form_submit {width:auto; font-weight:bold; color:#000; background:#ffc;}
		#registration input.form_submit:hover {color:#000; background:#ffc; cursor:pointer;}


/* Contact Form */

.csc-caption {font-size:50%;}
.csc-mailform {padding:1em;}
.csc-mailform-field {padding:1em;}

#mailform {font-size:14pt; text-align: right; width: 100%;padding-left: 10%}
	#mailform fieldset {margin:0 0 1em 0; padding:1em; border:1px solid #816; text-align: left; width: 500px;}
	#mailform legend {color:#ffc; text-transform:uppercase;}
	#mailform label {display:block; margin:0 1em 1em 0; float:left;}
		#mailform label.form_first, #mailform label.form_school, #mailform label.form_birthday, #mailform label.form_line1,  #mailform label.form_city, #mailform label.form_zip, #mailform label.form_group_name, #mailform ol.form_list {clear:left;}
		#mailform label.form_birthday input, #mailform label.form_birthday select {display:inline;}
		#mailform input.form_birthday_day {width:50px;}
		#mailform input.form_birthday_year {width:50px;}

	#mailform input {display:block; width:175px; padding:.5em; border:2px solid #816;}
		#mailform input.hidden {display:none;}
	#mailform label.radio input, #mailform label.checkbox input {display:inline; width:auto;}
	#mailform select {display:block; padding:.5em; border:1px solid #900;}
	#mailform p {clear:left; margin:1em 0 0 0;}
	#mailform input.form_submit, #mailform input #mailformattachment {width:auto; font-weight:bold; color:#000; background:#ffc;}
		#mailform input.form_submit:hover {color:#000; background:#ffc; cursor:pointer;}

#mailform label {display:block; float:right; width:150px; text-align:left;}
.csc-mailform input, #grassroots .csc-mailform textarea {border:0; width:200px; padding:1em;}
.csc-mailform input.csc-mailform-submit, .csc-mailform input #mailformattachment {width:auto; background:#f90; cursor:pointer;}

/* Educators E-mail sign-up form */

#ed_subscribe {font-size:14pt; text-align: right; width: 230px; float: right; margin: 0 0 15px 15px;}
	#ed_subscribe fieldset {margin:0 0 1em 0; padding:1em; border:1px solid #816;}
	#ed_subscribe legend {color:#ffc; text-transform:uppercase;}
	#ed_subscribe label {display:block; margin:0 1em 1em 0; float:left;}
		#ed_subscribe label.form_first, #ed_subscribe label.form_school, #ed_subscribe label.form_birthday, #ed_subscribe label.form_line1,  #ed_subscribe label.form_city, #ed_subscribe label.form_zip, #ed_subscribe label.form_group_name, #ed_subscribe ol.form_list {clear:left;}
		#ed_subscribe label.form_birthday input, #ed_subscribe label.form_birthday select {display:inline;}
		#ed_subscribe input.form_birthday_day {width:50px;}
		#ed_subscribe input.form_birthday_year {width:50px;}

	#ed_subscribe input {display:inline; width:175px; padding:.5em; border:2px solid #816;}
		#ed_subscribe input.hidden {display:none;}
	#ed_subscribe p {float: left; margin:1em 0 2em 0; font-size: 16px; text-align: left;}
	#ed_subscribe input.form_submit, #ed_subscribe input #ed_subscribeattachment {width:auto; font-weight:bold; color:#000; background:#ffc;}
		#ed_subscribe input.form_submit:hover {color:#000; background:#ffc; cursor:pointer;}

#ed_subscribe label {display:block; float:right; width:150px; text-align:left;}
#ed_subscribe input.submit {float: left; margin-top: 1em;}

#mailformattachment {
	height: 30px;
	display:block; 
	width:175px; 
	padding:.5em; 
	border:2px solid #816;
}


/* Camp Application */

#application {font-size:14pt;}
	#application fieldset {margin:0 0 1em 0; padding:1em; border:1px solid #816;}
	#application legend {color:#ffc; text-transform:uppercase;}
	#application label {display:block; margin:1em 1em 0 0; float:left;}
		#application label.form_first, #application label.form_school, #application label.form_birthday, #application label.form_line1,  #application label.form_city, #application label.form_zip, #application label.form_group_name, #application ol.form_list {clear:left;}
		#application label.form_birthday input, #application label.form_birthday select {display:inline;}
		#application input.form_birthday_day {width:50px;}
		#application input.form_birthday_year {width:50px;}

	#application input {display:block; width:175px; padding:.5em; border:2px solid #816;}
		#application input.hidden {display:none;}
	#application label.radio input, #application label.checkbox input {display:inline; width:auto;}
	#application select {display:block; padding:.5em; border:1px solid #900;}
	#application p {clear:left; margin:1em 0 0 0;}
	#application input.form_submit {width:auto; font-weight:bold; color:#000; background:#ffc;}
		#application input.form_submit:hover {color:#000; background:#ffc; cursor:pointer;}

#application label.form_other {clear:left;}
#application label.form_short-answer {float:none;}
#application textarea {display: block; margin:10px 20px 5px 0; float:none; clear:both; padding:.5em; border:2px solid #816;}
#application label.checkbox {float:none;}

#application label.form_dollars {display: inline; float: left; margin: 1em 10px 1em 50px;}
#application label.form_dollars input {display: inline; width: 40px;}

#application p.form_instruction {font-style: italic;}

#application div.form_leftcolumn {
	float: left;
	width: 45%;
	margin:0 10px 0 0;
}

#application div.form_rightcolumn {
	float: left;
	width: 45%;
	margin:0 0 0 10px;
}