/*-------------------------------------------------------------
	TABLE OF CONTENTS
	1. GLOBAL SETTINGS, HTML, BODY
	2. Wrap
	3. Nav
	4. Body
	5. Sidebar
	6. Footer
	7. Ads
	8. Calendar
	9. CMS Variables (Typography Styles)
	10. Forms
	11. Extras
--------------------------------------------------------------*/

/*-------------------------------------------------------------
	1. GLOBAL SETTINGS, HTML, BODY
--------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
	}
	
body {
	text-align: center;
	font: 13px Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 16px;
	background: #fff url(/site_images/body_background.jpg) top left repeat;
	color: #000;
	letter-spacing: -0.001em;
	}


/*-------------------------------------------------------------
	2. WRAP
--------------------------------------------------------------*/

#wrap {
		height: auto;
		margin-left: 0px;
		text-align: left;
		width: 1015px;
		}

/*-------------------------------------------------------------
	3. NAV
--------------------------------------------------------------*/

#nav {
	background: url(/site_images/navigation_background.jpg) top no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 163px;
	width: 1000px;
	position: relative;
	margin-left: 2px;
	}

	#nav ul {
		margin-left: 220px;
		position: absolute;
		bottom: 28px;
		}

	#nav li {
		list-style: inside none;
		float: left;
		display: block;
		width: 113px;
		padding: 5px;
		}

		#nav li a {
			color: #454B6F;
			text-decoration: none;
			font-size: 1.1em;
			font-weight: bold;
			}
		
		#nav li a:hover {
			color: #000;
			border-bottom: 3px dotted #666E86;
			}

			#nav a.home {
				font-size: 1px;
				position: absolute;
				height: 150px;
				width: 200px;
				}
					#nav li a.home:hover {
						background: transparent;
						}
	
/* Persistent State */
	/*Home*/
body#News div#wrap div#nav ul li a.news,
body#About div#wrap div#nav ul li a.about,
body#events div#wrap div#nav ul li a.events,
body#Issues div#wrap div#nav ul li a.issues,
body#Contact div#wrap div#nav ul li a.contact,

	/*Join*/
body#Join div#wrap div#nav ul li a.mission,
body#Join_Benefits div#wrap div#nav ul li a.benefits,
body#Costs_Join div#wrap div#nav ul li a.reasons,
body#Forms_Join div#wrap div#nav ul li a.costs,
body#Reasons_Join div#wrap div#nav ul li a.forms,
	
	/*Donate*/
body#Donate div#wrap div#nav ul li a.donate,
body#Donate_Give div#wrap div#nav ul li a.giv ,
body#Donate_Goods div#wrap div#nav ul li a.goods,
body#Donate_Events div#wrap div#nav ul li a.events,
body#Donate_Time div#wrap div#nav ul li a.time,

	/*Get Help*/
body#Help div#wrap div#nav ul li a.who,
body#Help_Apply div#wrap div#nav ul li a.apply,
body#Help_How div#wrap div#nav ul li a.how,
body#Help_Who div#wrap div#nav ul li a.who,
body#Help_Why div#wrap div#nav ul li a.why,
body#Help_FAQs div#wrap div#nav ul li a.faqs,

	/*Learn*/
body#Learn div#wrap div#nav ul li a.national,
body#Learn_Freedoms div#wrap div#nav ul li a.freedoms,
body#Learn_Local div#wrap div#nav ul li a.local,
body#Learn_Newsletters div#wrap div#nav ul li a.updates,
body#Learn_Press div#wrap div#nav ul li a.press,

	/*Get Involved*/
body#Involved div#wrap div#nav ul li a.alerts,
body#Involved_Act div#wrap div#nav ul li a.act,
body#Involved_Events div#wrap div#nav ul li a.events,
body#Involved_Govt div#wrap div#nav ul li a.govt,
body#Involved_Volunteer div#wrap div#nav ul li a.volunteer,

	/*Contact*/
body#Contact div#wrap div#nav ul li a.local,
body#Contact_Chapters div#wrap div#nav ul li a.chapters,
body#Contact_Legislators div#wrap div#nav ul li a.legislators,

	/*Boardroom*/
body#Boardroom_home div#wrap div#nav ul li a.boardhome,
body#Boardroom_documents div#wrap div#nav ul li a.boarddates,
body#Boardroom_media div#wrap div#nav ul li a.boardmaterials,
body#Boardroom_directory div#wrap div#nav ul li a.boardarchives
	{
	color: #000;
	border-bottom: 3px solid #6B6E85;
	}


/* .tagline {
	background: #3e3e3e;
	font-weight: bold;
	padding: 3 0 3 170;
	}

.taglinemod {
	padding: 3 100 3 100;
	}*/

/*-------------------------------------------------------------
	4. BODY
--------------------------------------------------------------*/

#content {
	background: #fff;
	_height: 600px;
	width: 640px;
	line-height: 1.4em;
	font-size: 1.0em;
	float: left;
	padding: 5px;
	min-height: 600px;
	}

#content p {
line-height: 1.4em;
font-size: 1em;
padding: 8px 15px;
}

#content a, #content a:visited {
color: #071f56;
}

#content a:hover {
color: #6A8948;
}

#content ul, #content ol {
list-style-position: outside;
padding: 5px 0 5px 55px;
line-height: 2em;
}

#content p.highlight {
	background: #99AFDF;
	width: auto;
	}

#content strong {
	font-weight: bolder;
	}

/*-------------------------------------------------------------
	5. SIDEBAR
--------------------------------------------------------------*/
#sidebar {
	width: 183px;
	height: 600px;
	float: left;
	margin-left: 13px;
	_margin-left: 6px;
	background: transparent url(/site_images/sidebar_background.jpg) no-repeat  top left;
	}
		
	#sidebar ul { 
		margin-top: 15px;
		}

	#sidebar li {
		list-style: none inside;
		}

	#sidebar li a {
		font-size: .001em;
		color: #C97F3E;
		display: block;
		width: 165px;
		height: 75px;
		text-decoration: none;
		margin: 5px 0;
		}

	#sidebar li a:hover {
		background: transparent;
		}

/*-------------------------------------------------------------
	6.   FOOTER
--------------------------------------------------------------*/
#footer {
	background: #fff;
	font-size: 11px;
	border-top: 4px dotted #626A82;
	width: 625px;
	height: 35px;

	text-align: center;
	padding-top: 10px;
	}

	#footer a, #footer a:visited {
		color: #626A82;
		text-decoration: none;
		padding: 5px;
		}
	
	#footer a:hover {
		color: #fff;
		background: #626A82;
		}


/*-------------------------------------------------------------
	7.   ADS
--------------------------------------------------------------*/
#ads {
	width: 150px;
	height: 598px;
	background: transparent;
	float: left;
	}

	#ads img {
		margin: 12px;
		border:2px #fff solid;
		}

/*-------------------------------------------------------------
	8.    STYLES
--------------------------------------------------------------*/
#calendar {
	margin-left: 30px;
	}


.dow {
background-color:#698846;
font-size:11px;
color:#FFFFFF;
width:74px;
float:left;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

#entry {
width:69px;
float:left;
height:50px;
background-color:#FFF;
color:#000000;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
}

#entry_full {
width:69px;
float:left;
height:50px;
background-color:#25588B;
color:#fff;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
cursor:pointer;
}

#entry_full:hover {
background-color:#CCCCCC;
color:#000;
}

#entry_blank {
width:69px;
float:left;
height:50px;
color:#000000;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
}

#outline {
border:1px solid #FFFFFF;
width:525px;
padding:2px;
}

.calendar_content {
width:500px;
background-color:#EFEFEF;
margin-top:10px;
color:#000;
font-size:12px;
border:1px solid #000000;
padding-left:5px;
padding-right:5px;
}

#calendar_nav {
width:525px;
padding-top:10px;
}

#calendar_nav a {
font-size:12px;
font-weight:bold;
}

#calendar_nav a:hover {
text-decoration:none;
}462923

#calendar_list {
width:525px;
background-color:#EFEFEF;
margin-bottom:10px;
padding:6px;
font-size:12px;
}

h1.header {
font-size:20px;
padding-top:5px;
margin-bottom:35px;
margin-left: -15px;
}

/*-------------------------------------------------------------
	9. CMS STYLES
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #000;
	padding: 8px 0 12px 15px;
	letter-spacing: -.07em;
	}

h1 {
	font-size: 2em;
	line-height: 1em;
	height: 10px;
	width: auto;
	padding-left: 15px;
	color: #565C78;
	}

h2 { 
	font-size: 1.6em; 
	color: #698846;
	}

h3 {
	font-size: 1.2em;
	letter-spacing: -.005em;
	}

h4, h5, h6 {
	font-size: 1.1em;
	}

p {
	padding: 4 2 4 2;
	}

p.caption {
	padding: 5 5 5 15;
	}

#readmore { 
	margin-right:25px; 
	margin-bottom:0px; 
	text-align:right; 
	}

#readmore a, #readmore a:visited {
	color: #565C78;
	}

img.right {
	float:right; 
	margin: 0 0 30 20px; 
	border:3px solid #ccc; 
	}

img.left {
	float:left; 
	margin: 10 20 15 0px; 
	border:3px solid #ccc; 
	}

img.center {
	border:3px solid #ccc; 
	}

img.uparrow {
	float:left; 
	margin: 3 5px 0 0px; 
	border:0px; 
	}

.date_class {
	margin-left:20px;
	}

.byline {
	margin-left:15px;
	padding-left: 4px;
	text-decoration:italic;
	background: #E8EFE0;
	}

	div.byline span {
		margin-left: 20px;
		}

blockquote { 
	padding:15px;
	margin: 5px;
	background-color: #6A8948; 
	color: #fff;
	float: right;
	width: 200px;
	text-align: right;
	border: 1px solid #C3CFB5; 
	}
	
	div#content blockquote a, div#content blockquote a:visited {
		color: #fff;
		}
	
	div#content blockquote a:hover {
		color: #fff;
		text-decoration: none;
		}

div.actionline {
	margin: 3 3 3 3;
	text-align: right;
	padding: 3px 0 3px 10px;
	width: 90%;
	}

#actionline a, #actionline a:visited {
	color: #237FE6;
	}

.dateline {
	color: #071F56;
	padding: 5px 0 5px 0;
	margin-left:20px;
	width: auto;
	}

#contactform label {
	text-align: right;
	display: block;
	float: left;
	width: 200px;
	margin: 0 8 0 0;
	vertical-align: middle;
	}

#contactform ol {
	list-style-type: none;
	padding-top: 10px;
	}

#contactform li {
	list-style-type: none;
	padding: 5 5 5 5;
	border-bottom: 1px solid A9D34B;
	}

#contactform fieldset {
	width: 550px;
	background: #d7ecfd;
	}

#contactform legend {
	padding: 0 2px;
	font-weight: bold;
	}

#contactform em {
	color: #dc241f;
	font-style: normal;
	}

hr {
	color: #D2D6D6;
	background-color: #D2D6D6;
	border: 0px;
	height: 1px;
	text-align: center;
	width: 100%;
	}

/*-------------------------------------------------------------
	10. FORMS
--------------------------------------------------------------*/
#form { 
	width: 500px;
	}
	
	#form fieldset { 
		margin: 0 15px;
		padding: 5px;
		background: #EFF3FF;
		width: 550px;
		}

	#form legend { 
		font-weight: bold;
		font: 18px;
		}

	#form ul { 
		border: 1px solid #A4AFA4;
		}

	#form li { 
		list-style: none inside;
		}

	#form label { 
		display: block;
		width: 80px;
		margin-right: 2px;
		float: left;
		}

	#form input, #form textarea { 
		border: 1px solid #ABADB3;
		}

		#form input:focus, #form textarea:focus {
			background: #F4EFFF;
			border: 1px solid #667185;
			}
	
		#form input.send_button {
			margin-left: 15px;
			}

	#form em { 
		color: #FF910F;
		}

		#form em.example {
			color: #000;
			font-size: 11px;
			}

	#form span {
		color: #fff;
		background: #EFAC68;
		border: 1px solid #EF851D;
		}

	#form textarea { 
		margin-left: 15px;
		}
	
	#form img { 
		margin-right: 10px;
		}

#volunteer_form form {
		width: 90%;
		}

	#volunteer_form fieldset {
		margin: 15px 0;
		border: 1px solid #6A8948;
		width: 100%;
		}

		fieldset#aclu_membership input,
		#volunteer_form input.radiobutton {
			width: 30px;
			}

			#volunteer_form fieldset#interest ul li input, 
			#volunteer_form fieldset#location ul li input, 
			#volunteer_form fieldset#education ul li input,
			#volunteer_form fieldset#general ul li input {
				width: 20px;
				}

				#volunteer_form fieldset#education ul li input.resize,
				#volunteer_form fieldset#general ul li input.resize{
					width: 420px;
					}

	fieldset#interest table {
		border-collapse: collapse;
		border: 1px solid #60687D;
		width: 500px;
		}

		fieldset#interest tr, fieldset#interest td {
			border: 1px solid #60687D;
			text-align: center;
			width: 50px;
			}

	#volunteer_form legend {
		font-size: 1.2em;
		color: #698846;
		letter-spacing: 0.01em;
		padding: 0 10px;
		}

	#volunteer_form p {
		padding: 5px;
		}
	
	#volunteer_form .em {
		color: #1ECF00;
		}

	#volunteer_form ul { }

	#volunteer_form li { 
		margin: 2px 0;
		list-style-type: none;
		}

		#volunteer_form li span {
			font-style: italic;
			font-size: 11px;
			}
		
		#volunteer_form li p {
			padding: 0;
			}

		#volunteer_form li p label {
			width: 105px;
			}

		#volunteer_form li p label.resize_city {
			width: 200px;
			}

	#volunteer_form label {
		display: block;
		float: left;
		width: 500px;
		font-size: .9em;
		font-weight: bold;
		}

		#volunteer_form label span {
			font-weight: normal;
			}

		#volunteer_form label em { 
			color: #1ECF00;
			}

	#volunteer_form input {
		width: 408px;
		}

	#volunteer_form input.submit {
			width: 80px;
			}
		
		#volunteer_form input.resize {
			width: 100px;
			}
		
		#volunteer_form input.resize_city {
			width: 200px;
			}

		#volunteer_form .resize_middle {
			width: 30px;
			}

		#volunteer_form label.resize_last {
			margin: 0 0 0 15px;
			}

		#volunteer_form input:focus, textarea:focus {
			background: #F4EFFF;
			border: 1px solid #667185;
			}


/*EVENT FORM 9/10/2008 */
	form#event { width: 97%; }
	#content form#event ul {list-style: outside; padding-left: 10px; }
	form#event li {list-style-type: none; clear: both; padding: 7px 0;}
	form#event li span {font-style: italic; padding-left: 4px; font-size: 11px; color: #4F4F4F;}
	form#event label{display: block; width: 70px; margin-right: 8px; font-size: 12px; float: left; text-align: right; line-height: 22px;}
	form#event fieldset.tix label { width: 400px; text-align: left; margin-left: 4px; }
	form#event input {padding-top: 4px; float: left; border: 1px solid #D1E1F1; display: block; height: 22px; line-height: 22px; padding-left: 2px;}
	form#event fieldset{border: 1px solid #D1E1F1; margin-bottom: 8px; padding: 30px; background-color: #EFF7FF; }
	form#event legend{text-transform: uppercase; font-family: Georgia; letter-spacing: .05em; font-size: 19px;  padding: 8px; border: 1px solid #f9f9f9; background-color: #fff; -moz-border-radius: 7px;}
	form#event legend.sub {font-size: 14px; font-weight: bold;}
	form#event em{color: #f00;}
	form#event .submit { padding: 8px; width: 100px; height: 50px; font-size: 18px; font-weight: bold; background-color: #fff; }
	form#event .spacer {margin-right: 10px;}
	form#event input:focus, form#event textarea:focus { border: 1px solid #9BBF6B;}
	form#event .hidden {background-color: none; border: 0px;}
	form#event input.reset {float: none; display: inline;}
	form#event label.label_resize {width: 150px;}
	form#event label.level_label {width: 450px; margin: 0; display: inline; font-weight: bold; text-align: left; line-height: 26px;}
	form#event ol {margin: 2px;}
	form#event ol li {list-style-type: circle; padding: 2px; font-style: italic; color: #2F2F2F;}
	form#event p {margin-left: 25px; margin-bottom: 2px;}
	form#event textarea {border: 1px solid #818A9F;}
	form#event fieldset.tix fieldset { width: 500px; margin-left: 10px; border: 1px solid #9BBF6B; background-color: #fff; }
	form#event fieldset fieldset legend { font-size: 14px; }
	form#event fieldset fieldset label input { width: 20px; font-size: 14px; height: 18px; }
	form#event fieldset fieldset div.pkgdescription label { width: auto; font-size: 11px; margin-left: 32px; }
	
	form#event fieldset fieldset { width: 75%;  }
	form#event fieldset fieldset div.pkgselect { height: 75px; width: 100px; font-size: 11px; font-style: italic; float: left; border-right: 1px dotted grey; text-align: center; background-color: #EAFFCF; }
	form#event fieldset fieldset div.pkgselect input { margin: 16px 40% 0 40%; _margin: 16px; }
	form#event fieldset fieldset div.pkgdescription p { font-size: 12px; font-weight: bold; }
	form#event fieldset fieldset div.pkgdescription { padding-left: 10px; width: 400px; height: 75px; float: left; font-size: 11px; }

/*-------------------------------------------------------------
	11. EXTRAS
--------------------------------------------------------------*/
.emailsignup {
	float: right;
	color: #fff;
	margin: 120 20 0 0;
	}

.v-menu {
	position: absolute;
	border: 2px solid #071F56;
	margin: 5px;
	width: 450px;
	height: 350px;
	z-index: 100;
	bottom: 150px;
	background-color: #fff;
	}
	
	
/* MEDIA LIBRARY */
/* Adjust Background, Margin, Background Color, Border 
DO NOT ADD PADDING */

.media_lib_image_left, .media_lib_image_right, .media_lib_image_center, .media_lib_image {
	background: ;
	border: 0px none;
	margin: ;
}

/* Adjust Anchor Surrounding Media Library Image */

a.media_lib_image_left, 
a.media_lib_image_right, 
a.media_lib_image_center, 
a.media_lib_image,
a:visited.media_lib_image_left, 
a:visited.media_lib_image_right, 
a:visited.media_lib_image_center, 
a:visited.media_lib_image,
a:hover.media_lib_image_left, 
a:hover.media_lib_image_right, 
a:hover.media_lib_image_center, 
a:hover.media_lib_image {
	 border: 0px none;
}

/* Adjusts Alignment - DO NOT CHANGE */

.media_lib_image_left {
	float: left;
	margin: 3px;
	padding: 10px 20px 15px 10px;
}

.media_lib_image_right {
	float: right;
	margin: 3px;
	padding-left: 20px;
}

.media_lib_image_center {
	float: center;
	margin: 3px;
	padding-right: 20px;
	padding-left: 20px;
}

.media_lib_image {
	margin: 3px;
}