@import url('/css/reset.css');

h1 { font-size:28px; color:#131B30; font-variant:small-caps; margin-bottom:15px;}
h2 { font-size:15px; color:#9e4501; text-transform:uppercase; font-weight:bold;margin-bottom:5px;}

body { font-family: "Georgia", "Helvetica", "Arial", "Verdana","sans-serif"; font-size:14px; }
body{ background: #81623B url(/images/layout/background.jpg) repeat-x; }
p { font-size:14px; line-height:20px;}
#wrapper{ width:958px; min-height:800px; margin:0 auto; top:0px; }

#header{ clear:both;}
#header #navigation{ float:left; height:365px; width:424px; display:inline; overflow:hidden; background:url(/images/layout/header_navigation.jpg);}
#header #featured-events { float:left; height:365px; width:534px; background:url(/images/layout/header_events.jpg);}

#header #navigation a.home { width:424px; height:103px; display:block;}
#header #navigation ul { width:424px; height:265px; padding:0px; margin:0px 0px 0px 0px; }
#header #navigation ul li { height:43px; margin:0px; padding:0px; }
#header #navigation ul li a { height:43px; width:424px; display:block; text-decoration:none;padding:16px 0px 0px 0px; margin:0px; }
#header #navigation ul li a span { color:#fff; font-size:18px; font-family:"Georgia"; text-decoration:none; margin:0px 0px 0px 30px; }
#header #navigation ul li:hover { background:url(/images/layout/header_navigation.jpg) -424px -102px;}

#header #featured-events ul { margin:265px 0px 0px 36px; padding:0px; height:95px; overflow:hidden; }
#header #featured-events ul li { display:block; height:34px; width:498px; }
#header #featured-events ul li a { font-family: Georgia; font-size:14px; text-decoration:none; color:#0A183c; }
#header #featured-events ul li a.event { float:left; width:400px; height:16px;  margin-top:7px; overflow:hidden; }
#header #featured-events ul li a.more-button { position:relative; left:10px; top:5px; z-index:1000; }

#content-wrapper { float:left; display:block; min-height:200px; width:958px; background:url(/images/layout/content_bg.jpg) repeat-y;  clear:both; }
#content-wrapper #left-container {float:left; display:block; width:675px;  }
#content-wrapper #left-container #horizontal-navigation {height:95px; width:675px; background:url(/images/layout/horizontal_navigation.jpg);}

#content-wrapper #left-container #horizontal-navigation ul { list-style:none;  }
#content-wrapper #left-container #horizontal-navigation ul li { float:left; display:inline; height:75px; width:211px; margin:0px; padding:0px;}
#content-wrapper #left-container #horizontal-navigation ul li a { height:55px; margin:13px 0px 0px 0px; padding:0px; width:inherit; display:block;}
#content-wrapper #left-container #horizontal-navigation ul li.gift { width:223px; }
#content-wrapper #left-container #horizontal-navigation ul li.scouting { width:241px; }
#content-wrapper #left-container #horizontal-navigation ul li.volunteer:hover { background:url(/images/layout/horizontal_navigation.jpg) 0px -95px; }
#content-wrapper #left-container #horizontal-navigation ul li.gift:hover { background:url(/images/layout/horizontal_navigation.jpg) -211px -95px; }
#content-wrapper #left-container #horizontal-navigation ul li.scouting:hover { background:url(/images/layout/horizontal_navigation.jpg) -434px -95px; }
/******* Contact Form Sidebar *******/
#content-wrapper #right-container {float:left; display:inline; overflow:hidden; width:282px; margin-left:-2px; }
#content-wrapper #right-container #contact-form{ float:left; display:inline; overflow:hidden; width:233px; padding:55px 10px 0px 40px; height:399px; background:url(/images/layout/contact_us.jpg);}

#contact-form fieldset.form-container ul li { float:left; clear:both; margin:3px 0px;}
#contact-form div.element { float:left; clear:both; display:block; margin:0px 0px;}
#contact-form div.element label{ float:left; width:75px; margin:15px 5px 0px 0px;  text-align:right;  display:block; font-family:"Verdana"; font-size:10px; color:#fff; font-weight:bold; text-transform:uppercase; }

#contact-form div.element input { padding:2px; float:left; width:133px; clear:right; border:1px solid #222;} 
#contact-form div.element select { padding:2px; float:left; width:135px; clear:right; border:1px solid #222;}

#contact-form div.element div.description { display:none;}

#contact-form div.element input.zip {float:left; width:90px;  }
#contact-form div.element input.us-phone {float:left; width:37px; margin-right:4px;  }
#contact-form div.element input.us-phone-line{}
#contact-form div.element span { float:left; margin-top:10px; display:block;}
#contact-form textarea { height:50px; width:210px; margin-top:4px; border:1px solid #222; }

#contact-form input#submit { float:left; clear:both; width:71px; height:28px; border:none; margin:10px 0px 0px 78px;}
#contact-form input, div#contact-form select, div#contact-form label{ margin-top:10px;  }

#content { padding:5px;  }

/******* FOOTER STYLES *******/

#footer-wrapper { clear:both; height:135px; width:958px; background: url(/images/layout/footer.jpg); }
#footer-wrapper #blue-footer { float:left; clear:both; width:958px; height:45px; padding-top:25px;}
#footer-wrapper #blue-footer p { float:left; width:958px;  color:#fff; font-family:Helvetica, Arial; font-size:12px; text-align:center; }

#footer-wrapper #footer { width:958px; float:left; clear:both;}
#footer-wrapper #footer p { float:left; width:500px; font-size:11px; color:#fff; font-family:Helvetica, Arial; line-height:20px;}
#footer-wrapper #footer p a { color:#fff; text-decoration:none; }
#footer-wrapper #footer a.kfx2 {float:left; margin:-10px 0px 0px 330px; display:block; height:50px; width:120px; font-size:11px; color:#fff; font-family:Helvetica, Arial; text-decoration:none; }
.novis{display:none; }

/********Signup & Login Form Styles (Volunteer, Attendee, and Sponsor) ********/
div.signup-wrapper, div#login-form-wrapper { padding:10px 10px;}

div.signup-wrapper p.description{display:none;}
div.signup-wrapper input,div#login-form-wrapper input { padding:2px; font-size:14px; width:200px; }
div.signup-wrapper input.us-phone { width:50px;}
div.signup-wrapper select { padding:2px; font-size:14px; min-width:206px; }

div#login-form-wrapper li { margin:10px 0; }
div#login-form-wrapper #submit { margin-left:70px; }
div#login-form-wrapper fieldset.form-container{ background-color:#eee; }
div.signup-wrapper fieldset.even { background-color: #eee; }

div#payment-error { margin:20px 0px; padding:30px; border:2px solid #DFB5B5; background-color:#EFD1D1;}
div#payment-error p { color:#5F2F2F; font-weight:bold; font-size:14px;}

/******** DONATIONS FORM *******/
div#donation-wrapper div {float:left; clear:both; }	
div#donation-wrapper div#payment-error {float:left; clear:both; width:90%; }


div#content p{ margin:10px 0px; }
div#content p.description, div#contact-form p.description { display:none;}

ul.errors li { color: red; font-weight:bold;}

/******* Content Styles *******/
div.content-wrapper { padding: 10px 20px; }

div.hr{ width:98%; height:1px; border-bottom:1px solid #ccc; margin: 10px 0px; }
div.images {text-align:center;}

span.strong { font-weight:bold; }
a.register { margin-top:20px;}

img.uway { float:left; width:108px; height:57px; margin:0px 20px 0px 20px;}
img.bsa { float:left;  width:268px; height:50px; margin:-15px 25px 0px 20px;}
img.istrouma_bc 
{
	float:left;  width:108px; height:50px; margin:0px 25px 0px 20px;
} 


/******* FORM ELEMENTS *******/
div.element {float:left; clear:both; margin:10px 0px; width:400px; }
div.element label {float:left; width:100px; }
div.element input { float:left; width:200px; border:1px solid #ccc; }
div.element input:focus {  border:1px solid #4FC0FF; }
div.element select { float:left; width:200px;}
div.element div.description {display:none;}
div.element div.radio label {float:left; clear:both; width:220px; }
div.element div.radio input  { width:10px; }
div.element input.us-phone { float:left; width:28px; margin-right:10px; padding:0px 2px; }
div.element input.us-phone-line { width:36px; margin-right:0px;}

div.errors { float:left; clear:both; }
div.errors ul li { margin:10px 0px 0px 100px; font-style:italic; font-weight:normal; font-size:11px; width:200px;}
#fieldset-personal_info, .personal_info { width:500px; }
.more-button{ margin-top:-15px;}