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

body
{background-color:#77a0cc;
font-family:Verdana, Arial, Helvetica, sans-serif;}

strong
{font-weight: bold;}

em
{font-style: italic;}

div.wrapper
{margin:0 auto;
width:921px;
}
/***************  HEADER   ********************/

	div.wrapper div.header
	{
	background:url(../images/backgrounds/head-bg.jpg) repeat-y;
	margin:0 8px;
	padding:0;
	width:904px;
	height:149px;
	position:relative;}
	
		div.header div.headtop
		{background:url(../images/backgrounds/head-top.jpg) no-repeat;
		height:12px;}
			
			div.header a.logo img
			{padding:0px 0px 10px 105px;}

			div.header a.donation img
			{padding:10px 0 0 185px;}
			
		div.header div.headbottom
		{background:url(../images/backgrounds/head-bottom.jpg) no-repeat;
		height:10px;
		position:absolute;
		top:139px;
		width:904px;
		left:0;}
	
/***************  NAVIGATION   ********************/	
	div.wrapper div#navigation
	{background:url(../images/backgrounds/nav-bg.jpg) repeat-y;
	height:32px;
	width:886px;
	position:relative;
	font-size:12px;
	line-height:24px;
	padding:0 19px 0 17px;
	z-index:20;}
	
		div.wrapper div#navigation a img
		{}
		
		div#navigation ul
		{float:left;
		list-style: none;
		z-index:20;
		padding-top:10px;}
		
		div#navigation ul li
		{float:left;
		margin:0pt 15px;}
		
			div#navigation ul li a
			{display:block;}	
		
		div#navigation ul ul
		{list-style: none;
		position:absolute;
		z-index:20;
		background-color:#5CA12D;
		width:auto;
		float:left;
		left:-999em;
		top:23px;
		padding-top:8px;
		}
		
		div#navigation ul li.last ul,
		div#navigation ul li.last ul li {
			width:114px;
			right:7px;
		}
		
			div#navigation ul li.last a,
			div#navigation ul li.last:hover a {
				width:auto;
			}
		
		
			div#navigation ul ul li
			{clear:left;
			float:left;
			margin:0pt;}
			
			div#navigation ul ul li a
			{border-bottom:1px solid #243c73; 
			color:#fdffe6; 
			text-decoration:none; 
			width:13em; 
			padding:0 12px;}
			
			div#navigation ul ul li a:hover
			{color:#f6dc02;
			background-color:#2D6607;}

		div#navigation li:hover ul ul,
		div#navigation li.sfhover ul ul, 
		div#navigation li.sfhover ul ul ul,
		div#navigation li:hover ul ul ul	 {
			left: -999em;
		}
	

		div#navigation li.sfhover ul, 
		div#navigation li li.sfhover ul, 
		div#navigation li li li.sfhover ul,
		div#navigation li:hover ul, 
		div#navigation li li:hover ul, 
		div#navigation li li li:hover ul {
			left: auto;
		}
		
		div#navigation li:hover .on,
		div#navigation li.sfhover .on 
		{
		    position:relative;
            visibility:visible;
        }
        
        div#navigation li:hover .off,
        div#navigation li.sfhover .off {
        position:absolute;
        visibility:hidden;
        }
				
/****************************** CONTENT  ***********************************/	

	div.wrapper div.contentwrapper
	{
	font-size:11px;
	line-height:17px;
	z-index:0;
	}
		div.wrapper div.contentwrapper p
		{margin:12px 0;}
		
		div.wrapper div.contentwrapper a
		{color:#183c8e;}
		
		    div.wrapper div.contentwrapper a:hover
			{color:#4d9f16;}
				
		div.wrapper img.floatimg
		{float:right;
		margin:0 0 0 5px;}
		
		div.wrapper img.border {
			border:1px solid #000;
		}
		div.wrapper div.contentwrapper ul
		{xlist-style-position:inside;
		 list-style:none;
		 margin-left:0px;
		}
		
		    div.wrapper div.contentwrapper ul li
		    {background:transparent url(../images/bullet-grn.gif) no-repeat 1px 4px;
		    margin: 0;	
			padding-left: 13px;
			position:relative; /* To Fix IE6 - Disappearing bg images */
		    }
		    
		    div.wrapper div.contentwrapper ul.anchorlist li 
		    {
		        background-position:1px 7px;
		    }
				
				/*div.wrapper div.contentwrapper ul a
				{color:#183c8e;}
				
				div.wrapper div.contentwrapper ul a:hover
				{color:#4d9f16;}
				
				div.wrapper div.contentwrapper ul li a:hover
				{color:#4d9f16;}*/
				
		div.contentwrapper div.contentbottom
		{background:url(../images/backgrounds/content-bottom.jpg) no-repeat;
		position:relative;}	
		
			
				
/***************  home page styles  ********************/				
		div.wrapper div.contentwrapper div.contentarea1
		{background:url(../images/backgrounds/content-bg.jpg) repeat-y;
		position:relative;}
		
			div.contentarea1 div.intro
			{width:398px;
			padding:20px 0 20px 37px;
			position:relative;}
			
			div.contentarea1 div.youcanhelp
			{width:248px;
			position:absolute;
			left:450px;
			top:0;
			padding-bottom:20px;}
			
				div.contentarea1 div.youcanhelp p
				{padding:14px 0 6px 23px;}
				
				div.contentarea1 ul.youcanhelp 
				{
				    padding-left:23px;
				}
				
			div.contentarea1 div.newsevents
			{width:161px;
			position:absolute;
			left:701px;
			top:0;
			padding:20px;}
			
			img.upcomingEvents 
			{
			    margin-top:25px;
			}
			
		div.wrapper div.contentwrapper div.contentdivider
		{background:url(../images/backgrounds/content-divider.jpg) repeat-y;
		 height:3px;}

		div.wrapper div.contentwrapper div.contentarea2
		{background:url(../images/backgrounds/content-bg2.jpg) repeat-y;
		position:relative;}
						
			div.contentarea2 div.outpatient
			{width:248px;
			padding:23px 15px 40px 37px;
			position:absolute;}
			
			div.contentarea2 div.foster
			{width:260px;
			padding:23px 22px 40px 20px;
			position:absolute;
			left:307px;
			top:0;}

			div.contentarea2 div.youth
			{position:relative;
			top:0;
			left:610px;
			padding:23px 42px 25px 20px;
			width:253px;}
						
/***************  sub page styles  ********************/	
		div.wrapper div.contentwrapper div.contentinside
		{background:url(../images/backgrounds/content-bg3.jpg) repeat-y;
		position:relative;}
		
			div.contentinside div.sidebar
			{position:absolute;
			left:17px;}
			
				div.sidebar div.subnav
				{padding:30px 20px;
				width:190px;
				line-height:24px;}
									
				div.sidebar div.help
				{background-color:#f3f7ff;
				width:203px;
				padding:20px 10px 20px 20px;}
				
			div.sidebar div.mainImage 
			{
		    
			}
				
				div.sidebar div.mainImage img {
					border-bottom:3px solid #1c3e97;
				}
				
			div.contentinside div.main
			{position:relative;
			left:329px;
			top:0;
			width:441px;
			padding:30px 0;
			min-height:655px;
			}
			* html div.contentinside div.main
			{height:655px;}
			
			        
			    div.contentinside div.main p.toplink
			    {text-align:right;
			     border-bottom:#123A99 solid 1px;
				 clear:both;}
			     
			         div.contentinside div.main p.toplink a
			         {background:url(../images/bullet-up.gif) no-repeat right;
			          padding-right:15px;
			          text-decoration:none;
			          color:#183C8E;}
		
				div.contentinside div.main h1,
				div.contentinside div.main h2
				{font-weight:bold;
				color:#183c8e;
				margin:30px 0 15px 0;}
				
				    div.contentinside div.main h1
				    {font-size:18px;}
    				
				    div.contentinside div.main h2
				    {font-size:14px;}
				div.indent
				    {
				        padding: 0 5px 0 30px;
				        margin: 0;
				    }

/***************  FOOTER   ********************/
	div.wrapper div.footer
	{background:url(../images/backgrounds/footer-bg.jpg) repeat-y;
	margin:0 8px;
	line-height:18px;
	position:relative;}
	
		div.footer p.footlinks
		{position:absolute;
		width:650px;
		left:230px;
		top:35px;
		text-align:center;
		font-size:9px;
		line-height:30px;
		color:#183c8e;}	
		
		div.footer a.wslink img
		{
		 right:10px;
		 position:relative;
		 padding-top:15px;}
		
		div.footer a
		{color:#183c8e;}
		
		div.footer table
		{padding-bottom:20px;
		position:relative;}
		
			div.footer table tr
			{}
				div.footer table tr td
				{padding:25px 0 0 25px;}
		
		div.footer div.footbottom
		{background:url(../images/backgrounds/footer-bottom.jpg) repeat-y;
		height:10px;}

		
/***************  EDITORS   ********************/

table.newsListing,
table.eventsListing,
{
    width:440px;
}

table.eventsListing
{margin-top:15px;
}
    table.newsListing tr.altrow,
    table.eventsListing tr.altrow,
    table.contact tr.altrow
    {background-color:#E7EDFD;}
    
    table.newsListing th,
    table.eventsListing th
    {
        padding:2px 10px 2px 0;
        font-weight:bold;
        vertical-align:middle;
    }

    table.newsListing td,
    table.eventsListing td
    {
        padding:2px 10px 2px 0;
        vertical-align:middle;

    }    
    

    table td.checkbox,
    table th.checkbox

    {
        text-align:center;
    }
    
    table td.topAlign 
    {
        vertical-align:top;
    }
	table td.date
	{
	width: 70px;
	}
	table td.abstract
	{
	width: 371px;
	}
    
input.date 
{
    width:85px;
    font-size:10px;
}

table.form
{
    width:100%;
}

    table.form td
    {
        padding:5px 0;
        vertical-align:middle;
        
    }
    
        label
        {
            font-weight:bold;
            font-size:10px;
            margin-right:5px;
        }
        
        table.form td.label 
        {
            vertical-align:top;
        }
        
        input.long 
        {
            width:98%;
        }
        
        .form textarea
        {
            width:98%;
        }
        
        .form textarea.abstract 
        {
            width:436px;
        }
        
        .form div.buttons 
        {
            margin:20px 0 10px 0;
        }
        
    div.activeFeatured
    {
        border-top:1px solid #1C3D8C;
        border-bottom:1px solid #1C3D8C;
        background:#E7EDFD;
        padding:10px 5px;
        margin:10px 0;
    }
    
a.registerLink 
{
    font-weight:bold;
}

.rightAlign 
{
    text-align:right;
}

span.required 
{
    color: Red;
}