/*********************
  general items
*********************/
*
	{
	margin: 0;
	padding: 0;
	}
a img
	{
	border: 0;
	}
ul
	{
	list-style-type: none;
	}

/*********************
  Main Styles
*********************/
html
	{
	font: .64em Verdana, Arial, Helvetica, sans-serif;
	}
body
	{
	text-align: center;
	color: #333;
	background-color: #abe4ff;
	}
#contain
	{
	margin: 0 auto;
	padding: 0 8px;
	width: 980px;
	text-align: left;
	background: #fff;
	}
#clear {clear: both;}

/*********************
  header & footer
*********************/
#contain .header
	{
		position: relative;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
		width: 981px;
		height: 103px;
		background: #03ACFE url("/assets/images/contain_header_bg.gif") repeat-x top left ;

	}
#contain .header a.logo
	{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		margin: 21px 38px 0 38px;
		padding: 0;
	}
/*util_nav*/
#contain .header #utilNav
	{
		position: absolute;
		top: 0;
		right: 0;
		margin: 10px 0 0 0;
		padding: 0;
		display: block;
	}

#contain .header #utilNav ul
	{
		margin: 0;
		padding: 0;
		list-style:	none;
	}

#contain .header #utilNav ul li
	{
		display: inline;
		margin: 0;
		padding: 0;
		border-right: 1px solid white;
	}

#contain .header #utilNav ul li.noborder
	{
		border: none;
	}

#contain .header #utilNav ul li a
	{
		margin: 0;
		padding: 0 15px 0 12px;
		text-decoration: none;
		color: #FFF;
	}

#contain .header #utilNav ul li a:hover
	{
		text-decoration: underline;
	}

  #contain .header #utilNav ul li.search {

			border: none;
		}

#contain .header #utilNav ul li.search form
	{
		display: inline;
		padding: 0 8px 0 15px;
	}

#contain .header #utilNav ul li.search form input
	{
		padding: 2px;
	}

#contain .header #utilNav ul li.search form input.submit
	{
		padding: 3px;
		font-size: 1em;
		color: #FFF;
		background-color: #0084b2;
		border-top: 1px solid #00aae4;
		border-left: 1px solid #00aae4;
		border-right: 1px solid #006083;
		border-bottom: 1px solid #006083;
	}

/*main nav*/
#contain .header #mainNav
	{
		position: absolute;
		top: 0;
		left: 228px;
		float: left;
		display: block;
		margin: 58px -18px 0 0;
	}
#mainNav.logged_in
	{
	position: absolute;
	bottom: 0px;
	right: 12px;
	}
#contain .header #mainNav ul
	{
	float: left;
	display: inline;
	}
#contain .header #mainNav ul li
	{
	float: left;
	display: inline;
	border: 1px solid #79d3fe;
	margin-right: 6px;
	}
#contain .header #mainNav ul li a
	{
	float: left;
	display: block;
	padding: 10px 15px 9px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.3em;
	font-family: Arial, Verdana, sans-serif;
	background: #69d8fe url(/assets/images//nav_a_bgr.gif) repeat-x top left;
	}
#contain .header #mainNav ul li a:hover
	{
	background: #008ebf url(/assets/images//nav_a_bgr_hover.gif) repeat-x top left;
	}

/*footer*/
#footer {
	background:#FFFFFF url(/assets/images/footer_bg.gif) repeat-x scroll left top;
	display:block;
	float:left;
	margin: 0 -3px 0 0;
	padding:0pt;
	text-align:center;
	width:981px;
}
#footer ul {
	font-size:9px;
	margin:10px 20px 50px;
	padding:0pt;
}
#footer li {
	display:inline;
}
#footer li.item-phone {
	margin:0pt 108px 0pt 3px;
}
#footer li.item-link {
	border-right:1px solid #00A8FA;
	margin:0pt 10px 0pt 0pt;
	padding:0pt 10px 0pt 0pt;
}
#footer li.item-link-end {
	border-right:medium none;
	margin:0pt;
	padding:0pt;
}
#footer li a {
	color:#00A8FA;
	font-weight:bold;
}

/*********************
  main content items
*********************/
#structure
	{
		display: block;
		float: left;
		margin: 7px 0 0 0;
		padding: 0 0 60px 0;
		border: 0;
		width: 981px;
		background: #FFF;
	}

/*action_nav*/
#structure #action_nav
	{
	z-index: 2;
	float: right;
	position: relative;
	display: inline;
	padding: 0 0 8px 0;
	background: #fff;
	}
#structure #action_nav li
	{
	float: left;
	display: inline;
	margin-left: 8px;
	background: #ff861c;
	text-align: center;
	}
#structure #action_nav li.first
	{
	margin-left: 0;
	}
#structure #action_nav li.first a
	{
	width: 150px;
	}
#structure #action_nav li a
	{
	float: left;
	display: block;
	padding: 4px 0;
	width: 150px;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 1.2em Arial, Verdana, sans-serif;
	color: #fff;
	background: #ff7202 url(/assets/images//action_nav_bgr.gif) repeat-x 0 0;
	}
#structure #action_nav li a:hover
	{
	background: #006388 url(/assets/images//action_nav_bgr_hover.gif) repeat-x 0 0;
	}
#structure #action_nav li.first a
	{
	width: 152px;
	}

/*main*/
#structure #main
	{
	float: left;
	display: inline;
	margin-top: -31px;
	width: 750px;
	}
#main #flash_content,
#main img
	{
	float: left;
	display: block;
	}


#flash_content {
	position: relative;
	width: 504px;
	text-align: left;
}
#flash_content div {
	/*position: absolute;
	left: 0;
	bottom: 14px;
	padding: 12px 50px 10px 10px;*/
	background: #fff;
}
#flash_content h1 {
	padding-bottom: 5px;
	font: 22px Arial;
	color: #007AA9;
}
#flash_content a {
	padding-left: 5px;
	background: url(/assets/images/bullet_blue.gif) no-repeat scroll 0 4px;
	color:#007AA9;
}

#flash_content .includeDocument	 {
background: #fff;
position: absolute;
left: 0;
bottom: 14px;
padding: 12px 50px 10px 10px;
}








/*top_content*/
#main #top_content
	{
	float: left;
	display: inline;
	width: 750px;
	background: #fff url(/assets/images//top_content_bgr.gif) repeat-y top left;
	}
#main #top_content.logged
	{
	background: #fff;
	}
/*featured_volunteer;welcome*/
#main #featured_volunteer,
#main #welcome
	{
	float: left;
	display: inline;
	margin: 33px 0 0 8px;
	padding: 14px 10px 14px 12px;
	width: 206px;
	background: #f1f1f2;
	}
#main #welcome
	{
	background: #fff;
	}
#main #featured_volunteer img
	{
	float: left;
	display: block;
	margin-bottom: 10px;
	border: 3px solid #02acfe;
	}
#main #featured_volunteer h1,
#main #welcome h1
	{
	padding-bottom: 10px;
	color: #00abfe;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.4em;
	text-transform: uppercase;
	}
#main #featured_volunteer h1 span,
#main #welcome h1 span
	{
	color: #007aa9;
	}
#main #featured_volunteer h2
	{
	padding-bottom: 7px;
	color: #007aa9;
	font-size: 1.4em;
	font-weight: normal;
	clear: left;
	}
#main #featured_volunteer p
	{
	color: #666;
	line-height: 1.3em;
	padding-bottom: 8px;
	}
#main #welcome p
	{
	padding-bottom: 16px;
	color: #01acff;
	font-size: 1.4em;
	line-height: 1.2em;
	}
#main #featured_volunteer a.more
	{
	padding-left: 8px;
	color: #007aa9;
	font-weight: bold;
	background: url(/assets/images//a_more_bullet_gray.gif) no-repeat 3px 4px;
	}

/*activities*/
#main #activities
	{
	float: left;
	clear: left;
	display: inline;
	margin-top: 8px;
	width: 750px;
	background: #fff url(/assets/images//activities_bgr.gif) repeat-y top left;
	}
#main #activities h1
	{
	float: left;
	display: inline;
	border-bottom: 7px solid #fff;
	padding: 7px 0 7px 10px;
	width: 732px;
	background: #01acff;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.3em;
	font-family: Arial, Verdana, sans-serif;
	}
#main #activities a.all,
#main #in_the_news a.all
	{
	float: right;
	display: inline;
	margin: -2.8em 29px 0 0;
	padding: 0 0 0 10px;
	color: #fff;
	background: url(/assets/images//a_all_bullet_white.gif) no-repeat 4px 4px;
	}
#main #in_the_news a.all
	{
	color: #007aa9;
	background: url(/assets/images//a_all_bullet_blue.gif) no-repeat 4px 4px;
	}
#main div#activities div
	{
	float: left;
	display: inline;
	padding: 12px;
	width: 162px;
	color: #007aa9;
	}	
#main div#activities div div
{
padding: 0;
}
	
	
#main div#activities h2
	{
	padding-bottom: 8px;
	color: #007aa9;
	font-size: 1.1em;
	text-transform: uppercase;
	}
#main div#activities img
	{
	float: left;
	display: block;
	margin-bottom: 10px;
	border: 3px solid #0099ff;
	}
#main div#activities a
	{
	display: block;
	line-height: 1.4em;
	text-decoration: none;
	color: #007aa9;
	}
#main div#activities a:hover
	{
	text-decoration: underline;
	}

#main div#activities div.blue p   {color: #787878;}
#main div#activities div.blue img {border: 3px solid #007aa9;}

/*in_the_news*/
#main #in_the_news
	{
	float: left;
	clear: left;
	display: inline;
	border-top: 8px solid #fff;
	border-bottom: 18px solid #fff;
	width: 750px;
	background: #fff url(/assets/images//in_the_news_bgr.gif) repeat-y top left;
	}
#main #in_the_news h1
	{
	float: left;
	display: inline;
	border-bottom: 7px solid #fff;
	padding: 7px 0 7px 10px;
	width: 732px;
	background: #b5e4fe;
	color: #00abfe;
	text-transform: uppercase;
	font-size: 1.3em;
	font-family: Arial, Verdana, sans-serif;
	}

#main #in_the_news h1 span {color: #007aa9;}

#main .news_box
	{
	float: left;
	display: inline;
	padding: 10px 19px 15px;
	width: 210px;
	color:#797979;
	}
#main .news_box p.date
	{
	padding-bottom: 2px;
	color: #8cd7ff;
	font-weight: bold;
	}
#main .news_box h2
	{
	padding-bottom: 5px;
	color: #007aa9;
	font-size: 1.2em;
	}
#main .news_box h3
	{
	padding-bottom: 5px;
	color: #007aa9;
	font-size: 1.2em;
	}
#main .news_box a
	{
	display: block;
	color: #007aa9;
	line-height: 1.4em;
	text-decoration: none;
	}
#main .news_box a:hover
	{
	text-decoration: underline;
	}

/*right_col*/
#right_col
	{
	float: right;
	clear: right;
	width: 230px;
	background: #fff;
	}
#right_col #login
	{
	margin-bottom: 8px;
	padding: 15px 12px 20px;
	background: #e1f4ff;
	}
#right_col #login h1
	{
	z-index: 3;
	position: relative;
	padding-bottom: 10px;
	color: #00abfe;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.4em;
	text-transform: uppercase;
	}

#right_col #login h1 span {color: #007aa9;}

#right_col form#login_f fieldset
	{
	float: left;
	clear: left;
	padding-bottom: 8px;
	border: 0;
	width: 206px;
	text-align: right;
	}
#right_col form#login_f label
	{
	display: inline;
	color: #007aa9;
	}
#right_col form#login_f input#email,
#right_col form#login_f input#password
	{
	display: inline;
	padding: 1px 2px;
	width: 133px;
	border: 1px solid #a9a9a9;
	}
#right_col form#login_f input#btn_login
	{
	float: left;
	display: inline;
	clear: left;
	padding: 0 2px;
	margin: 10px 0 0 68px;
	color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #00aae4 #006084 #006084 #00aae4;
	background: #03abff;
	}
#right_col a#why
	{
	display: block;
	clear: left;
	color: #00abfe;
	font-weight: bold;
	text-align: center;
	padding-left: 12px;
	}
#right_col a#become_volunteer
	{
	clear: left;
	display: block;
	padding-top: 140px;
	margin-bottom: 8px;
	width: 230px;
	height: 0;
	overflow: hidden;
	font-size: 1px;
	background: url(/assets/images//become_volunteer.jpg) no-repeat top left;
	}

/*why_register;featured_resources;discussion_board;upcoming_events*/
#right_col #why_register
	{
	margin-bottom: 8px;
	padding-bottom: 20px;
	width: 230px;
	background: #5ecaff;
	}
#right_col #why_register h1,
#right_col #featured_resources h1,
#right_col #discussion_board h1,
#right_col #upcoming_events h1
	{
	float: left;
	position: relative;
	z-index: 1;
	padding: 10px 0 4px 10px;
	width: 220px;
	color: #00abfe;
	background: #abe3fe;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.4em;
	text-transform: uppercase;
	}

#right_col #why_register h1 span,
#right_col #featured_resources h1 span,
#right_col #discussion_board h1 span,
#right_col #upcoming_events h1 span
	{color: #007aa9;}

#right_col #why_register p.tagline
	{
	clear: left;
	padding: 12px;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;
	}
#right_col #why_register p
	{
	padding: 0 12px 12px 12px;
	color: #fff;
	line-height: 1.4em;
	}
#right_col #discussion_board p.username
	{
	color: #797979;
	line-height: 1.4em;
	}
#right_col #upcoming_events p.date
	{
	color: #007aa9;
	line-height: 1.4em;
	font-weight: bold;
	}
#right_col #why_register ul
	{
	float: left;
	display: inline;
	margin: 0 0 20px 8px;
	width: 214px;
	}
#right_col #featured_resources ul,
#right_col #discussion_board ul,
#right_col #upcoming_events ul
	{
	float: left;
	display: inline;
	margin: -1px 0 8px;
	padding: 0 4px 5px;
	width: 222px;
	background: #e7f6ff;
	}

#right_col #discussion_board ul {background: #c8edff;}
#right_col #upcoming_events ul {background: #5ecaff;}

#right_col #why_register li
	{
	float: left;
	clear: left;
	display: inline;
	border-bottom: 1px solid #5ecaff;
	width: 214px;
	}
#right_col #featured_resources li
	{
	float: left;
	clear: left;
	display: inline;
	padding: 6px 5px 10px 19px;
	width: 198px;
	color: #007aa9;
	background: #e7f6ff url(/assets/images//featured_li_bgr.gif) no-repeat top left;
	}
#right_col #discussion_board li,
#right_col #upcoming_events li
	{
	float: left;
	clear: left;
	display: inline;
	padding: 6px 5px 10px 10px;
	width: 207px;
	color: #007aa9;
	background: #c8edff url(/assets/images//discussion_board_li_bgr.gif) no-repeat top left;
	}
#right_col #upcoming_events li
	{
	background: #5ecaff url(/assets/images//upcoming_events_li_bgr.gif) no-repeat top left;
	}
#right_col #upcoming_events li a
	{
	color: #fff;
	text-decoration: none;
	}
#right_col #upcoming_events li a:hover
	{
	text-decoration: underline;
	}
#right_col #featured_resources h2
	{
	margin-left: -19px;
	color: #797979;
	font-size: 1.6em;
	font-weight: normal;
	}
#right_col #featured_resources h2 a
	{
	display: block;
	padding-left: 19px;
	color: #797979;
	background: url(/assets/images//featured_a_bullet.gif) no-repeat 9px 9px;
	font-weight: normal;
	font-size: 1.1em;
	text-decoration: none;
	}

#right_col #featured_resources h2 a:hover {text-decoration: underline;}

#right_col #why_register li a
	{
	float: left;
	clear: left;
	display: block;
	padding: 4px 0 4px 19px;
	width: 195px;
	color: #007aa9;
	background: #cfefff url(/assets/images//why_reg_bullet.gif) no-repeat 10px 10px;
	text-decoration: none;
	font-size: 1.4em;
	}
#right_col #discussion_board li a
	{
	display: block;
	color: #007aa9;
	text-decoration: none;
	font-size: 1.2em;
	}
#right_col #discussion_board li a:hover
	{
	text-decoration: underline;
	}
#right_col #why_register a#register
	{
	clear: left;
	padding-left: 20px;
	color: #007aa9;
	background: url(/assets/images//reg_here_bullet.gif) no-repeat 15px 4px;
	font-weight: bold;
	}