﻿/* CLEARS */
	#txt_adj:after, #nav:after{
	/* See ie55.css */	
	/* content property must be first */
		content: " ";	
		clear: both;
		display: block;	
		height: 0;
		visibility: hidden;	
	}
	
	*{
		border: 0;	
		padding: 0;
		margin: 0;
	}
	
	a {
		color: #00676a;
	}

	a:link, a:visited, a:active {
		color: #00676a;
	}
	
	a:hover {
		color: #00676a;
	}

	body{
		color: #333;
		font: .85em "Trebuchet MS", Arial, Helvetica, sans-serif;
		background: url('../img/pageBG.gif') repeat-y #f8f5d2;
		background-position: center;
		margin-top: 7px;
		text-align: center;
	}

	td, tr, table{
		font: .95em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

	p{
		color: #333;
		line-height: 1.25em;
		font: .95em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	blockquote, dl, h1, h2, h3, h4, h5, h6, ol, p, pre, ul {
		margin-top: 0;
		margin-bottom: 1em;
	}	
	
	h1, h2, h3, h4, h5 ,h6{
		color: #489;
	}
	
	h2{
		color: #94af68;
		font-size: 1.25em;
		margin-bottom: -0.1em;
	}


	#pg{
		width: 750px;
		margin: 0 auto;
		background: #FFFFFF;
		padding-left: 7px;
		padding-right: 7px;
		padding-bottom: 7px;
		text-align: left;
}
	
	#pageBG{
		width: 791px;
		margin: 0 auto;
		height: 100%;
}
	
	#head{
		background: url('../img/bnr/bg_head.gif') 0 0 no-repeat;
		height: 106px;
		padding: 0 10px;
	}
	
	#head h1{
		position: relative;
		top: 10px;
		left: 10px;
	}
	
	#head h1 a{
		background: url('../img/bg_logo.gif') 0 0 no-repeat;	
		display: block;
		font-size: .1em;
		height: 81px;
		text-align: left;
		text-decoration: none;		
		text-indent: -10000px;
		width: 200px;
	}
	
	#content{
		float: left;
		padding: 10px 0;
		width: 530px;
		/* font-size: 2em; */
	}
	
	#content ul{
		padding-left: 2em;
		font-size: .95em;
	}	

	#content ol{
		padding-left: 2em;
		font-size: .95em;
	}	

	#content p{
		line-height: 1.25em;
		font-size: .95em;
	}	
/* NEWS BOX */
	
	#news{
		background: url('../img/header.jpg') no-repeat 0 0;	
		width: 527px;
/*		height: 207px;*/
		height: 250px;
	}
	
	#news .column{
		position: relative;
		padding: 10px;
/*		width: 45%;*/
		width: 46%;
	}
	
	#news h2{
/*		font-size: 1em;*/
		font-size: 1.2em;
		margin-bottom: 0; 
		color: #489;
	}
	
	#news p{
		margin-top: 0;
	}
	
/*  */
	
	#side{
		float: right;	
		width: 190px;
	}

	#foot{
		/* background: #9cd3eb; */
		background: url('../img/bg_foot.gif') 0 0 no-repeat;
		/* background: #bd9; */
		clear: both;
		font-size: .80em;
		padding: 1em 1em;
		height: 38px;
		
	}


	
	#foot a{
		color: #333;
		text-decoration: none;
	}
	
	#foot a:hover{
		text-decoration: underline;
	}
	
	#foot ul{
		list-style: none;
	}
	
	#foot li{
		display: inline;
	}
	
	.pg_actions{
		float: right;
		text-align: left;
	}
	
	.top{
		background: url('../img/btn_top.gif') top right no-repeat;	
		padding: 0 15px 2px 0;
	}
	
/*** main navigation */
	#menu{
		height: 25px;
	}

	#nav{
		list-style: none;
		margin: -1px 0 0 7px;
		float: left;
	}
	
	#nav li{
		float: left;
		padding: 0 0 0 4px;
		position: relative;
		background: url('../img/bg_tab_lft.gif') top left no-repeat;	
		height: 25px;
		z-index: 101;
	}
	
	#nav li ul{
		display: none;
		position: absolute; 
		top: 25px;
		left: 0;
		z-index: 100;
  }

	#nav li ul.menuRight{
		display: none;
		position: absolute; 
		top: 25px;
		left: -45px;
		z-index: 100;
  }
	#nav li ul.menuRight li{
		display: block;
		float: none;
		background-image: none;		
		width: 120px;		
		height: 20px;		
		margin: 2px;		
	}
	
	#nav li:hover ul, #nav li.over ul{ 
		display: block;
		background: #FFF;
		border: 1px solid #bd9;
	 
	}
	
	#nav li ul li{
		display: block;
		float: none;
		width: 210px;		
		background-image: none;		
		height: 20px;		
		margin: 2px;		
	}

	#nav li ul.about li{
		width: 150px;		
	}

	#nav li ul.volunteers li{
		width: 150px;		
	}

	#nav li ul.healthCare li{
		width: 220px;		
	}
	
	#nav li ul.resources li{
		width: 125px;		
	}
	
	#nav li ul li:hover{
		background: #e9f4e1;
	}
	
	#nav li ul li a{
		background-image: none;
		color: #000;
	}
	
	#nav li ul li a:hover{
		color: #489;
	}
	
	#nav li a{
		background: url('../img/bg_tab_rgt.gif') right no-repeat;
		color: #fff;
		display: block;
		float: left;
		margin: 0;
		padding: 2px 8px 0 1px;
		text-decoration: none;
		font-size: .9em;
		height: 23px;	
	}
	
	#nav li a:hover{
		color: #000;
	}
	
	
/* SUB NAVIGATION */
	#sub{
	margin-top:0px;
	}

	#nav_sub{
		background: url('../img/bg_nav_sub.gif') no-repeat;
		margin: 0;
		padding: .8em;
		list-style: none;
		font-size: .95em;
	}
	
	#nav_sub .title{
		font-size: 1.0em;
		padding: 0 0 1em;
		font-weight: bold;
	}
	
	#nav_sub li{
		background: url('../img/dot_grn.gif') 100% 100% repeat-x;	
	}
	
	#nav_sub a{
		color: #48829b;
		display: block;
		padding: .25em .6em;
		text-decoration: none;
		font-weight: bold;
	}
	
	#nav_sub a:hover{
		color: #000;
	}
	
	#nav_sub a.active{
		background: url('../img/blt_arw_ppl.gif') 3px 50% no-repeat;
		color: #8a5;
	}

	#nav_sub a.sub{
		color: #4ab5e2;
		font-size: .85em;
		font-weight: bold;
		padding-left: 2em;
	}
	
	#nav_sub a.sub:hover{
		color: #489;
	}

/* END: SUB NAVIGATION */	
	
	/* Web Content Accessibility */
	.wca{
		height: 0;
		visibility: hidden;	
		position:absolute;
	}
	
	
/* FONT RESIZE */
	#textAdj{
	height: 50px;
	}
	#txt_adj{
		/*background: url('../img/dot_grn.gif') 0 100% repeat-x;*/
		padding: .5em;
		margin: 0 0 .5em;
	}
	
	#txt_adj p{
		/*background: url('../img/dot_grn.gif') repeat-x;*/
		color: #9cb770;
		font: 1.05em Impact, Arial, Helvetica, sans-serif;
		text-align: center;
		text-transform: uppercase;
		padding-top: .5em;
		margin: 0;
	}
	
	.size_01, .size_02, .size_03{
		background-position: no-repeat;
		display: block;
		float: right;
		height: 26px;	
		margin: 0 3px;			
		text-indent: -10000px;
		width: 26px;	
	}
	
	.size_01{
		background: url('../img/txt_adj_lg.gif');
	}
	
	.size_02{
		background: url('../img/txt_adj_mm.gif');	
	}
	
	.size_03{
		background: url('../img/txt_adj_sm.gif');	
	}
	
/* END */
	
	
/* HOME PAGE BOX'S */	
	.box{		
		font-size: .9em;
		margin: .25em 0 0;
		width: 187px;
	}
	
	.blu{
		background: #9cd3eb;
	}
	
	.bx_more{
		color: #fff;
		font-size: .85em;
		background: url('../img/icn_arw_wht.gif') 100% 80% no-repeat;	
		padding: 0 13px 0 0;		
	}
	
	.bx_head{
		background: url('../img/bx_bg_grn_top.gif') -1px 0 no-repeat;
		padding: 7px 5px 0 10px;
	}
	
	.blu_top{
		background-image: url('../img/bx_bg_blu_top.gif');		
	}
	
	.bx_head h2{
		color: #fff;
		background: url('../img/icn_grh_grn.gif') 0 2px no-repeat;
		font-size: .95em;
		font-weight: bold;
		padding: 5px 5px 4px 25px; 
		margin: 0 0 .5em -7px;
		text-transform: uppercase;
	}
	
	h2.blu{
		background-image: url('../img/icn_grh_blu.gif');	
	}
	
	.bx_head ul{
		list-style: none;
		margin: 0 0 .5em;
		padding: 0;		
	}
	
	.bx_head li{
		background: url('../img/arw_wht.gif') 0 .5em no-repeat;
		font-size: .9em;
		line-height: 1.2em;
		margin-bottom: .25em;	
		padding-left: 7px;
	}
	
	.bx_foot{
		background: url('../img/bx_bg_grn_btm.gif') -1px 100% no-repeat;	
		border-top: 1px dotted #fff;
		padding: 3px 10px 5px 15px;
	}
	
	.blu_btm{
		background-image: url('../img/bx_bg_blu_btm.gif');		
	}
	
	.bx_foot a:hover{
		color: #333;
	}	
	
	.bg_accessing{
		background: #9cd3eb url('../img/bg_accessing.jpg') 160% 0 no-repeat;
			
	}
	
	.bg_accessing ul{
		width: 65%;
	}
	
	/* HIDE BOX BACKGROUND IMAGE */
	.bg_accessing .bx_foot, .bg_shopping, .bg_feedback .bx_foot{
		background-color: #9cd3eb;
	}
	
	.bg_pie .bx_foot, .bg_help .bx_foot{
		background-color: #8a5;		
	}
	
	.bg_help{
		background: #8a5 url('../img/bg_help.jpg') 200% 0 no-repeat;
			
	}
	
	.bg_pie{
		background: #8a5 url('../img/bg_pie.gif') 110% 10px no-repeat;
			
	}
	
	.bg_shopping{
		background: #9cd3eb url('../img/bg_shopping.jpg') 200% 10px no-repeat;
			
	}			

	.bg_feedback{
		background: #9cd3eb url('../img/bg_feedback.jpg') 200% -55px no-repeat;
			
	}			
	
/********************/	
	
	.lnk_lgo{
		background: url('../img/bg_lgo_icn.gif') no-repeat;
		padding: 0 0 0 50px;
		width: 150px;
		height: 75px;
	}
	.lnk_lgo a{
		font-size: 14px;
		color: #00676a;		
	}
	
	.wwrcp{
		margin-top: 2em;
	}
	
	.wwrcp h2{
		display: inline;
		float: left;
		margin: 0 10px 0 0;
	}
	
	.wwrcp h2 a{
		background: url('../img/lgo_wwrcp.gif') 0 0 no-repeat;	
		display: block;
		font-size: .1em;
		height: 34px;
		text-align: left;
		text-decoration: none;		
		text-indent: -10000px;
		width: 185px;	
	}
	
	.txtSmall{
		font-size: .8em;
	}
	
	.msg_press{
		float: right;
		background: url('../img/bg_colCancer.jpg') 100% 100% no-repeat;
		/* background: url('../img/pht_pres3.jpg') 100% 100% no-repeat; */
		height: 160px;
		/* margin: 1em; */
		margin-left: .5em;
		width: 200px;
	}
	
	.msg_pressP{
		background: url('../img/dot_grn.gif') repeat-y;
		font-size: .8em;
		height: 160px;
		width: 180px;	
		padding-left: 10px;
		padding-top: 2px;
		/* padding: 10px 10px 0; */
	}
	
	.home{
		padding-right: 3px;
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: .95em;
	}
	
	.home h1{
		margin-bottom: .15em;
	}

	.home h2{
		font-size: 1.5em;
		margin-bottom: 0em;
	}
	
	/* WEATHER BOX */
	#weather{
		/* background: url('../img/bg_weather.gif') 0 100% no-repeat; */
		text-align: center;
		align: center;
		margin: 1em 0 0;
		padding-right: 1px;
	}
	
	#weather .date{
		color: #333;
		font-size: .95em;
		margin: 0;
	}
	
	.temperature{
		color: #8fab63;
		font-size: 1.1em;
		padding: 5px 0 0 40px;
		margin: .25em 0 0;
		min-height: 44px;		
	}
	
	.sun_cloud{
		background: url('../img/icn_sun_cloud.gif') 24% 0 no-repeat;
	}
	
	.imgPlain{
		margin-left: 10px;
		padding: 2px;
		border: 1px solid #bd9;
	}

	.imgPlain2{
		padding: 2px;
		border: 1px solid #bd9;
	}

	.imgRight{
		float: right;
		margin-left: 10px;
		margin-bottom: 0px;
		padding: 2px;
		border: 1px solid #bd9;
	}

	.imgBoxRight{
		font-size: .8em;
		float: right;
		margin-left: 10px;
		margin-bottom: 0px;
		padding: 2px;
		border: 1px solid #bd9;
	}

	.txtBox{
		padding: 2px;
		border: 1px solid #489;
	}

	.btn{
		padding: 1px;
		color: #FFF;
		font-weight: bold;
		font: .95em;
		border: 1px solid #489;
		background: #b2d8df;
	}
	
/* ICONS */
	.actions{
		text-align: right;
		font-size: .85em;
		width: auto;
	}
	
	.actions li{
		display: inline;
	}
	
	.print{
		background: url('../img/icn_print.gif');
	}
	
	.email{
		background: url('../img/icn_email.gif');	
	}
	
	.newsletter{
		color: #fff;
		font-size: .95em;
		font-weight: bold;
		background: url('../img/btn_newsletter.gif');
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 1em 1em 1em 1em;
		margin: 0;
		text-decoration: none;
		width: 187px;
		height: 26px;
	}

	.newsletter2{
		background: url('../img/btn_newsletter.gif');
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: .75em .85em .75em .85em;
		margin: 0;
		width: 187px;
	}
	
	.newsletter2 a{
		color: #fff;
		font-size: .85em;
		font-weight: bold;
		text-decoration: none;
	}
	
	.icn{
		background-position: 0 50%;
		background-repeat: no-repeat;
		padding: 1em 1em 1em 1.5em;
		text-decoration: none;
	}



