/*  
There are two linked CSS Docs associated to this file: mac.css and nt.css
Based on the output of a browser detection script on the layout.phtml file
	
	::::::::::::::::::
        MAIN TAGS 
	::::::::::::::::::  

*/

* {
	margin:0px;
	padding:0px;
}

html {
	margin: 0;
	padding: 0;
}

body{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	margin: 0;
	padding: 0;
	background:#ACD2EF;
	color:#79BDE8;
}

iframe:focus, img:focus, a:focus, form:focus, div:focus, *:focus {
	outline:0;
}

a:link, a.green:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
}

a:visited, a.green:visited { 
	font-weight: bold; 
	text-decoration: none;
	color: #FFFFFF;
}

a:hover, a:active, a.green:hover { 
	text-decoration: underline;
	color: #FFFFFF;
}

img {
	border:0px;
}
h1{
	font-size:20px;
}
h2{
	font-size:18px;
}
h3{
	font-size:12px;
}

/*---------------- Utility Classes ---------------*/

.clear {
	clear:both;
}

.float-right, .right-content{
	float:right;
}

.float-left, .left-content{
	float:left;
}

/*---------------- Color Layout ---------------

	::::::::::::::::::
      HEX COLOR KEY 
	::::::::::::::::::
	 
	Lighter Blue (text) - #ACD2EF
	Darker Green (nav) - #8AA729
	
	SERVICES 					(orange/cream) = #FED095
	RESOURCE CENTER 			(light blue) = #BFD5E8
	ADULT LIFE SKILLS 			(yellow/green) = #E5E474	
	YOUTH EDUCATION 			(fuchsia) = #B896AF
	VOLUNTEER CENTER 			(green) = #92B76E
	HEALTH EDUCATION 			(purple) = #8E96C6
	
	SEPARATORS					(cyan) = #79BDE9
	TEXT 						(lime green, white, cyan) = #C3D95B, #FFF, #79BDE9
	ERRORS		 				(orange) = #FFBA63
	
	MAIN NAVIGATION 			(forest green) = #8AA729
	ROLLOVER/MAIN NAV 			(white) = #FFF
	NAVIGATION 					(brown) = #653614
	
	MAIN BACKGROUND				(dark blue) = #0056A2
	LIGHT HIGHLIGHTED REGIONS 	(light blue) = #3784C1
	DARK HIGHLIGHTED REGIONS 	(med blue) = #1D75B8

*/

.white {
	color:#FFF;
}

.lighter-blue {
	color:#ACD2EF;
}
.green, a.green:link, a.green:visited, a.green:hover{
	color:#C3D95B;
}
.blue-img-border{
	border:4px #352063 solid;
}
.white-img-border{
	border:3px #FFF solid;
}

.light-blue, #yui-gen0-1-label, #service-dot-1 {
	color:#BFD5E8;
}
.yellow-green, #yui-gen0-2-label, #service-dot-2 {
	color:#E5E474;
}
.fuchsia, #yui-gen0-3-label, #service-dot-3 {
	color:#B896AF;
}
.green, #yui-gen0-4-label, #service-dot-4 {
	color:#92B76E;
}
.purple, #yui-gen0-5-label, #service-dot-5 {
	color:#8E96C6;
}

/*---------------- General Layout ---------------*/

#wrapper {
	width:100%;
	height:100%;
	background: url(../images/layout/bg-tile.gif);
	padding:30px 0px;
}
#site-container {
	width:822px;
	margin:auto;
}

#header, #content, #footer, #nav-bar {
	padding-right:22px;
}

#btm-content-wrapper{
	padding: 0px 0px 30px;
}
#top-content-wrapper{
	padding: 0px 0px 10px;
	margin-bottom:10px;
}

/*---------------- Header ------------------------*/

#header {
	background:url(../images/layout/header-ds.png) no-repeat;
	position:relative;
	z-index:20;
	cursor:pointer;
}
#header-logo {
	position:absolute;
	left:-22px;
	top:-22px;
	padding:122px;
	background:url(../images/layout/logo.png) no-repeat;
	z-index:20;
}
#header-content {
	border-top:#FFF 3px solid;
	margin-left:135px;
	width:665px;
	height:174px;
	/*background:url(../images/layout/header.jpg) no-repeat top right;*/
}

/*---------------- Navigation --------------------*/

#nav-bar {
	height:48px;
	background:url(../images/layout/content-ds.png) repeat-y;
	position:relative;
	z-index:10;
}

#main-nav {
	border-top:#FFFFFF 3px solid;
	border-bottom:#FFFFFF 3px solid;
	height:26px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:10px;
	background:url(../images/nav/nav-tile.png) repeat-x top left;
	margin-left:120px;
	padding-left:100px;
}
#navlist {
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
	position:relative;
}
#navlist li {
	margin:0px;
	padding:0px;
	float:left;
}
.dot-over {
	visibility:hidden;
	position:relative;
	top:-5px;
	left:39px;
	z-index:124;
}
#navlist li .main_btn a, #navlist li .main_btn_current a {
	display:block;
	height:18px;
	overflow:hidden;
	background:url(../images/nav/nav-tile.png) repeat-x;
	background-position:0px 0px;
	width:90px;
	padding-top:8px;
	color:#8AA729;
	text-align:center;
}
#navlist li .main_btn a:hover, #navlist li .main_btn_current a {
	background-position:0px -26px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding-top:7px;
	height:19px;
}
#navlist .main_btn, #navlist .main_btn_current a {
	overflow:hidden;
}
.sub_nav {
	width:auto;
	border:#FFFFFF 3px solid;
}
.sub_nav a {
	display:block;
	color:#0079D5;
	font-size:10px;
	width:136px;
	padding:10px 8px 7px 8px;
	text-decoration:none;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	background-color:#FFFFFF;
}
.sub_btn_first {
	border:none;
}
.sub_nav a:hover {
	background-color:#ACD2EF;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.mask {
	height:0px;
	overflow:hidden;
	position:absolute;
	top:26px;
	z-index:123;
}
#misc-nav {
	position:relative;
	top:-48px;
	z-index:21;
}
#need-help {
	background:url(../images/nav/need-help.png) no-repeat 0px 0px;
	position:absolute;
	display:block;
	right:120px;
	top:-30px;
	width:111px;
	height:0px;
	padding-top:111px;
	z-index:22;
	overflow:hidden;
}
#need-help:hover {
	background-position:0px -111px;
}
#donate {
	position:absolute;
	z-index:21;
	right:22px;
	top:0px;
	width:110px;
	border-top:#FFFFFF 3px solid;
	border-bottom:#FFFFFF 3px solid;
}
#donate a {
	display:block;
	padding-top:16px;
	height:32px;
	background:url(../images/nav/donate-tile.jpg) repeat-x;
	text-align:center;
	font-size:16px;
	padding-left:5px;
	color:#653614;
}
#donate a:hover {
	text-decoration:none;
	background-position:0px -48px;
}

.dot{
	font-size:30px;
}
.active-dot{
	font-size:40px;
}
/*---------------- Content -----------------------*/

#content {
	background:url(../images/layout/content-ds.png) repeat-y;
	/*min-height:500px;*/
}
#need-assistance, #make-difference{
	padding:20px;
	text-align:left;
}
#need-assistance #left-content, #make-difference #left-content{
	width:49%;
}
#left-content, #right-content{
	width:48%;
}
#top-right, #top-right-res, #btm-right-res{
	width:60%;
	padding-top:10px;
}
#btm-right{
	padding-left:10px;
}
#btm-right-res{
	padding-top:0px;
}
.errors{ 
	overflow:auto; 
	width:95%;
	padding:10px 0px 30px;
	text-align:left; 
	color: #FFBA63;
}
.h-separator{
	background:url(../images/layout/h-separator.gif) no-repeat center center;
	height:10px;
	width:100%;
	padding:5px 0px;
}
.h-separator-lg{
	background:url(../images/layout/h-separator-lg.gif) no-repeat;
	height:10px;
	width:391px;
}
#v-separator{
	background-color:#79BDE9;
	width:2px;
	height:40px;
}
#top-content-wrapper .heading-wrapper {
	text-align:center;
}
#top-right .heading-wrapper{
	padding:0px 0px 10px 10px;
}
.orange-heading, .white-heading, .blue-heading, .dark-blue-heading, .services-white-heading, .services-blue-heading, .resources-blue-heading, .resources-white-heading, .overview-blue-heading, .overview-white-heading {
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}
.blue-heading, .dark-blue-heading, .services-blue-heading, .resources-blue-heading, .overview-blue-heading{
	color:#79BDE9;  
	font-size:14px; 
	letter-spacing:.5px;
}
.dark-blue-heading{
	color:#0056A2;
}
.overview-blue-heading{
	font-size:17px; 
	letter-spacing:1.5px;
}
.white-heading, .services-white-heading, .resources-white-heading, .overview-white-heading{
 	color:#FFF; 
 	font-size:18px; 
 	letter-spacing:2px;
}
.overview-white-heading{
	font-size:21px; 
 	letter-spacing:3.5px;
}
.orange-heading{
	color:#FFBA63; 
 	font-size:30px; 
 	letter-spacing:2px;
}
.services-white-heading, .services-blue-heading, .resources-blue-heading, .resources-white-heading{
	text-align:left;
}
#submitted-date{
	color:#FFF; font-size:12px; vertical-align:bottom;
}
#author{
	color:#FFF;
}
#child-img{
	position:relative;
	left:15px;
}
#overview-img{
	position:relative;
	top:10px;
	width:98%;
}
#volunteer-form-link, #donation-link{
	text-decoration:none;
}
#volunteer-form, #donation{
	width:90%; 
	border:2px #FFF solid; 
	height:50px; 
	background-color:#BFD5E8; 
	text-align:center; 
	color:#0079D5;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}
#donation{
	width:80%; 
}
.bullet-item{
	color:#FFF; 
	padding:2px 5px 2px 0px; 
	position:relative; 
	top:-2px;
}
.list-item, .services-list-item{
	color:#FFF; 
	padding-bottom:2px; 
	width:90%;
}
.services-list-item{
	padding-bottom:15px;
}
#partner-list-wrapper{
	width:250px;
}
.services-contact-wrapper{
	position:relative; 
	left:-20px; 
	width:150px;
}
.btm-content-wrapper{
	padding-top:30px;
}
.resource-table-content{
	padding:10px;
	vertical-align:top;
}
.resource-table-header{
	padding:10px;
}
#header-title{
	position:relative;
	top:30px;
	left:-130px;
	filter:alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}

.directors {
	list-style-position:outside;
	list-style-type:disc;
}
.directors li {
	margin-top:12px;
	padding-left:0px;
	list-style-position:outside;
	list-style-type:disc;
}

#contact-map {
	background:url(../images/layout/contactus/map.png) no-repeat 0px -127px;
	display:block;
	width:127px;
	height:0px;
	overflow:hidden;
	padding-top:127px;
}
#contact-map:hover {
	background-position:0px 0px;
}

.hake, .hake a {
	color:#FED095;
}
.shipley, .shipley a {
	color:#FFFFFF;
}
.egle, .egle a {
	color:#92B76E;
}
.swearengin, .swearengin a {
	color:#E5E474;
}
.story {
	min-height:200px;
}


/*---------------- Sidebars -----------------------*/

#west-sidebar, #main, #east-sidebar {
	float:left;
}
#west-sidebar {
	width:182px;
	padding:10px 0px;
}
#main {
	width:460px;
}	
#main-content{
	padding-top:30px;
	width:86%;
	text-align:left;
}
#east-sidebar {
	width:128px;
	padding:40px 12px 10px 12px;
	text-align:center;
}
#collection-items{
	height: 125px;
	padding-bottom:25px;
}
#special-thanks, #static-contact-info{
	height: 200px;
	padding-bottom:25px;
}
.east-sidebar-contents{
	padding: 10px 0px 20px;
}
#collection-items .sb-header-icon {
	background-image:url(../images/layout/east_sb_sprites.png);
	background-position:0px 0px;
}
#special-thanks .sb-header-icon {
	background-image:url(../images/layout/east_sb_sprites.png);
	background-position:0px -37px;
}
.sb-header-icon {
	height:37px;
	background-repeat: no-repeat;
	width:101px;
	margin:auto;
}
.sb-separator {
	height:11px;
	width:101px;
	margin:auto;
	background-image:url(../images/layout/east_sb_sprites.png);
	background-position:0px -74px;
	background-repeat: no-repeat;
}
#services-header, .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle{

}
#services-header{
	border-top: 2px #ACD2EF solid;
	padding: 5px 0px 5px 8px;
	font-size: 13px;
	font-weight:bold;
	letter-spacing: 1px;
	color:#FED095; 
}
.services-border{
	border:2px #352063 solid;
}
#services-header #dot-wrapper{
	padding-left:5px;
	position:relative;
	top:-2px;
}
#services-header #dot-wrapper span{
	vertical-align:middle;
	cursor:pointer;
}
.more-info{
	width:75px; 
	height:17px; 
	/*border:1px #ACD2EF solid; 
	background-color:#0056A2;*/ 
	text-align:center;
	vertical-align:middle; 
	font-size:9px;
	padding-top:3px;
	background:url(../images/layout/sm-btn-bg.png) no-repeat top center;
}
.education-link{
	width:150px;
	height:26px;
	color:white;
	text-align:center;
	vertical-align:middle; 
	font-size:10px;
	padding-top:7px;
	background:url(../images/layout/button-bg.png) no-repeat top center;
}
#more-wrapper{
	padding-left:20%;
}
.resource-heading{
	font-size:14px;
}
/*---------------- Footer -----------------------*/

#footer {
	background:url(../images/layout/footer-ds.png) no-repeat;
	height:22px;
}

/*  ::::::::::::::::::
      YUI SPECIFIC
	::::::::::::::::::  */
/*
ACCORDION CONTAINER & ACCORDION PANE
 */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.yui-accordionview {
	margin-bottom: 1.5em;
	border-bottom: 1px #ACD2EF solid;
	border-top: 1px #ACD2EF solid;
	
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	background:none;
	border-bottom: .5px #ACD2EF solid;
	border-top: .5px #ACD2EF solid;
}
.yui-accordion-toggle .indicator {
	display:none;
}
.yui-accordion-toggle.active .indicator {
	display:none;
}
.yui-accordion-toggle{
	text-align:left;
	padding-right:10px;
}
#accord-wrapper {
	position:relative;
	top:0px;
	left:0px;
	height:525px;
	overflow:hidden;
}
.yui-accordion-content{
	border:0px;
	background:url(../images/layout/accord-btm.png) no-repeat bottom center;
	overflow: hidden;
	margin: 0;
	padding: 5px 0px 10px 10px;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:link, .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #ACD2EF;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:visited,  .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:visited { 
	font-weight: bold; 
	text-decoration: none;
	color: #ACD2EF;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:hover,  .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:hover,  .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle:active,  .yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active:active { 
	text-decoration: none;
	color: #ACD2EF;
}
.hidden {
	visibility: hidden;
	position: absolute;
}
.almosthidden {
	position: absolute;
	left: -9999px;
	z-index: -10;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle span {
	margin-right:10px;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle {
	display: block;
	padding: 5px 5px 5px 10px;
	font-size:9px;
	text-transform:uppercase;
	color: #FCBA63;
	text-decoration: none;
	cursor: pointer;
	height:24px;
	text-align:left;
}
.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle.active {
	border-bottom: 0px #ACD2EF solid;
	color: #FCBA63;
	text-decoration: none;
}
#yui-gen0-1-label, #yui-gen0-4-label, #yui-gen0-5-label{
	padding:10px 5px 0px 10px;
}
.yui-accordion-toggle{
	font-weight:bold;
}