/*
 * HARD RESET
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: small; line-height: 1em; font-family: inherit; text-align: left; vertical-align: baseline; outline: 0; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
body 				{ background-color: #fff; color: #000; }
.clear 				{ clear: both; }
.right 				{ float: right; }
.left 				{ float: left; }
.imgreplace 		{ text-indent: -9999px; }
:focus 				{ outline: none; }
/* style for noscript */
noscript div, div.errors		{ color: #fff; background-color: #a51e22; padding: 20px; margin: 0 25px 25px 0; border: 1px solid #610a0d; }
#main_content div.errors p 		{ color: #fff; }
#content #contact_form div.success  					{ background-color: #cece8d; border: 1px solid #a5a568; padding: 10px; margin: 10px 30px; } 
#content #contact_form div.success p 					{ color: #000; text-align: center; }
/*==================================*/


body 							{ color: #674522; background: #37210b url(../img/bg.jpg) top left repeat; font-family: Arial, Helvetica, sans-serif; }
#wrapper 						{ margin: 20px 0; }
strong 							{ font-weight: bold; }
.desc_wrap em					{ font-size: 100%; font-style: italic; }
fieldset 						{ border: 1px solid #674522; margin: 5px 0; padding: 10px; }

/**
 * HEADER
 */
#page 							{ width: 940px; margin: 0 auto; background-color: #fff; }
#header p						{ text-align: center; padding: 25px 0; }
#header 						{ background: #fff url(../img/top_drop.gif) bottom left repeat-x; }
.flow 							{ padding-right: 20px; }

/**
 * NAVIGATION
 */

/*sucker fish menu*/
#nav, #nav ul 					{ position: relative; z-index: 100; padding: 0; margin: 0; list-style: none; }
#nav a 							{ display: block; }
#nav li 						{ float: left; }
#nav li ul 						{ position: absolute; width: 12em; left: -999em; }
#nav li:hover ul 				{ left: auto; }
#nav li ul ul 					{ margin: -1em 0 0 12em; }
#nav, #nav ul 					{ padding: 0; margin: 0; list-style: none; line-height: 1; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }

#nav 							{ padding: 10px; background-color: #ca050c; color: #fff; border: 1px solid #f3dfdf; }
#nav ul li 						{ float: left; padding: 0 25px; border-right: 1px solid #e6565b; letter-spacing: .1em; }
#nav ul li.last					{ border-right: 0; }
#nav ul li ul li 				{ border-right: 0; padding:0; width: 100%; }
#nav ul li ul 					{ background-color: #fff; border: 1px solid #d71f26; padding: 5px; }
#flash 							{ position: relative; z-index: 1; }

/**
 * CONTENT
 */
#faux 							{ background: url(../img/content_faux.gif) top right repeat-y; }
#content 						{ background: url(../img/bottom_drop.png) top left repeat-x; padding-top: 4px; }
#main_content					{ width: 580px; float: left; margin: 30px 20px; padding-bottom: 30px; border-bottom: 1px dotted #e1d9d3;}
h2 								{ color: #426fb6; font-size: 30px; font-weight: bold; letter-spacing: -.05em; margin-bottom: 10px; }
h3 								{ color: #426fb6; text-transform: uppercase; padding: 5px 0; font-size: 14px; margin-top: 25px; }
h4 								{ font-weight: bold; margin: 20px 0 0 0; font-size: 1.1em; }
#content p 						{ line-height: 1.7em; font-size: 14px; color: #674522; margin: 10px 0; }
#bottom_left 					{ float: left; width: 270px; margin: 0 20px 20px 0; padding: 0 20px 20px 20px; border-right: 1px dotted #e1d9d3; }
#bottom_right 					{ float: left; width: 270px; margin: 0 20px 20px 0; }
dl								{ font-size: 100%; color: #674522; }
dt 								{ font-weight: bold; color: #426fb6; }
dd 								{ margin-bottom: 10px; }
#content ul						{ list-style: disc; }
#content ol 					{ list-style: decimal; }
#content ul li, #content ol li	{ font-size: 1.1em; margin: 8px 0 8px 20px; }
#content ol li 					{ font-weight: bold; }
#content ol li ul li 			{ font-weight: normal; }
#content th 					{ font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #426fb6; margin-bottom: 10px; }
#content td 					{ font-size: 1.1em; padding: 3px 0; }
#content td strong 				{ font-size: 1em; font-weight: bold; border-bottom: 1px solid #674522; }
#content table 					{ width: 500px; margin: 20px 0; color: #426fb6; }
th#national 					{ font-size: 1.1em; padding-top: 20px; }
#content p.fine_print			{ font-size: .8em; line-height: 1em; }

#left							{ float: left; width: 270px; margin: 20px 20px 20px 0; padding: 0 20px 20px 20px; }
#right 							{ float: left; width: 270px; margin: 0px 20px 20px 0; }
body.contact #right address		{ font-size: 1.3em; margin-bottom: 20px; }
#content p.contact_info			{ line-height: 1em; margin: 2px 0; padding: 0; }
body.contact #main_content 		{ border-top: 1px dotted #e1d9d3; border-bottom: 0; padding-top: 30px; }
body.contact input#email 		{ margin: 0; }
body.contact label 				{ font-size: 1.2em; }
input.input, body.contact textarea	{ padding: 3px; font-size: 1.3em; color: #426fb6; font-family: Arial, Helvetica, sans-serif; }

body.join #main_content, body.discuss #main_content, body.faq #main_content, body.police #main_content, body.resources #main_content, body.links #main_content, body.photos #main_content, body.events #main_content, body.merch #main_content 		{ border: 0; }
h2.top_pad 			 			{ margin-top: 30px; }

#faq_list dt, .links dt			{ font-size: 1.2em; } 
#faq_list dd, .links dd			{ line-height: 1.3em; margin-left: 20px; }	

body.links #content dl dd ul li { font-size: .95em; line-height: 1.3em; }

body.police #content p			{ line-height: 1.1em; font-size: .95em; }

body.donate #bottom_left,body.donate #bottom_right       	{ margin-top: 30px; margin-bottom: 0; padding-bottom: 0; }
body.donate #main_content 		{ margin-top: 0px; border-bottom: 0; border-top: 1px dotted #e1d9d3; }
body.donate #main_content h2  	{ margin-top: 30px; }
body.donate #paypal 			{ width: 580px; float: left; margin: 30px 20px 0 20px; padding-top: 30px; border-top: 1px dotted #e1d9d3; }
body.donate #donation_drive		{ width: 580px; margin: 20px; padding-bottom: 20px; border-bottom: 1px dotted #e1d9d3; }
body.donate #donation_drive strong 	{ font-size: 14px; }
body.donate #donation_drive .fine_print 	{ margin-top: 0; }

body.events h3, body.merch h3	{ line-height: 1em; }
body.events h4, body.merch h4	{ margin: 0; padding: 0; font-size: 1.8em; color: #ca050c; }
body.events div.desc_wrap 		{ background-color: #f8f9fa; padding: 10px 20px; margin-top: 20px; }
body.events div.location_wrap	{ background-color: #f8f9fa; padding: 10px 20px; border-top: 1px dotted #e1d9d3; }					

body.merch #content #main_content p	{ line-height: 1.2em; padding: 0; margin: 0; font-size: .98em; margin: 5px 0; }
body.merch .thumb img 			{ background-color: #e0e0e0; padding: 3px; border: 1px solid #666; }
body.merch #content #main_content .thumb		{ padding-right: 20px; }
body.merch div.merch_item 		{ background-color: #f8f9fa; padding: 10px 20px; margin-top: 20px; }
body.merch #content #main_content p.shipping	{ margin: 0 0 20px 0; font-size: .8em; }
body.merch h3 					{ margin: 0; }
body.merch #content .pp_code img{ text-align: center; }
body.merch #content table 		{ width: 200px; }
body.merch #content select 		{ margin: 0 0 0 5px; padding: 0; }
body.merch #content ul li 		{ font-size: .95em; }
body.merch #content ul 			{ padding-left: 20px; }

#about p 						{ font-size: .9em; line-height: 1em; }
body.events td					{ color: #674522; }
body.events #content td strong	{ text-decoration: none; border: 0; }

body.about h3 					{ margin-top: 0; }
ul#elected 						{ font-size: 1.1em; }
body.about #bottom_right 		{ border-left: 1px dotted #e1d9d3; padding-left: 20px; }
body.about #bottom_left 		{ border-right: 0; margin-right: 0; }

body.resources #main_content h4	{ margin: 20px 0 0 0; }
body.resources #main_content p 	{ margin: 0 0 10px 0; line-height: 1.4em; }

body.grant #main_content 		{ border-bottom: 0; }
body.grant #content ol li		{ font-weight: normal; line-height: 1.3em; }

body.police ul li 				{ line-height: 1.3em; }
body.police #content ul li 		{ font-size: 1em; }

#partners_heading 				{ border-top: 1px dotted #e1d9d3; border-bottom: 1px dotted #e1d9d3; padding: 10px 0; margin-top: 40px; }
#partners 						{ width: 260px; }
#partners a:link 				{ margin-bottom: 5px; display: block; }

/**
 * SIDEBAR
 */
#sidebar 						{ float: right; padding: 10px; }
#sidebar p.image img			{ border: 1px solid #fff; }
#sidebar p.image				{ padding: 5px; line-height: 0em; background-color: #515050; border: 1px solid #000; }
#make_a_difference 				{ margin-top: 20px; }
#donate_btn 					{ width: 186px; margin-top: 5px; }
#sidebar_asa 					{ margin: 30px 0; }
#convention 					{ padding-left: 5px; }

/**
 * FOOTER
 */
#footer  						{ clear: both; border-top: 1px dotted #e1d9d3; padding: 40px 0; }
#footer address					{ font-style: normal; display: inline; color: #426fb6; }
#phone 							{ color: #426fb6; margin-left: 20px; }
#email 							{ color: #426fb6; margin-left: 20px; }
#contact_info 					{ text-align: center; }
#copyright 						{ width: 940px; margin: 0 auto; }
#copyright p 					{ margin-left: 20px; font-size: 10px; color: #997c5b; padding: 10px 0; }

/**
 * Links
 */
a:link 		{ color: #d71f26; text-decoration: none; font-size: 100%; }
a:visited 	{ color: #d71f26; text-decoration: none; font-size: 100%; }
a:hover 	{ color: #333333; text-decoration: none; font-size: 100%; }
a:active	{ color: #d71f26; text-decoration: none; font-size: 100%; }

#nav a:link 	{ color: #fff; text-decoration: none; font-size: 100%; }
#nav a:visited 	{ color: #fff; text-decoration: none; font-size: 100%; }
#nav a:hover 	{ color: #000; text-decoration: none; font-size: 100%; }
#nav a:active	{ color: #fff; text-decoration: none; font-size: 100%; }
#nav ul li ul li a:link 	{ display: block; width: 100%; padding: 5px 0px 5px 0px; color: #d71f26; text-decoration: none; font-size: 100%; }
#nav ul li ul li a:visited 	{ display: block; width: 100%; padding: 5px 0px 5px 0px; color: #d71f26; text-decoration: none; font-size: 100%; }
#nav ul li ul li a:hover 	{ display: block; width: 92%; padding: 5px 0px 5px 10px; background-color: #426fb6; color: #fff; text-decoration: none; font-size: 100%; }
#nav ul li ul li a:active	{ display: block; width: 100%; padding: 5px 0px 5px 0px; color: #d71f26; text-decoration: none; font-size: 100%; }

a:link#donate 		{display: block; width: 186px; height: 28px; text-indent: -9999px; background: url(../img/donate_sprite.jpg) top left no-repeat;}
a:visited#donate 	{display: block; width: 186px; height: 28px; text-indent: -9999px; background: url(../img/donate_sprite.jpg) top left no-repeat;}
a:hover#donate 		{display: block; width: 186px; height: 28px; text-indent: -9999px; background: url(../img/donate_sprite.jpg) bottom left no-repeat;}
a:active#donate		{display: block; width: 186px; height: 28px; text-indent: -9999px; background: url(../img/donate_sprite.jpg) top left no-repeat;}

/**
 * ADMIN
 */
body.admin								{ font-family: Arial, Helvetica, sans-serif; /*background-color: #e0e0e0; background-image: none;*/ }
#page_login #page, #page_reset #page 	{ width: 345px; border: 1px solid #ccc; background-color: #fff; margin: 0 auto; margin-top: 50px; } 
#page_login label, #page_reset label 	{ color: #333; display: block; font-size: 1em; padding-bottom: 3px; }
.admin h2	 							{ font-size: 1.8em; color: red; font-weight: bold; padding: 20px; letter-spacing: .01em; }
#login_wrap, #reset_wrap 				{ padding: 0 20px 20px 20px; }
#login_form p, #reset_form p 			{ margin: 10px 0; }
form#login_form, form#reset_form 		{ background-color: #f5f6f7; padding: 20px; margin-top: 20px; }
#login_form input.style, #reset_form input.style	{ width: 250px; font-size: 1.1em; padding: 3px; }
p#pass_reset 							{ width: 305px; margin: 0 auto; font-size: .688em; padding: 10px 20px; }
p.instructions 							{ font-size: .8em; }

body.admin #nav 						{ overflow: auto; }
body.admin 	h3 							{ font-size: 1.4em; margin: 20px; }	

body.admin #form_wrap 					{ margin: 20px; padding: 20px; background-color: #e0e0e0; }
body.admin p 							{ margin-bottom: 20px; }
body.admin #start_date, body.admin #start_time, body.admin #end_time					{ margin-right: 40px; }
body#page_new_event .errors				{ margin-left: 20px; }
body.admin #gutter 						{ padding: 0 20px 20px 20px; }
body.admin table#all_events, body.admin table#all_merch 			{ width: 100%; border: 1px solid #000; }
body.admin .delete 						{ width: 100px; }
body.admin .start_date					{ width: 100px; }
body.admin .thumbnail					{ width: 270px; }
body.admin .title 						{ width: 250px; }
body.admin table#all_events th, body.admin table#all_merch th			{ font-weight: bold; color: #fff; padding: 5px; background-color: #000; }
body.admin table#all_events td, body.admin table#all_merch td 			{ color: #000; padding: 5px; border-top: 1px solid #000; border-bottom: 1px solid #000; background-color: #e0e0e0; }
body.admin table#all_merch td 			{ vertical-align: middle;}
body.admin #server_msg 					{ background-color: #cece8d; border: 1px solid #a5a568; padding: 10px; margin: 10px 30px; display: none; }
body.admin #server_msg p 				{ text-align: center; margin-bottom: 0; }
body.admin input#price 					{ margin-right: 30px; }
