@charset "UTF-8";
/* CSS Document */


* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
}
#wrapper { 
 margin: 0 auto;
 width: 975px;

}
#header {
 width: 975px;
 float: left;
 padding: 0;
 height: 201px;
 margin: 0px 0px 5px 0px;
}

#header-left{
	float:left;
	margin-left:8px;
	width:231px;
	
}

#header-right{
	float:right;
	width:707px;
}

#quote {
	display:block;
	height:149px;
	}
	

#top_nav {
	margin:0;
	height:51px;
	width:975px;
	float:right;
	text-align:right;
	background-image:url(images/top-nav-off.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
	
#top_nav_btns {
	margin: 5px 5px 0 0;
	}

#leftcolumn { 
 margin: 0px 0px 5px 0px;
 width: 788px;
 float: left;
 position:relative;
}

#leftcolumn_sub { 
 margin: 0px 0px 5px 0px;
 width: 688px;
 padding-left:25px;
 float: left;
}



#rightcolumn { 
 float: right;
 color: #fff;
 margin: 0 0 5px 5px;
 width: 175px;
 display: inline;
}

div.sidebar {
	display:block;
	margin:0;
	padding:0;
	}

#upper-rightcolumn {
	margin-bottom: 3px;
	}

#btn-families a {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg) 0 0 no-repeat; }
#btn-employment a {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg)  0 -38px no-repeat;}
#btn-calendar a {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg)  0 -76px no-repeat;}
#btn-donate a {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg)  0 -114px no-repeat;}
#btn-video a {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg)  0 -152px no-repeat;}
#btn-contact a  {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg)  0 -190px no-repeat;}

#btn-families a:hover {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg) -170px 0 no-repeat;}
#btn-employment a:hover {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg)  -170px -38px no-repeat;}
#btn-calendar a:hover {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg)  -170px -76px no-repeat;}
#btn-donate a:hover {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg)  -170px -114px no-repeat;}
#btn-video a:hover {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg)  -170px -152px no-repeat;}
#btn-contact a:hover {display:block;width:170px;height:38px;background:url(images/right-nav-images/right-nav.jpg)  -170px -190px no-repeat;}


#lower-rightcolumn {
 background-color:#57b6dd;
 margin-top:5px;
 padding-bottom:2px;
}

#footer { 
 width: 975px;
 height:43px;
 clear: both;
 color: #57b6dd;
 background-image:url(images/footer_gradient.jpg);
 background-repeat: no-repeat;
 margin: 0px 0px 10px 0px;
}

#footer p {
	text-align:right;
	font-size:10px;
	padding: 18px 10px 0 0;
	}

/* typography */

#leftcolumn_sub p {
		font-size:12px;
		font-weight:normal;
		color:#666;
		line-height:1.5em;
		margin: 0 0 15px 0;
		}

#lower-rightcolumn p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:11px;
	color:#fff;
	margin:0;
	padding: 0 5px;
}

#leftcolumn_sub p.big-gray {
		font-size:14px;
		font-weight:bold;
		color:#666;
		line-height:1.5em;
		margin: 0 0 15px 0;
		}
		
h1 {
		font-size:36px;
		color:#57b6dd;
		margin: 0 0 15px 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:normal;
		font-weight:lighter;
		}

h2 {
		font-size:18px;
		color:#015697;
		margin: 25px 0 10px 0;
		font-weight:bold;
		}		

h3 {
	text-align:center;
	color:#015697;
	font-size: 18px;
	}

h4 {
		font-size:24px;
		color:#57b6dd;
		margin: 30px 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:lighter;
		}

h5 {
		font-size:14px;
		color:#015697;
		margin: 25px 0 10px 0;
		font-weight:bold;
		}		

h6 {
		font-size:13px;
		color:#57b6dd;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:bold;
		line-height:18px;
		margin-bottom:10px;
		}
		
blockquote {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		font-weight:normal;
		font-style:italic;
		color:#57b6dd;
		border-left: #57b6dd 2px solid;
		padding-left:1.7em;
		line-height:1.7em;
		}
						
		
a {
		color:#57b6dd;
		text-decoration:none;
		}

a:hover {
		color:#f7e24c;
		text-decoration:underline;
		}

a img {
		border: 0;
		}

ul {
		font-size:12px;
		color:#666;
		font-weight:normal;
		line-height:18px;
		list-style:disc;
		padding: 0 10px;
		margin: 5px 15px 15px 15px
}	

ol {
		font-size:12px;
		color:#666;
		font-weight:normal;
		line-height:18px;
		padding: 0 10px;
		margin: 5px 15px 15px 15px
}	

ol li strong {
	color: #015697;
	}

li {
		margin-bottom: 8px;
	}
	
	
	/* FORM ELEMENTS */
input#submit{ cursor:auto; background:#57b6dd url(images/submit.gif) top no-repeat; border:0; margin-top: 3px; color:#fff; width: 22px; height:22px; }
textarea { color: #666; width: 125px; border: 0; padding: 1px; margin-bottom: 0.6em; background: #fcfcfc; margin-top: 2px;}
input#l426499-426499 { color: #57b6dd; font-size:10px; line-height:11px; float:left; width: 125px; border: 1px 0 1px 1px solid #015697; padding: 1px; background: #fff; margin: 1px 3px 0 7px;}




/* *********************************************** */
/* AnyLink Dropdown CSS */

#nav_dropdown {
position:absolute;
visibility: hidden;
font:normal 12px Arial, Helvetica, sans-serif;
line-height: 18px;
text-align:center;
z-index: 100;
margin-left: -35px;
}

#nav_dropdown ul{
list-style:none;
}

#nav_dropdown li{
margin-bottom:1px;
}

#nav_dropdown a {
display: block;
background-color: #F1CC01;
font-size: 10px;
line-height:18px;
letter-spacing:1px;
color:#015697;
padding: 5px 7px;
text-decoration: none;
font-weight: bold;
}

#nav_dropdown li a:hover, #nav_dropdown li a:active { /*hover background color*/
font-weight: bold;
color: #015697;
background-color:#57b6dd;
list-style:none;
padding: 5px 7px;

}

.nav-spacer {
clear:both;
line-height:1px;
font-size:1px;
}


#nav_dropdown3 {
position:absolute;
visibility: hidden;
font:normal 12px Arial, Helvetica, sans-serif;
line-height: 18px;
text-align:center;
z-index: 100;
margin-left: -35px;
}

#nav_dropdown3 ul{
list-style:none;
}

#nav_dropdown3 li{
margin-bottom:1px;
}

#nav_dropdown3 a {
display: block;
background-color: #F1CC01;
font-size: 10px;
line-height:18px;
letter-spacing:1px;
color:#015697;
padding: 5px 7px;
text-decoration: none;
font-weight: bold;
}

#nav_dropdown3 li a:hover, #nav_dropdown2 li a:active { /*hover background color*/
font-weight: bold;
color: #015697;
background-color:#57b6dd;
list-style:none;
padding: 5px 7px;

}

#nav_dropdown2 {
position:absolute;
visibility: hidden;
font:normal 12px Arial, Helvetica, sans-serif;
line-height: 18px;
text-align:center;
z-index: 100;
margin-left: -35px;
}

#nav_dropdown2 ul{
list-style:none;
}

#nav_dropdown2 li{
margin-bottom:1px;
}

#nav_dropdown2 a {
display: block;
background-color: #F1CC01;
font-size: 10px;
line-height:18px;
letter-spacing:1px;
color:#015697;
padding: 5px 7px;
text-decoration: none;
font-weight: bold;
}

#nav_dropdown2 li a:hover, #nav_dropdown2 li a:active { /*hover background color*/
font-weight: bold;
color: #015697;
background-color:#57b6dd;
list-style:none;
padding: 5px 7px;

}



/* top nav list css
#nav ul	{
    clear: both;
	display: inline;
	font-size: 11px;
	padding: 0;
	margin: 0;
	}
	
#nav li	{
	display: inline;
	padding: 0;
	margin-right: -3px;
	}	
	
#nav li.bumper {
	padding-left: 10px;
}
*/



/* top nav link css 
#nav ul a:link, #nav ul a:visited {
	/*padding: 6px 10px 7px 10px;
	pading:0;
	margin:0;
	/*font-weight: normal; 
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	}

#nav ul a:hover {
	/*padding: 6px 10px 7px 10px;
	pading:0;
	margin:0;
	/*background-color:#8b9b91;
	font-weight: normal; 
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	}

#nav ul a:active {
	/*padding: 6px 10px 7px 10px;
	pading:0;
	margin:0;
	/*background-color:#8b9b91;
	font-weight: normal; 
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
*/



/*     CSS for the Slideshow Nav
========================================================= */
#slideshow-wrap{
	-moz-border-radius: 8px;
	border-radius: 8px;
	width:788px;
	height:283px;
	overflow:hidden;
	}
#slideshow {
	background: #fff;
	width:788px;
	height:283px;
	overflow:hidden;
	}

#pager-wrap{
	/*background:transparent url(images/bg-white-translucent.png) repeat;*/
	background:#fff;
	padding:6px 5px;
	position:absolute;
	top:260px;
	left:600px;
	z-index:300;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#pager a { 
	margin: 0 3px; 
	padding: 2px 3px; 
	border: none; 
	text-decoration: none; 
	font-size:9px;
	font-weight:bold;
	border: 1px solid #fff; 
	color:#999;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}
#pager a:hover { 
	margin: 0 3px; 
	padding: 2px 3px; 
	text-decoration: none; 
	border: 1px solid #57b6dd; 
	color:#57b6dd;
	text-decoration: none; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}
#pager a.activeSlide { 	border: 1px solid #57b6dd; color:#57b6dd; }
#pager a:focus { outline: none; }
#output { text-align: left; }

#pager { 
text-align: left;
float:left; }



a#prev {
	margin: 0 3px; 
	padding: 2px 3px; 
	border: none; 
	color:#999;
	border: 1px solid #fff; 
	text-decoration: none; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size:9px;
	font-weight:bold;
 }
a:hover#prev{
	border: 1px solid #57b6dd;
	color:#57b6dd;
}

a#next {
	margin: 0 3px; 
	padding: 2px 3px; 
	border: none; 
	color:#999;
	border: 1px solid #fff; 
	text-decoration: none; 
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size:9px;
	font-weight:bold;
}
a:hover#next{
	border: 1px solid #57b6dd;
	color:#57b6dd;
}

#prev-btn a:focus, #next-btn a:focus { outline: none; }

#prev-btn{ 
	float:left; 
	margin:0; }
	
#next-btn{ 
	float:left; 
	margin:0; }
	
	

/*    3 home page Image links at bottom of page
======================================================*/
div.home-image-link{
	width:315px;
	height:175px;
	margin:0 14px 0 0;
	float: left;
}

div.home-image-link-last{
	width:315px;
	height:175px;
	margin:0 0 0 0;
	float: left;
}

div.home-image-link a,
div.home-image-link-last a{
	border: none;
	outline: none;
	text-decoration: none;
}

div.home-image-link a:hover,
div.home-image-link-last a:hover{
	border: none;
	outline: none;
	text-decoration: none;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	opacity:.7;
}


/* #################################################
       ANYLINK CSS MENU 2.2  
#################################################### */
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}


/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 200px; /* default width for menu */
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background: black;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #DEFFCA;
}

.anylinkcsscols .column{
width: 130px;
float: left;
}

.anylinkcsscols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcsscols li{
padding-bottom: 3px;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}