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

h1 { font-size:22px; color:#131B30; font-variant:small-caps; margin-bottom:15px;}
h2 { font-size:15px; color:#9e4501; text-transform:uppercase; font-weight:bold;margin-bottom:5px;}
h3 { font-size:16px; color:#131B30; margin-bottom:10px;}
h4 { font-size:14px; color:#131B30; margin-bottom:5px;}
h5 { font-size:12px; color:#131B30; margin-bottom:5px;}
h6 { font-size:11px; color:#131B30; 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{ float:left; clear:both; background: url(/images/layout/content_bg.jpg);}
#header #navigation{ float:left; height:365px; width:385px; display:inline; overflow:hidden;background:url(/images/layout/internal/menu.jpg);}
#header #featured-events { float:left; height:365px; width:533px; background:url(/images/layout/header_events.jpg);}

#header #navigation a.home { width:365px; height:92px; display:block; overflow:hidden;}
#header #navigation ul { width:365px; height:265px; padding:0px;}
#header #navigation ul li { margin:0px 0px 0px 3px; padding:0px; height:44px; width:382px;}
#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 a { height:44px; width:365px; display:block; padding:16px 0px 0px 0px; margin:0px; text-decoration:none; }
#header #navigation ul li:hover { background:url(/images/layout/internal/menu.jpg) -388px -94px;}

#header #horizontal-navigation a.contact-us-button { display:block; margin: 190px 0px 0px 385px; height:40px; width:170px; }
#header #horizontal-navigation { float:left; height:365px; width:572px; background:  url(/images/layout/internal/banner.jpg) no-repeat; z-index:-20;}

#header #horizontal-navigation ul { list-style:none; }
#header #horizontal-navigation ul li {  float:left; display:block; height:52px; width:160px; margin:0px; padding:0px; position: relative; top: 7px; }

#header #horizontal-navigation ul li.volunteer { width:166px; height:52px; }
#header #horizontal-navigation ul li.gift { width:194px; }
#header #horizontal-navigation ul li.join { width:209px; }
#header #horizontal-navigation ul li a {height:52px; width:inherit; display:block;}

#horizontal-navigation ul li.volunteer:hover { background: url(/images/layout/internal/internal_navs.jpg) -2px 0px; }
#horizontal-navigation ul li.gift:hover { background: url(/images/layout/internal/internal_navs.jpg) -168px 0px; }
#horizontal-navigation ul li.join:hover { background: url(/images/layout/internal/internal_navs.jpg) -362px 0px }

/******* Contact Form Sidebar *******/
#content-wrapper {float:left; display:block; clear:both; width:958px; background: url(/images/layout/internal/bg.jpg);}

#content-wrapper #left-container {float:left; display:block; width:384px;  margin-left:1px; min-height:300px;}
#content-wrapper #sidebar { background: url(/images/layout/internal/sidebar.jpg); width:381px; height:520px; }
#content-wrapper #sidebar a { float:left; display:block; }

#content-wrapper #sidebar a.cauw { margin:275px 0px 0px 130px; width:120px; height:70px; }
#content-wrapper #sidebar a.istrouma_bc { width:135px; height:55px; margin:25px 0px 0px 118px; }
#content-wrapper #sidebar a.bsa { width:300px; height:45px; margin:25px 0px 0px 40px; }
#content-wrapper #sidebar a.iac{ margin:25px 0px 0px 110px; height:60px; width:160px; }

#content-wrapper #right-container {float:left; display:block; width:572px;  }
#content-wrapper #right-container div.content {position:relative; margin:-50px 0px 20px 0px; padding:0px 20px; z-index:200;}


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

#footer-wrapper { clear:both; height:105px; width:957px; background: url(/images/layout/internal/footer.jpg); }
#footer-wrapper #blue-footer { float:left; clear:both; width:958px; height:45px; padding-top:5px;}
#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{ float:left; clear:both; width:100%; 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 110px;}
img.bsa { float:left;  width:268px; height:50px; margin:0px 25px 0px 35px;}



/******* 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; min-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; }


/******** VIEW EVENT PAGE ********/
div.event-detail { overflow:hidden; word-wrap:break-word;}
div.event-detail div.event-info { float:left; width:390px;  }
div.event-detail div.image { float:left; width:130px;}
div.event-detail h4 { clear:both;}
div.event-detail .hr { clear:both;}
div.event-detail div.image img.thumbnail-image { width:125px; border:2px solid #131B30;}

.payment_info h2 { float:left; clear:both; width:500px; margin:5px 0px; }
#donation-wrapper p { float:left; clear:both; width:98%;}
dd {float:left; clear:both;}
p.total_cost, h2.tickets, h2.payment { float:left; clear: both;}
p.total_cost {font-weight:bold;}
div.rsvp_shift_up {float:left; clear:both; margin-top:-20px;}
div.element label[for=copy_data] { width:375px; float:right; margin:0px; }
#payment-copy_data { float:left; clear:none; width:20px; margin:0px; }
#payment-copy_donation_data{ float:left; clear:none; width:20px; margin:0px; }