/*
	HOTPRESS FRAMEWORK
	Site:
	By:Steven Waller
	Created:
*/

/* Reset
----------------------------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:Verdana, arial, sans-serif;
	font-size:62.5%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*make dynamically risized images look good in IE*/
img{-ms-interpolation-mode:bicubic}

/*  form styling
----------------------------------------------------------------------------------------------------*/



/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

#bg-home {
	background:#fef5d1 repeat scroll 0 0;
}

	#bg-about{
		background:#ddf1d8 repeat scroll 0 0;
	}
	
		#bg-currently{
			background:#f4d8ff repeat scroll 0 0;
		}
	
			#bg-new{
				background:#e2e5ff repeat scroll 0 0;
			}
			
				#bg-volunteers{
					background:#ffddda repeat scroll 0 0;
				}
				
					#bg-governance{
						background:#c2eeee repeat scroll 0 0;
					}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border-top: 3px #000 dotted;
	color:#fff;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/
#main-col-2 h1.title, h1.title{
	font-size:22px;
	font-weight:normal;
	color:#09006d;
	margin-top:25px;}

#content h2.side-title{
	margin:0;}
#content h2.side-title a:link,
#content h2.side-title a:visited,
#content h2.side-title a:active{
	font-size:18px;
	font-weight:normal;
	margin:8px 0;
	color:#281c7f;
	display:block;}
#content h2.side-title a:hover{
	background:none;}

h1,
h2,
h3,
h4,
h5,
h6{
	color:#000;
	/*margin-top:30px;*/
	font-family:Verdana, arial, sans-serif;
	margin:14px 0;
}
h1 {
	font-size:20px;
	font-weight:bold;
}

h2 {
	font-size:18px;
	font-weight:normal;
	margin-top:30px;
}

h3 {
	font-size: 16px;
	font-weight:bold;
	margin-top:30px;
}

h4 {
	font-size: 14px;
	font-weight:normal;
	margin-top:30px;
}

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited, 
h3 a:link, 
h3 a:visited, 
h4 a:link,
h4 a:visited,
h5 a:link, 
h5 a:visited, 
h6 a:link, 
h6 a:visited{
	color:#069;
	text-decoration:none;
}
h1 a:hover,
h1 a:active,
h2 a:hover,
h2 a:active,
h3 a:hover,
h3 a:active,
h4 a:hover, 
h4 a:active,
h5 a:hover, 
h5 a:active, 
h6 a:hover,
h6 a:active{
	color:#fff;
	background-color:#069;
	text-decoration:none;
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/
ul {
	list-style: square;
}

li {
	list-style-position:outside;
	list-style:none;
}

#main-col-2 ol li ul{
	padding-top:10px;}
#main-col-2 ol li ul li{
	list-style-type:none;
	padding-left:15px;}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
blockquote{
}

ul ul{
	margin-top:15px;
}

/*Nested ul on sidebar
---------------------------*/

ul li ul{
	display:none;
	background:none;
	border:none;}
	ul li.selected ul{
		display:block;
		background:none;
		border:none;}
		
	#colum-1-inner ul ul{
		border:none;}
	
	#colum-1-inner ul li.selected ul{
		padding:6px 0 9px 8px;
		margin:0 0 0 0;
		background:#EBECEC url(images/level3.gif) repeat-x scroll left top;}
		#colum-1-inner ul li.selected ul li{
			background:none;
			border:none;
			margin-bottom:0px;
			padding:4px 0 0 4px;}
			#colum-1-inner ul li.selected{
					padding-left:0px;
					padding-bottom:0;
					margin-bottom:10px;
					background:none;
					background:url(images/level2.gif) repeat-x scroll left bottom;}
					#colum-1-inner ul li.selected ul li a:link,
					#colum-1-inner ul li.selected ul li a:visited,
					#colum-1-inner ul li.selected ul li a:active{
						font-weight:normal;
						color:#000;
						font-size:12px;
						padding-bottom:3px;}
					#colum-1-inner ul li.selected ul li.selected a:link,
					#colum-1-inner ul li.selected ul li.selected a:visited,
					#colum-1-inner ul li.selected ul li.selected a:active{
						color:#069;}
					#colum-1-inner ul li.selected ul li a:hover{
						color:#069;}
						#colum-1-inner ul li.selected a:link,
						#colum-1-inner ul li.selected a:visited,
						#colum-1-inner ul li.selected a:active{
							color:#069;
							margin-left:7px;
							padding-bottom:8px;
							display:block;}
						#colum-1-inner ul li a img{
							display:none;}

#colum-1 ul li.newsletter a:link,
#colum-1 ul li.newsletter a:visited{
	text-indent:-999em;
	background:transparent url(images/newsletter-icon.jpg) no-repeat scroll left top;
	height:30px;
	width:157px;
	display:block;
}
#colum-1 ul li.newsletter a:hover{
	background-position:left bottom;
}
/*Nested Nested ul on sidebar
-------------------------------*/

ul li.selected ul li ul{
	display:none;
	background:none;
	border:none;}
	ul li.selected ul li.selected ul{
		display:block;
		background:none;
		border:none;}
		#colum-1-inner ul li ul li.selected ul{
			background:none;
			padding:2px 0 3px 20px;}			
			#colum-1-inner ul li.selected ul li.selected ul li a:link,
			#colum-1-inner ul li.selected ul li.selected ul li a:visited,
			#colum-1-inner ul li.selected ul li.selected ul li a:active{
				color:#000;
				padding-bottom:1px;}
			#colum-1-inner ul li.selected ul li.selected ul li a:hover{
				color:#069;}				
				#colum-1-inner ul li.selected ul li.selected ul li.selected a:link,
				#colum-1-inner ul li.selected ul li.selected ul li.selected a:visited,
				#colum-1-inner ul li.selected ul li.selected ul li.selected a:active,
				#colum-1-inner ul li.selected ul li.selected ul li.selected a:hover{
					color:#2e96ca;}
							
#main-col-2 ul{
	font-size:12px;
	padding-left:0;}
	
	#main-col-2 ul ul{
	padding-left:30px;}
	
	
	#main-col-2 ul li{
		background:transparent url(images/bullet.gif) no-repeat scroll left 4px;
		list-style-type:none;
		margin-bottom:10px;
		margin-left:15px;
		padding-left:15px;
		line-height:15px;}
		
		#main-col-2 ul.bot-list li{
			background:none no-repeat;
			list-style-type:none;
			margin-left:0px;
			padding-left:0px;}

#main-col-2 ol{
		font-size:12px;
		padding-left:0;}
		
	#main-col-2 ol li{
		list-style-type:decimal;
		margin-bottom:10px;
		margin-left:30px;
		padding-left:5px;
		line-height:15px;}


#main-col-2 ul.star-talk li{
	background:none;
	display:block;
	padding:5px 0;
	margin:0;
}
#main-col-2 ul.star-talk li ul{
	display:block;
	margin-left:20px;
}
	
#main-col-2 ul.star-talk li label{
	font-size:11px;
	font-weight:bold;
}
	#main-col-2 ul.star-talk li input.cat_textbox{
		width:200px;
	}
/* General Elements
----------------------------------------------------------------------------------------------------*/
strong {
	font-weight:bold;
	color:#000;
	}	
em {
	font-style:italic;
}
a:link, a:visited, a:active { 
	text-decoration:underline; 
	color:#006699; 
	}	
a:hover { 
	text-decoration:none;
	color:#fff;
	background:#069 none repeat scroll 0 0;
	}	
button {
	text-transform:uppercase;
	color:#fff;
	}
img, input, select, label {
	vertical-align:middle;
	}
button {
	margin:0; 
	padding:0;
	border:none;
	text-align:center;
	text-transform:uppercase;
	background:transparent;
	cursor:pointer;
	}	
address span {
	display:block;
	margin:0 0 10px 0;
	}	
blockquote{
	display:block;
	margin:10px 40px;
}

.cat_textbox_small, .cat_listbox_small{
	width:145px;}

/* Background
----------------------------------------------------------------------------------------------------*/
#bg-gradient{
	background:#ffffff url(images/top_grad.png) repeat-x scroll left top;}
	
#cont-header{
	width:940px;
	margin:auto;
	position:relative;
	height:178px;}

#hero-home{
	background:url(images/home.png) repeat-x scroll 0 0;
	margin-top:-26px;
}
	#hero{
		width:940px;
		margin:auto;
		padding-top:6px;
	}
	#hero-about{
		background:url(images/about.png) repeat-x scroll 0 0;
		margin-top:-26px;}
		
		#hero-currently{
			background:url(images/currently.png) repeat-x scroll 0 0;
			margin-top:-26px;}

			#hero-new{
				background:url(images/new.png) repeat-x scroll 0 0;
				margin-top:-26px;}
				
					#hero-volunteers{
						background:url(images/volunteers.png) repeat-x scroll 0 0;
						margin-top:-26px;}
						
							#hero-governance{
								background:url(images/governance.png) repeat-x scroll 0 0;
								margin-top:-26px;}
								#hero-wrap{
									background:url(images/home.png) repeat-x scroll 0 0;
									margin-top:-26px;}
	
#hero-pic{
	width:940px;
	margin:auto;
	padding-top:6px;
	background:transparent url(images/inside-header-bg.png) no-repeat scroll left bottom;
	height:80px;
}
	#hero-pic ul{
		padding:4px;
	}

#header h1{
	padding:0;
	margin:0;}
	#header h1#logo{
		float:left;
		margin-top:15px;
		height:133px;
		display:block;}
		#header h1#logo a:link,
		#header h1#logo a:visited,
		#header h1#logo a:hover,
		#header h1#logo a:active{
			background:transparent url(images/logo.jpg) no-repeat scroll left top;
			width:160px;
			height:133px;
			text-indent:-9999px;
			display:block;}
	
#subhead{
	width:615px;
	float:right;
	text-align:right;
	margin-top:15px;}
	
	#subhead h3{
		font-weight:400;
		font-size:22px;
		color:#09F;
		margin:0;
		padding:0;}
	
#subhead ul{
	margin-bottom:9px;
	float:right;
	width:562px;}
	
#contact-info{
	width:325px;
	float:right;
	margin:18px 0;}
	
	#contact-info ul{
		font-size:11px;
		color:#999;
		line-height:1.4;
		width:325px;}
	
	#contact-info ul span{
		color:#666;
		font-weight:bold;}
	
	#contact-info a.social-icons:hover, 
	#contact-info a.social-icons:active{opacity: .8;} 
	
	
#utility{
	width:565px;
	float:right;
	font-size:12px;}
	
	#utility li{
		float:left;
		padding:0px 6px;
		background:transparent url(images/divider_black.gif) no-repeat scroll left 4px;
		list-style:none;}
		
		#utility li#footer-first{
			background:transparent none repeat scroll 0 0;
			padding-left:0;}
	
	#utility li a:link,
	#utility li a:visited,
	#utility li a:active{
		text-decoration:none;
		color:#000;}
		#utility li a:hover{
			text-decoration:underline;
			background:none;}
	
#main-nav{
	width:940px;
	margin:auto;
	padding-bottom:19px;
	position:relative;
	z-index:2;
	overflow:hidden;
}
	
	#main-nav a{
		text-decoration:none;
		color:#000;
		letter-spacing:1px;
		font-weight:700;}
	
#main-nav ul{
	height:41px;
	width:940px;
	margin-left:2px;}
	
	#main-nav li{
		display:inline;
		float:left;
		padding:0;
		margin-right:3px;
		height:41px;
		font-size:17px;
		}
		#main-nav li a{
			height:25px;
			padding:6px 21px;
			display:inline-block;
		}
		
	#nav-home{
		background:url(images/nav/yellowLRG.png) no-repeat scroll 0 0;}
		
		#nav-home a{
			background:url(images/nav/yellowCNR.png) no-repeat scroll right 0;}
			
			#nav-home.selected{
				background:url(images/nav/yellowLRG_on.png) no-repeat scroll 0 0;}
				
				#nav-home.selected a{
					background:url(images/nav/yellowCNR_on.png) no-repeat scroll right 0;}	
				
	#nav-about{
		background:url(images/nav/greenLRG.png) no-repeat scroll 0 0;}
		
		#nav-about a{
			background:url(images/nav/greenCNR.png) no-repeat scroll right 0;}
			
			#nav-about.selected{
			background:url(images/nav/greenLRG_on.png) no-repeat scroll 0 0;}
			
				#nav-about.selected a{
					background:url(images/nav/greenCNR_on.png) no-repeat scroll right 0;}
					
	#nav-currently{
		background:url(images/nav/purpleLRG.png) no-repeat scroll 0 0;}
		
		#nav-currently a{
			background:url(images/nav/purpleCNR.png) no-repeat scroll right 0;}
			
			#nav-currently.selected{
				background:url(images/nav/purpleLRG_on.png) no-repeat scroll 0 0;}
				#nav-currently.selected a{
					background:url(images/nav/purpleCNR_on.png) no-repeat scroll right 0;}	
	#nav-new{
		background:url(images/nav/violetLRG.png) no-repeat scroll 0 0;}
		
		#nav-new a{
			background:url(images/nav/violetCNR.png) no-repeat scroll right 0;}
			
				#nav-new.selected{
				background:url(images/nav/violetLRG_on.png) no-repeat scroll 0 0;}
				
					#nav-new.selected a{
						background:url(images/nav/violetCNR_on.png) no-repeat scroll right 0;}

	#nav-volunteers{
		background:url(images/nav/pinkLRG.png) no-repeat scroll 0 0;}
		
		#nav-volunteers a{
			background:url(images/nav/pinkCNR.png) no-repeat scroll right 0;}
			
			#nav-volunteers.selected{
				background:url(images/nav/pinkLRG_on.png) no-repeat scroll 0 0;}
		
					#nav-volunteers.selected a{
						background:url(images/nav/pinkCNR_on.png) no-repeat scroll right 0;}
				
	#nav-governance{
		background:url(images/nav/blueLRG.png) no-repeat scroll 0 0;}	
		
		#nav-governance a{
			background:url(images/nav/blueCNR.png) no-repeat scroll right 0;}
			
				#nav-governance.selected{
					background:url(images/nav/blueLRG_on.png) no-repeat scroll 0 0;}	
		
						#nav-governance.selected a{
							background:url(images/nav/blueCNR_on.png) no-repeat scroll right 0;}

#main-body{
	background:#ffffff url(images/content.gif) repeat-x scroll left top;
	overflow:hidden;}

#main-cont{
	width:940px;
	margin:auto;}
	
#content{
	padding-top:25px;
	overflow:hidden;
	float:left;
	width:219px;}
	
#content ul li{
	line-height:14px;
	list-style-type:none;
	margin-bottom:10px;
	padding-left:7px;
	}
	
#content a:link,
#content a:visited,
#content a:active{
	font-size:12px;
	color:#006699;
	text-decoration:none;}
	
#content p{
	font-size:9px;
	font-style:oblique;
	margin:0;
	padding-left:13px;}
	
#main-col-2{
	padding:0 0 30px 30px;
	overflow:hidden;
	width:685px;}
	
	#main-col-2 p{
	padding:0 0 10px 0;
	font-size:12px;
	line-height:18px;}
	
#main{
	padding:25px 0 10px 0;
	}
	#main p{
		line-height:18px;
		font-size:12px;
		padding:0 0 10px;}
	
.list-bottom a{
	color:#09F;
	font-size:9px;}
	
#side-bar{
	float:left;
	width:219px;}
	
#event-calendar ul li{
	background:transparent url(images/calendar.gif) no-repeat scroll left 3px;
	padding-left:23px;}
	
#box{
	background:url(images/sidetopbg.gif) no-repeat scroll left top;}
	
	#box-bottom h2{
		padding-left:6px;}

#box-bottom{
	background: url(images/sidebottom.gif) no-repeat scroll left bottom;
	padding:3px 10px;}
	
/*sidebar of helpful links and calendar*/	
#colum-1{
	background:transparent url(images/sidetopbg.gif) no-repeat scroll left top;
	margin-bottom:19px;}
	#colum-1-bottom{
		background: url(images/sidebottom.gif) no-repeat scroll left bottom;
		padding:3px 10px;
		width:210px;}
		#colum-1-bottom ul li{
			display:block;
			width:172px;
			padding-bottom:8px;}
			#colum-1-bottom h2{
				color:#281c7f;
				padding:6px 6px 10px 6px;
				margin:0;}
				#colum-1-bottom a:link,
				#colum-1-bottom a:visited,
				#colum-1-bottom a:active{
					color:#006699;
					text-decoration:underline;}
				#colum-1-bottom a:hover{
					color:#fff;
					background:#069 none repeat scroll 0 0;
					text-decoration:none;}
				
/*inner sidebar*/	
#colum-1-inner{
	background: url(images/sidebottom.gif) no-repeat scroll left bottom;
	padding:4px 3px 20px 2px;
	width:207px;}
	#colum-1-inner h2{
		padding-left:8px;
		margin-top:5px;
		color:#281c7f;}
		#colum-1-inner ul{
			border-top:1px solid #c9c9c9;
			padding-top:8px;}
			#colum-1-inner ul li{
				display:block;
				padding-bottom:8px;
				background:transparent url(images/level2.gif) repeat-x scroll left bottom;
				border-bottom:1px solid #c9c9c9;}
				#colum-1-inner ul li a:link,
				#colum-1-inner ul li a:visited,
				#colum-1-inner ul li a:active{
					padding-left:8px;
					color:#000;
					font-weight:bold;
					font-size:14px;
					display:block;}
				#colum-1-inner ul li a:hover{
					color:#069;
					background:none;}

	
#colum-1 .announcement-list{
	padding-bottom:10px;
	width:190px;}
	#colum-1 .announcement-list h4{
		background:transparent url(images/calendar.gif) no-repeat scroll left top;
		margin:0;
		padding:0 0 5px 25px;}
			#colum-1 .announcement-list p{
				font-size:12px;
				font-style:oblique;
				margin:0;
				padding-left:30px;}
				#colum-1 .announcement-list a:link,
				#colum-1 .announcement-list a:visited,
				#colum-1 .announcement-list a:active{
					font-size:12px;
					margin:0;
					padding:0;
					color:#000;
					font-weight:bold;
					text-decoration:none;}
				#colum-1 .announcement-list a:hover{
					color:#fff;}
	
	
#main-col-2 #calendar-container ul li{
	background:none;
	padding:0;
	margin:0;
	font-size:11px;
	text-align:center;
	padding:5px 0;
	border-bottom:1px solid #ddd;
}
		
#bc{
	margin:25px 0;
	color:#666;
	font-weight:bold;
	overflow:hidden;
}
	#bc a:link,
	#bc a:visited,
	#bc a:active{
		color:#666;
		text-decoration:underline;
		font-weight:normal;
		padding:0 2px;}
	#bc a:hover{
		color:#fff;
		background:#666;
		text-decoration:none;}
	
#search{
	margin-bottom:25px;}
	#search-box{
		display:inline;}
	
	
#footer-home{
	margin:auto;
	border-top:3px solid #fdda4c;}
	
	#footer-about{
		margin:auto;
		border-top:3px solid #7ac769;}
		
		#footer-currently{
			margin:auto;
			border-top:3px solid #d569fe;}
			
			#footer-new{
				margin:auto;
				border-top:3px solid #8f99fe;}
				
				#footer-volunteers{
					margin:auto;
					border-top:3px solid #ff7c6f;}
					
					#footer-governance{
						margin:auto;
						border-top:3px solid #14bcbd;}


	
#foot-cont{
	margin:auto;
	width:940px;
	text-align:center;
	padding:10px 20px;
	line-height:2.5;}
	
#foot-cont ul{
	clear:both;
	overflow:hidden;}

	#foot-cont li{
		background:transparent url(images/divider.gif) no-repeat scroll 3px 4px;
		display:inline;
		list-style-type:none;}
	
#foot-cont a:link,
#foot-cont a:visited,
#foot-cont a:active{
	color:#666;
	font-size:11px;
	margin-right:2px;
	text-decoration:none;
	padding-left:7px;}
#foot-cont a:hover{
	text-decoration:underline;
	background:none;}
	
	#foot-cont li#footer-first{
		background:transparent none repeat scroll 0 0;
		padding-left:0;}
	
#foot-cont p{
	font-size:9px;
	color:#666;
	text-align:center;}
	
	#foot-cont p a{
	margin:0 auto;}
	
p#hotpress-cred{
	text-align:center;
	padding-top:5px;}	

#hotpress-cred a:link, 
#hotpress-cred a:visited, 
#hotpress-cred a:hover,
#hotpress-cred a:active{ 
	display:block;
	height:21px;
	text-indent:-9999px;
	width:132px;
	background-position:top left;
	background-repeat:none;
	margin:0 auto;
	}


#bg-home #hotpress-cred a{
	background:transparent url(images/cred.gif) no-repeat;}
	#bg-about #hotpress-cred a{
		background:url(images/cred_about.gif) no-repeat;}
			#bg-currently #hotpress-cred a{
				background:url(images/cred_currently.gif) no-repeat;}
				#bg-new #hotpress-cred a{
					background:url(images/cred_new.gif) no-repeat;}
					#bg-volunteers #hotpress-cred a{
						background:url(images/cred_volunteers.gif) no-repeat;}
						#bg-governance #hotpress-cred a{
							background:url(images/cred_governance.gif) no-repeat;}
							
							
#main-body #startalk-badge{
	padding:0;
	margin:0 0 20px 0px;
}
	#startalk-badge a:hover{
		background:none;
	}