/*-------------------------------------------------------------
	TABLE OF CONTENTS
	1. GLOBAL SETTINGS, HTML, BODY
	2. Wrap
	3. Head & Logos
	4. Body
	5. Footer
	6. Calendar
	7. CMS Variables (Typography Styles)
	8. Extras
--------------------------------------------------------------*/

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

* {
	padding: 0;
	margin: 0;
	}
	
	a {outline: none;}
	
body {
	text-align: center;
	font: 13px Helvetica, Arial, sans-serif;
	line-height: 16px;
	background: #fff url(/site_images/body_bg_gradient.jpg) top left repeat-x;
	color: #fff;
	}

 #head, #wrap, #nav, #footer {
	width: 1001px;
	}

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

#wrap {
		background: #fff;
		height: auto;
		margin: 0 auto 10px auto;
		text-align: left;
		width: 1001px;
		*width: 1025px;
		_width: 1050px;
		_background: #fff url(/site_images/body_bg_gradient.jpg) top left repeat-x;
		*background: #fff url(/site_images/body_bg_gradient.jpg) top left repeat-x;
		padding: 0px;
		}

/*-------------------------------------------------------------
	3. HEAD & LOGOS
--------------------------------------------------------------*/

.subnav {
width: 700px;
margin-left: 55px;
margin-top: 5px;

padding-bottom: 5px;
}

.subnav ul {
border-bottom: 1px dotted #628fbc;
}

.subnav li {
display: inline;
padding: 0 20px 20px 0;
}

.subnav li a {
text-decoration: none;
color: #628fbc;
font-family:  Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}

.subnav li a:hover {
border-bottom: 1px dotted #628fbc;
}

#head {
	background: url(/site_images/head_bg.jpg) no-repeat top left;
	height: 249px;
	min-height: 249px;
	position: relative;
	}

	#head_nav {
		position: absolute;
		top: 09px;
		right: 0px;
		width: 200px;
		}

	/* Header Navigation */
		#head_nav ul {
			*margin-top: 3px;
			}

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

		#head_nav li a {
			font-size: .0000em;
			color: #25518E;
			display: block;
			width: 200px;
			height: 60px;			
			border: 0px;
			background-position: 0 0;
			*margin-top: -3px;
			}

			#head_nav li a.help {
				background: url(/site_images/nav_help.jpg) no-repeat;
				}
			
			#head_nav li a.involve { 
				background: url(/site_images/nav_involve.jpg) no-repeat;
				}
			
			#head_nav li a.learn {
				background: url(/site_images/nav_learn.jpg) no-repeat;
				}
			
			#head_nav li a.shop {
				background: url(/site_images/nav_shop.jpg) no-repeat;
				}
			
				#head_nav li a:hover {
					background-position: -200px 0;
					}
					
			

			/* Emergency Numbers */
			#emergency_numbers {
				position: absolute;
				width: 250px;
				left: 0px;
				top: 0px;
				height: 125px;
				text-align: center;
				line-height: 1.07em;
				height: auto;
				font-family:  Arial, Helvetica, sans-serif;
				font-size: 15px;
				}

					#emergency_numbers h3 {
						color: #fff;
						padding-left: 0px;
						font-size: 1.3em;
						font-weight: normal;
						text-transform: uppercase;
						padding-bottom: 6px;
						}

					#emergency_numbers dl {
						margin: 7px 0;
						}

					#emergency_numbers dt {
						font-weight: bold;
						}
					
					#emergency_numbers dd {
						font-size: .9em;
						}

	/* Email Sign Up Style
	
	#head form#email_signup {
		color: #fff;
		position: absolute;
		right: 350px;
		top: 30px;
		padding: 20px;
		background: #7E8928;
		}*/

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

#nav {
	background: #fff url(/site_images/nav_bg.jpg) top left repeat-x;
	text-align: left;
	width: 1001px;
	
	height: 28px;
	text-transform: uppercase;
	font-size: 1.33em;
	font-weight: bold;
	}

	#nav ul {
		float: left;
		}

	#nav li { 
		display: inline;
		list-style: none inside;
		text-align: center;
		}

	#nav li a, #nav li a:visited { 
		color: #fff;
		line-height: 28px;
		text-decoration: none;
		margin-right: 45px;
		
		padding: 1px 14px 1px 14px;
		font-family:  Arial, Helvetica, sans-serif;
		}

	#nav li a:hover {
		background: url(/site_images/nav_hover_bg.jpg) repeat-x;
		width: 100%;
		border-left: #BACCBC 2px solid;
		border-right: #BACCBC 2px solid;
		padding: 1px 12px 1px 12px;
		}
		
	#nav a.exit {
			background-image: url(/images/quick_exit.jpg);
			background-repeat: no-repeat;
			background-position: top left;
			width: 100px;
			height: 22px;
			display: block;
			margin-top: 3px;
			float: left;
			}
			
				#nav a.exit:hover {
				background-position: top right;
				padding: 0;
				width: 100px;
				height: 22px;
				}

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

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

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

p a {
text-decoration: none;

}

p a:hover {
text-decoration: underline;
}



#content_wrap {
	background: #fff;
	height: auto;
	min-height: 400px;
	_width: 1050px;
	*width: 1025px;
	
	}
	
	#content {
		width: 790px;
		_width: 760px;		
		*width: 805px;
		margin: 5px;
		float: left;
		color: #011729;
		font-family: Arial, Helvetica, sans-serif;		
		}

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

		#content a, #content a:visited {
		color: #144795;
		
		}

		#content a:hover {
		color: #466ea4;
		}

		#content ul, #content ol {
		padding: 5px 0 5px 15px;
		line-height: 2em;
		}
		
		#content li {
			line-height: 1.5em;
			list-style-position: outside;
			margin-left: 15px;
			margin-bottom: 8px;
			}

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

		#side {
			border: none;
			height: auto;
			min-height: 400px;
			float: left;
			position: relative;
			width: 198px;	
			_padding: 0px;
			_margin: 0px;		
			}

			
	#jhf {
background-image: url(/images/jhf.jpg);
background-position: top left;
background-repeat: no-repeat;
width: 500px;
height: 100px;
float: left;
margin-top: 10px;
padding-left: 80px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
}

	#jhf a {
	text-decoration: none;
	color: #628fbc;
	}
	
		#jhf a:hover {
		text-decoration: underline;
		}

#tlg {
width: 400px;
height: 100px;
float: right;
margin-top: 10px;
color: #000;
font-family: Arial, Helvetica, sans-serif;
}

	#tlg a {
	text-decoration: none;
	color: #628fbc;
	}
	
		#tlg a:hover {
		text-decoration: underline;
		}
			

/*-------------------------------------------------------------
	5. FOOTER
--------------------------------------------------------------*/

#footer  { 
	background: #5895D4;
	height: auto;
	min-height: 15px;
	padding: 5px 0 5px 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	clear: both;
	border: none;

	}
	
	
	
#footer p, #footer p a, #footer p a:visited {
	color: #fff;
	
	}

	#footer a, #footer a:visited {
		color: #fff;
		text-decoration: none;
		padding: 5px;
		margin: 0 5px 0 5px;
		}
	
	#footer a:hover {
		text-decoration: underline;
		}
	
	#footer h3 {
		color: #fff;
		line-height: 1.4em;
		width: auto;
		padding-left: 15px;
		margin: 0 5px 0 5px;
		letter-spacing: -.01em;
		font-size: 1.33em;
		}

#logos {
width: 790px;
height: 100px;
float: left;
padding-bottom: 15px;
}

	#logos a {
	display: block;
	float: left;
	padding-right: 100px;
	border: none;
	}

		#logos a.coa {
		background-image: url(/images/coa.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		margin-top: 15px;
		width: 83px;
		height: 75px;
		}
	
		#logos a.nca {
		background-image: url(/images/nca.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		width: 57px;
		height: 100px;
		}
	
		#logos a.safeplace {
		background-image: url(/images/safeplace.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		margin-top: 15px;
		width: 75px;
		height: 75px;
		}
	
		#logos a.unitedway {
		background-image: url(/images/unitedway.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		margin-top: 25px;
		width: 116px;
		height: 50px;
		}

		
/*-------------------------------------------------------------
	6.    STYLES
--------------------------------------------------------------*/

.dow {
background-color:#462923;
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:3px;
font-size:12px;
}

h2.header {
font-size:20px;
padding-top:5px;
padding-bottom:5px;
}

/*-------------------------------------------------------------
	CMS STYLES
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	padding: 8px 0 8px 15px;
	}

h1 {
	font: 2em;
	line-height: 1em;
	height: 34px;
	width: auto;
	letter-spacing: -.04em;
	color: #005293;
	font-family: Arial, Helvetica, sans-serif;
	}

h2 { 
	font-size: 1.75em;
	color: #526a54;
	padding-top: 5px;
	}

h3 {
	font-size: 1.5em;
	color: #3d6096;
	}

h4, h5, h6 {
	font-size: 1.1em;
	}
	
p a {
text-decoration: none;
color: #87b0db;
}

p a:hover {
text-decoration: underline;
}

p {
padding: 4 2 4 2;
}

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

#content div.readmore { 
margin-right:25px; 
margin-bottom:10px; 
text-align:right; 
}

#content div.readmore a, 
#content div.readmore a:visited {
color: #5895D4;
}

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

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

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

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

img {
margin: 7px 8px 7px 8px;
background-color: #fff;
}

p img {
display: inline;
margin: 7px 8px 7px 8px;
background-color: #fff;

}

p img.left {
display: inline;
float: left;
margin: 7px 8px 5px 8px;

background-color: #fff;
}





.date_class {
margin-left:20px;
}

.byline {
margin-left:20px;
text-decoration:italic;
}

blockquote { 
	padding:15px;
	margin: 15px 15px 15px 15px;
	background-color: #87b0db; 
	color: #fff;
	float: left;
	width: 200px;
	border: 1px solid #C3CFB5;
	line-height: 1.5em;
	text-align: left;
}

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

#actionline a, #actionline a:visited {
color: #011533;
margin: 0 5px;
}

.dateline {
color: #fff;
background: #071F56;
padding: 4 0 4 10;
margin: 5 0 15 0;
width: auto;
}

#contactform {
background-color: #3d6096;
color: #fff;
width: 400px;
_width: 300px;
float: left;
border-right: 1px dashed #fff;
border-left: 1px dashed #fff;
padding-right: 20px;
_padding: 0px;
}

	#contactform p {
	text-align: center;
	}
	

#contact_info {
width: 350px;
float: left;
vertical-align: top;
}

#contactform label {
text-align: right;
display: block;
float: left;
width: 100px;
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: none;
}

	#contactform li.submit {
	margin-left: 130px;
	}

#contactform fieldset {
padding: 0px;
border: none;
width: 500px;
background: #transparent;
}

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

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

#signup_form {
width: 380px;
color: #000;
margin-left: 180px;
padding: 20px;
background-color: #3d6096;
color: #fff;
border-right: 1px dashed #fff;
border-left: 1px dashed #fff;
}

#signup_form li {
list-style: none;
}

#signup_form ul#top {
text-align: right;
}

#signup_form ul#bottom {
margin-left: 85px;
}


#event {
width: 700px;
background-color: #3d6096;
padding-bottom: 40px;
padding-right: 10px;
padding-left: 7px;
border-right: 1px dashed #fff;
border-left: 1px dashed #fff;
color: #fff;
}

	#event legend {
	font-size: 18px;
	color: #fff;
	font-weight: bold;	
	
	}

	#event label {
	text-align: right;
	display: block;
	float: left;
	width: 200px;
	margin: 0 8 0 0;
	padding-right: 15px;
	vertical-align: middle;	
	font-size: 12px;
	}

	#event fieldset {
	background-color: transparent;
	color: #fff;
	margin: 15px 20px 15px 20px;
	*margin-top: 15px;
	*margin-bottom: 15px;
	width: 660px; 
	
	*float: left;
	}

		#event fieldset li {
		list-style: none;
		}



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