@charset "utf-8";
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html {
	color:#000;
	background:transparent #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}

/* wbr suggests a possible line break point for the browser. while supported in FF and IE, the tag doesn't validate. this css trick will add the entity for a zero-width space (accomplishing the same thing as the tag) for other browsers. */
wbr:after { content: "\00200B" }

/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
del, ins {
	text-decoration:none;
}

/* GLOBAL
*****************************************************/
html{
	height:100%;
}
body {
	position: relative;
	margin: 0;
	padding:0;	
	font-size:12px;
	color:#4d534d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:150%;
	background:#FFF url(../images/bg_body.jpg) repeat-y center 0;
	height:100%;
}
a, a:link, a:visited {
	color:#FF8A2D;
	text-decoration:none;
}
a:focus, a:hover {
	color:#767676;
	text-decoration:none;
}
img {
	margin:0;
	padding:0;
	border:none;
}
h1 {
	font-size:24px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	line-height:130%;
	color: #63B658;
}
h1#flash_h1{
	line-height:normal;
	margin:0 0 10px;
	padding:0;
}
h2 {
	font-size:18px;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	color:#63B658;
	line-height:normal;
}
h3 {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#5C3F9B;
}
h4{
	color:#ff8a2d;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}
p {
	margin:0 0 12px 0;
	padding:0;
}
input, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
blockquote {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	width: 332px;
	background: url(../images/close_quote.gif) no-repeat right bottom;
	margin:15px 0 20px 90px;
	text-align:justify;
	letter-spacing:1px;
	line-height:18px;
}
blockquote .first_letter {
	float:left;
	background: url(../images/open_quote.gif) no-repeat left top;
	width:32px;
	height:60px;
}

.floatLeft {
	float:left;
	margin:0;
	padding:0;
}
.floatRight {
	float:right;
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
.hidden {
	display:none;
}
.tB{
	font-weight:bold;
}
.tI {
	font-style:italic;
}
.tN {
	font-weight:normal;
}
.tU {
	text-decoration:underline;
}
.t10 {
	font-size:10px;
}
.t11 {
	font-size:11px;
}
.t12 {
	font-size:12px;
}
.t14{
	font-size:14px;
	line-height:20px;
}
.t16{
	font-size:16px;
}
.aC {
	text-align:center;
}
.aR {
	text-align:right;
}
.aL {
	text-align:left;
}
.aJ{
	text-align:justify;
}
.lhN {
	line-height:normal;
}
.blue{
	color:#003D81;
}

ul.indent{
	padding-left:10px;
	margin:0 0 10px 10px;
}
ul.indent li{
	margin:0 0 0 10px;
}
li.nodot{
	list-style-type:none;
}
a.email{
	background:transparent url(../images/icon_email-trans.png) no-repeat 0 0;
	padding:0 0 0 23px;
}
a.arrow{
	background:transparent url(../images/img_arrow.jpg) no-repeat 0 0;
	padding:0 0 0 23px;
	text-transform:uppercase;
	line-height:12px;
	font-size:10px;
}
#disclaimer{
	font-size:11px;
	line-height:normal;
	padding:0 15px 15px;
}
.noMargin{
	margin:0;
}
/* removes object border from flash */
object { outline:none; }

/* Container
*****************************************************/
#container{

	position: relative;
	padding:0;
	margin:0;
	width:100%;}

/* Header
*****************************************************/
#header{
	background:transparent url(../images/hdr_bg.jpg) repeat-x 0 0;
	height:207px;
	margin:0;
	width:100%;
	padding:0;
	text-align:center;
}
#header_content{
	position:relative;
	background:transparent url(../images/hdr_bg_content.jpg) no-repeat 0 0;
	width:900px;
	margin:0 auto;
	text-align:left;
}
#logo{
	display:block;
	margin:0;
	padding:17px 0 19px 24px;
	width:285px;
	height:107px;
}
#search_bar{
	position:absolute;
	top:76px;
	right:0;
	background:url(../images/bg_search.jpg) no-repeat 0 0;
	height:33px;
	width:286px;
	padding:8px 0 0 9px;
}
#search_bar input#field_search{
	float:left;
	background:none;
	border:none;
	height:26px;	/* 246x26 dimensions */
	width:226px;
	padding:7px 9px 0;
	font-size:12px;
	color:#AAA;
	margin:0 8px 0 0;
}
/* Navigation
*****************************************************/
#mainNavContainer{
	display:block;
	width:885px;
	margin:0;
	padding:0 0 0 15px;
	height:64px;
	background:transparent url(../images/fpo_mainNav.jpg) no-repeat 0 0;
}
ul#mainNav li {
	padding:0;
	margin:0 21px 0 0;
	display:block;
	float:left;
	text-indent:-9999px;	
}
ul#mainNav li a {
	border:0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	background:transparent url(../images/nav_bg.jpg) no-repeat;
	height:48px;
}
li#nm_calendar a:link, li#nm_calendar a:visited {	
	width:208px;
	background-position: 0px 0px;
}
li#nm_calendar a:hover, li#nm_calendar a:focus {	
	background-position: 0px -48px;
}
li#nm_resources a:link, li#nm_resources a:visited {	
	width:150px;
	background-position: -208px 0px;
}
li#nm_resources a:hover, li#nm_resources a:focus {	
	background-position: -208px -48px;
}
li#nm_volunteer a:link, li#nm_volunteer a:visited {	
	width:149px;
	background-position: -358px 0px;
}
li#nm_volunteer a:hover, li#nm_volunteer a:focus {	
	background-position: -358px -48px;
}
/* Main navigation "active tabs"
******************************************************/
body#calendar-page ul#mainNav li#nm_calendar a {
	background-position:0px -96px;
}
body#resources-page ul#mainNav li#nm_resources a {
	background-position:-208px -96px;
}
body#volunteer-page ul#mainNav li#nm_volunteer a {
	background-position:-358px -96px;
}

/* Sub - Navigation
*******************************************************************/ 
#subNavContainer{
	position:absolute;
	margin:0;
	padding:0;
	right:0;
	top:0;
}
ul#subNav li{
	display:inline;
	padding:0;
	margin:0;	
	float:left;
	font-size:12px;
}
ul#subNav li a{
	display:block;
	border:0;
	text-decoration:none;
	color:#ECF8C6;
	padding:8px 20px 0;
	text-transform:uppercase;
}
ul#subNav li a:hover{
	color:#FFF;
	background:transparent url(../images/hdr_subNav_indicator.gif) no-repeat center 0;
}
body#home-page ul#subNav li#ns_home a,
body#about-page ul#subNav li#ns_about a,
body#contact-page ul#subNav li#ns_contact a{
	background:transparent url(../images/hdr_subNav_indicator.gif) no-repeat center 0;
}

/* Content
*****************************************************/
#content{
	position:relative;
	margin:0 auto;
	padding:0;
	width:900px;
	background-color:#FFF;
	background:transparent url(/images/bg_content.jpg) no-repeat 0 0;
}
body#volunteer-page #content,
body#contact-page #content{
	background:transparent url(/images/bg_content_sm.jpg) no-repeat 0 0;
}
#mainCol{
	position:relative;
	float:right;
	width:595px;
	padding:35px 30px 60px 30px;
}
#subCol{
	position:relative;
	float:left;
	width:245px;
	padding:35px 0 0;
	min-height:215px;
}
#subCol ul{
	padding:0 0 0 15px;
	text-align:left;
}

/* Custom - Home
*****************************************************/
body#home-page #content{
	background:transparent url(/images/home_bg_content.jpg) no-repeat 0 0;
}
body#home-page #mainCol{
	float:left;
	width:610px;
	padding:15px 15px 60px 30px;
}
body#home-page #subCol{

	float:right;
	padding:15px 0 0;
}
body#home-page #flash_main{
	padding:0 0 15px;
}
body#home-page h1{
	padding:0 0 0 15px;
	margin:0 0 25px;
	border-bottom:1px solid #E5E1D3;
}
ul.news{
	padding:0 15px 0;
}
ul.news li{
	padding:0 0 20px;
}
ul.news li.last{
	padding:0;
}
ul.news li .news_date{
	color:#63B658;
	font-style:italic;
	font-weight:bold;
}
ul.news li .news_title{
	font-weight:bold;
	text-transform:uppercase;
}
.news_title a,
.news_title a:link,
.news_title a:visited{
	color:#767676;
}
.news_title a:hover,
.news_title a:focus{
	color:#FF8A2D;
}
ul.news li p{
	margin:0;
	padding:0;
}
body#home-page #subCol h2.ribbon{
	position:relative;
	right:-17px;
}
body#home-page #subCol ul{
	padding:0 0 0 29px;
	text-align:center;
}
ul.partners li{
	padding:0 0 20px;
}
ul.partners li#last{
	padding:0;
	margin:0 0 37px;
}
ul.recent_resources li{
	padding:0 10px 20px 0;
}
ul.recent_resources li#last{
	padding:0;
}
ul.recent_resources .categories{
	color:#FF8A2D;	/* orange for bold text */
	font-weight:bold;
}
ul.recent_resources a,
ul.recent_resources a:link,
ul.recent_resources a:visited{
	color:#767676;	/* dark grey */
}
ul.recent_resources a:hover,
ul.recent_resources a:focus{
	color:#63B658;	/* green */
}

/* Custom - Calendar
*****************************************************/
body#calendar-page #flash_btn{
	float:right;
	margin:0 0 15px 15px;
	padding:0;
}

/* SubCol styling
***********************************/
body#calendar-page #subCol h2.ribbon{
	position:relative;
	left:-13px;
}
#quick_calendar{
	padding:0 0 30px 15px;
}
select#event_category{
	width:219px;
	color:#FF600A;
	margin:0 0 15px 15px;
	padding:2px 3px;
}
#sponsorship{
	background: url(../images/bg_subCol_divider-trans.png) no-repeat 0 0;
	padding:15px 0 30px 15px;
	width:215px;
	text-align:center;
}

/* Event Listing Styling
***********************************/
#event_listing{
	
}
#event_listing .event_name,
#event_listing .date,
#event_listing .location{
	float:left;
	display:inline;
}
/* Event Header
***********************************/
#event_listing h2{
	color:#FF8A2D;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:3px 0;
	line-height:normal;
}
.hr {
  height: 1px;
  background-color: #D4D4D4;
}
.hr hr {
  display: none;
}
.hr#hr_space{
	clear:both;
	margin:0 0 15px;
}
/* Event Listings
***********************************/
#event_listing ul{
	font-size:11px;
	margin:0 0 30px;
}
#event_listing ul li{
	border-bottom:1px dotted #E5E1D3;
	padding:10px 0;
	clear:both;
	color:#63B658;
	font-weight:bold;
}
#event_listing ul li p{
	margin:0;
	color:#4d534d;
	font-weight:normal;
}
#event_listing ul li#last{
	border:none;
	padding-bottom:none;
}
#event_listing .event_name{
	width:300px;
	padding-right:30px;
}
#event_listing a:link,
#event_listing a:visited{
	color:#63B658;
	font-weight:bold;
}
#event_listing a:hover,
#event_listing a:focus{
	color:#FF8A2D;
}
#event_listing .date{
	width:70px;
	padding-right:30px;
}
#event_listing .location{
	width:165px;
}
#event_listing .category{
	display:block;
	padding:5px 0 0 0;
	clear:both;
}
#event_listing h2.category{
	display:inline;
	padding-right:5px;
	font-style:italic;
	font-size:11px;
}
#event_listing .category a,
#event_listing .category a:link,
#event_listing .category a:visited{
	font-weight:normal;
}
/* Quick Calendar
***********************************/
#subCol ul#cal_controls{
	padding:0 0 5px;
}
ul#cal_controls li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
}
ul#cal_controls li a {
	border:0;
	display:block;
	text-decoration:none;
	overflow:hidden;
	background:transparent url(../images/bg_cal_controls.gif) no-repeat;
	height:20px;
}
ul#cal_controls li#view_month a:link,
ul#cal_controls li#view_month a:visited{
	width:91px;
	margin-right:73px;
}
ul#cal_controls li#view_month a:hover,
ul#cal_controls li#view_month a:focus{
	background-position:0 -20px;
}
ul#cal_controls li#prev a:link,
ul#cal_controls li#prev a:visited{
	width:21px;
	background-position:-112px 0;
}
ul#cal_controls li#prev a:hover,
ul#cal_controls li#prev a:focus{
	background-position:-112px -20px;
}
ul#cal_controls li#next a:link,
ul#cal_controls li#next a:visited{
	width:21px;
	margin-right:4px;
	background-position:-91px 0;
}
ul#cal_controls li#next a:hover,
ul#cal_controls li#next a:focus{
	background-position:-91px -20px;
}

h3.cal_month {
	color:#FF8A2D;
	font-size:14px;
	background: url(../images/bg_subCol_divider-trans.png) no-repeat 0 0;
	padding:10px 0 0;
}
table.calendar th {
	font-size:10px;
	font-weight:bold;
	padding:2px 0;
	text-transform:uppercase;
	color:#767676;
	text-align:center;
}
table.calendar td {
	border-top:1px dotted #E5E1D3;
	color:#63B658;
	font-size:10px;
	font-weight:bold;
	padding:2px 0;
	text-align:center;
}
table.calendar td.pm {
	color:#C7CABE;
}
table.calendar td.today {
	background:transparent url(../images/bg_cal_today.gif) no-repeat scroll center center;
	color:#FFF;
}
table.calendar td.current {
	background:transparent url(../images/bg_cal_current.gif) no-repeat scroll center center;
	color:#FFF;
}
table.calendar a:link,
table.calendar a:visited {
	color:#63B658;
}
table.calendar td.current a:link,
table.calendar td.current a:visited {
	color:#FFF;
}

/* Custom - Details
*****************************************************/
body#details-page #subCol h2.ribbon{
	position:relative;
	left:-13px;
}
ul.details li{
	border-bottom:1px dotted #E5E1D3;
	padding:0 0 5px;
	margin:0 0 5px;
	width:205px;
}
ul.details li p{
	color:#63B658;
	margin:0;
}
ul.details li.last{
	border:none;
	padding-bottom:0;
	margin-bottom:30px;
}
body#details-page .floatLeft{
	color:#63B658;
}
.floatLeft#start_time{
	margin:0 0 0 15px;
	width:107px;
}
body#details-page .floatRight{
	padding:0 0 15px 15px;
}
body#details-page #cal_container{
	padding:10px 0 15px 15px;
}
body#details-page h3.cal_month {
	color:#FF8A2D;
	font-size:12px;
	background:none;
	padding:10px 0 0;
}
body#details-page .category{
	display:block;
	padding:5px 0 20px;
	clear:both;
}
body#details-page h2.category{
	display:inline;
	padding-right:5px;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	color:#FF8A2D;
}
body#details-page a,
body#details-page a:link,
body#details-page a:visited{
	color:#63B658;
}
body#details-page a:hover,
body#details-page a:focus{
	color:#FF8A2D;
}
/* Custom - Resources
*****************************************************/
body#resources-page #subCol h2.ribbon{
	position:relative;
	left:-13px;
}
ul.categories{
	margin:0 0 15px;
	font-size:11px;
}
ul.categories li{
	line-height:normal;
	padding:0 0 5px;
}
ul.categories li a,
ul.categories li a:link,
ul.categories li a:visited{
	color:#FF600A;	/*darker orange for thin text */
}
ul.categories li a:hover,
ul.categories li a:focus{
	color:#767676;	
}
#btn_request{
	padding:0 0 0 15px;
	margin:0 0 30px;
}
#btn_recommend{
	background:url(../images/bg_subCol_divider-trans.png) no-repeat 0 0;	
	padding:20px 0 15px 15px;
}
ul.resources{
	font-size:11px;
	margin:0 0 30px;
}
h3.resources{
	display:block;
	background:url(../images/resources_category_tab.gif) no-repeat 0 0;
	padding:5px 0 0 10px;
	margin:0 0 10px;	/* 5px is added from the ul.resources li */
	height:16px;
	border-bottom:1px solid #DB6203;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	line-height:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
ul.resources li {
	padding:5px 0;
	margin:0;
	border-bottom:1px dotted #E5E1D3;
	position: relative;
}
ul.resources li p{
	margin:0;
}
ul.resources li .title{
    color:#63B658;
    font-weight:bold;
    text-transform:uppercase;
}
.link_wrapper{
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}
ul.resources li .title a,
ul.resources li .title a:link,
ul.resources li .title a:visited{
	color:#63B658;
	font-weight:bold;
	text-transform:uppercase;
}
ul.resources li .title a:hover,
ul.resources li .title a:focus{
	color:#FF8A2D;
}
ul.resources li.last{
	padding-bottom:0;
	border:none;
}
ul.resources li > * {
	width: 500px;
}

ul.resources li em.type {
	width: auto;
	color: #63B658;
	position: absolute;
	right: 5px;
	top: 5px;
	font-weight: bold;
	font-style: italic;
}

/* Footer
*****************************************************/
#footer {
	position:relative;
	padding:0;
	line-height:normal;
}

#contentFooter{	
	position:relative;
	background:#FFF url(../images/footer_bg.jpg) no-repeat 0 0;	
	width:860px;
	color:#4d534d;
	margin:0 auto;
	padding:30px 20px 10px;
	font-size:11px;
}
#contentFooter .floatLeft{
	padding:0 15px 5px;
	border-right:1px solid #fff;
	line-height:150%;
}
#contentFooter .floatLeft#first{
	padding-left:0;
}
ul.htmlNav{
	float:left;
	margin:0 0 5px;
	padding:0;
	width:860px;
	display:block;
	list-style:none;
}
ul.htmlNav li{
	float:left;
	padding:0 25px 0 0;
	margin:0;
}
ul.htmlNav li:first-child{
	padding:0 15px 0 0;
}
ul.htmlNav a:link,
ul.htmlNav a:visited{
	color:#767676;
}
ul.htmlNav a:hover,
ul.htmlNav a:focus{
	color:#5C3F9B;
}
a.dreamarium:link, a.dreamarium:visited{
	float:right;
	color:#63B658;
}
a.dreamarium:hover, a.dreamarium:focus{
	color:#FF8A2D;
}







/* Custom - searching */
#search_bar input#field_search{
	border: 0 !important;
	width: 240px;
	height: auto;
	padding: 4px 3px !important;
	background-image:none !important;
}
#cse-search-results iframe {
	display:block;
	margin:auto;
}
#cse-search-results, #cse-search-results iframe {
	width:595px;
	max-width:595px;
}
#search-page #content, #thank-you #content {
	min-height: 680px;
}

/* Form placeholders */
#mainCol form {
	padding-bottom:40px;
}
label, button, form, select, input[type=text], textarea, label.errField strong {
	display:block;
}
label.errField input, label.errField select, label.errField textarea {
	border:1px solid #f00;
	background-color:#FFFFCC;
}
input[type=text] {
	width:200px;
}
input[type=checkbox] {
	min-width: 12px;
	margin-left: 0;
	margin-right: 1em;
	margin-top: 0px;
	float: left;
}

textarea {
	width:300px;
	height:140px;
}
label.errField strong, span.error {
	font-weight:bold;
	color:#f00;
}
fieldset label {
	float: left;
	width: 280px;
	padding: 5px 0;
	margin-bottom: 0;
	line-height: 100%;
}
fieldset select {
	min-width: 40px;
	margin-bottom: 0px;
	float: left;
}

input.wider {
	width: 400px;
}