/* Table of Contents 
=======================
	* - Global
    1 - Header
    2 - Structure
    3 - Nav
    4 - Search
    5 - Headings
    6 - Lists
    7 - Forms
    8 - Links
    9 - Misc
	12- Calendar
=======================
*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
	background-image: url(../images/top.gif);
	font-family: Helvetica, sans-serif;
	background-repeat: repeat-x;
	widows: 3;
}

pre {
  	background-color: #eee;
  	padding: 10px;
  	font-size: 11px;
}

hr {
	margin: 10px 0px;	
}

img { behavior: url(/stylesheets/iepngfix.htc) }


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

div#swiff {
	width: 1000px;
	height: 295px;
	clear:both;
	position: relative;
	margin: 0px;
	margin-left: -20px;
	top: -20px;
	background-image: url(../images/flash.bg.jpg);
}

div#banner{
	height: 100px;
	clear: both;
}

div#banner .content{
	height: 90px;
	width: 960px;
	margin: 0px auto;
	text-align: left;
}

div#banner .content #logo {
	margin: 10px 0px 10px -10px;
	float: left;
}

div#banner .footer{
	height: 10px;
	width: 100%;
}

div#banner .content div#contact {
	background-image: url(../images/contact.bar.bg.png);
	background-repeat: no-repeat;
	font-size: 13px;
	color: #0375BF;
	width: 	276px;
	height: 31px;
	overflow: hidden;
	margin: 10px 0px;
	padding-top: 2px;
	text-align: center;	
}

div#banner .content div#contact span.text{
	position: relative;
	margin-top: 0px;
	top: 3px;
	height: 25px;
	overflow: hidden;
} 

div#banner .content div#contact span.text a {
	color: #338fca;
	text-decoration: none;
	margin: 0px 3px;
	font-size: 13px;
}

/* 2- Structure
----------------------------------------------- */

div#home-wrapper {
	width: 946px;
	float: left;
}

div#content-wrapper {
	display: block;
	line-height: 1.5;
	text-align: justify;
	font-size: 11pt;
	color: #464646;
	line-height:1.5em;
	margin: 0px auto;
}

div#content{
	margin-bottom: 50px;
	display:block;
}


#page .header {
	margin-left: 5px;
}

#page .content {
	margin-top: 10px;
	padding: 0px 25px;
	text-align: justify;
}

#page .pad {
	padding: 0px 25px;
}

#page .content > div.editable {
	position: relative;
}

#page .content .location {
	min-height: 100px;	
	margin: 10px;
	clear: both;
	margin: 10px 0px;
	float: left;
	width: 750px;
}

#page .content .location div.pic img {
	border: 3px solid #DFDFDF;
	padding: 3px;
	margin-right: 5px;
}

#page .content .location h5 {
	font-size: 14px;
	color: #3669AC;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}

#page .footer {
	height: 50px;
}

#page .buttons {
	margin: 10px 0px;
	padding: 10px 0px;
	text-align: center;
}

#page h4 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3669ac;
	font-weight: bolder;
	margin: 10px 0px;	
}

#map {
	height:400px;margin: 50px 20px; border: 4px solid #3669AC;
}

a#benefits , a#donation, a#know {
	width: 315px;
	height: 73px;
	background-repeat: no-repeat;
	float: left;
	margin: 5px 5px 0px 0px;
	margin-bottom: 20px;	
}

a#benefits {background-image: url(../images/homeQuickBenefits.jpg);}
a#benefits:hover {background-image: url(../images/homeQuickBenefitsOver.jpg);}
a#donation {background-image: url(../images/homeQuickDonation.jpg);}
a#donation:hover {background-image: url(../images/homeQuickDonationOver.jpg);}
a#know {background-image: url(../images/homeQuickKnow.jpg);}
a#know:hover {background-image: url(../images/homeQuickKnowOver.jpg);}

/*---------------SUBPAGE QUICK --------------------*/

a#locations , a#providers, a#services {
	width: 233px;
	height: 55px;
	background-repeat: no-repeat;
	float: left;
	margin: 5px 5px 0px 0px;
	display: block;	
}

a#locations{background-image: url(../images/subQuickLeftLocations.jpg);}
a#locations:hover {background-image: url(../images/subQuickLeftLocationsOver.jpg);}
a#providers {background-image: url(../images/subQuickLeftProviders.jpg);}
a#providers:hover {background-image: url(../images/subQuickLeftProvidersOver.jpg);}
a#services {background-image: url(../images/subQuickLeftServices.jpg);}
a#services:hover {background-image: url(../images/subQuickLeftServicesOver.jpg);}

/*----------------Footer ------------------*/

div#footer {
	background-image: url(../images/footer.bg.png);	
	background-repeat: repeat-x;
	min-height: 100px;
	height: auto;
	background-color: #6699cc;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;	
	padding-bottom: 20px;
	width: 100%;
}

div#footer a {
	color: #FFFFFF;	
}

div#footer h4 {
	font-size: 12px;
}

div#footer .header {
	height: 20px;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	vertical-align:middle;
	padding-bottom: 30px;
}

div#footer .container .header span.text {
	height: 20px;
	float:left;
	margin-left: 100px;
}

div#footer .container .header span.contact {
	height: 20px;
	float:left;
	margin-top: 15px;
}

div#footer .header span.text a img {
	position: relative;
	margin: 0px;
	bottom: -10px;
}

div#footer .header span.text a img:hover {
	text-decoration: none;
}

div#footer .footer{
	height: 20px;
	padding: 10px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	clear: both;
	width: 900px;
	text-align: center;
}

div#footer li , #footer ul{
	 list-style-type: none;
	 padding: 0px;
	 margin: 3px 0px;	
}

div#footer h4 {
	font-weight: bolder;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;	
}

div#footer .footer li{
	list-style-type: none;
	display: inline;
	margin: 0px 10px;
	font-size: 12px;
}

div#footer div#copyright {
	position : relative;
	margin: 0px;
	top: 5px;
	text-align: center;
}

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

/*-----Top Blue NavBar --*/

div#topnav {
	width: 100%;
	height: 24px;
	color: #9bcae7;
	vertical-align: middle;
	padding-top: 1px;
}

div#topnav .content{
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}

div#topnav a {
	color: #FFFFFF;
	text-decoration: none;
	
}

div#topnav .content .left {
	float: left;
	
}

div#topnav .content .right {
	float: right;
	color: white;
}

/*-----Left Nav --*/

div#leftnav {
	padding-bottom: 100px;
}

div#leftnav, div#leftnav .top, div#leftnav .middle, div#leftnav .bottom{
	width: 231px;
	float: left;
	background-position: top center;
	background-repeat: no-repeat;
	color: white;
	font-size: 14px;

}

div#leftnav .top {
	height: 9px;
	background-image: url(../images/leftnav-top.png);	
}

div#leftnav .middle {
	background-image: url(../images/leftnav-middle.png);
	background-repeat: repeat-y;	
}

div#leftnav .middle .content {
	min-height: 300px;
	padding-left: 20px;		
}

div#leftnav .bottom {
	height: 32px;
	background-image: url(../images/leftnav-bottom.png);
}

div#leftnav a {
	color: white;
	font-size: inherit;	
}


div#leftnav ul {
	list-style-image: url(../images/arrow.gif);	
}

div#leftnav li {
	margin: 3px;
}

div#leftnav ul li ul {
	list-style-image: none;
	font-size: 12px;
}

/*-----Main Nav --*/

div#navbar {
	clear: both;
	font-family: Helvetica, sans-serif;
	margin-bottom: 20px;
	color: #004a80;
	font-size: 16px;
}

div#navbar a {
	text-decoration: none;
	color: #004a80;
}

div#navbar a:hover {
	text-decoration: underline;
}

div#navbar .content{
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}

div#navbar .content ul#nav {
	color: #004a80;
	margin: 0px;
	padding: 0px;
	margin-top: 14px;
	float: left;
}


div#navbar .content ul#nav li {
	display: inline;
	list-style: none;
	margin: 0px;
	margin-right: 35px;
}

/*-----Text Resize Tool --*/

div#navbar .content #textsize {
	background-image: url(../images/text.resize.bg.png);
	float: right;
	text-align: center;
	width: 230px;
	height: 54px;
	margin-right: 35px;
	z-index: 0;
	position: relative;
}

div#navbar .content #textsize .text {
	color: #71a1d2;
	position: relative;
	margin-top: 0px;
	top: 12px;
	padding: 10px 0px;
	font-size: 12pt;
}

div#navbar .content #textsize .text a {
	color: #977b38;
	cursor: default;
}

div#navbar .content #textsize .text a.resizer {
	font-size: 10pt;
}

div#navbar .content #textsize .text a.med {
	font-size: 12pt;
}

div#navbar .content #textsize .text a.lg {
	font-size: 14pt;
}

/*-----Text Resize Sizes --*/

div#content.small {font-size: 10pt;}
div#content.medium {font-size: 12pt;}
div#content.large {font-size: 14pt;line-height: 1.2em;}

/*-----Sub-Nav --*/

div#subnav{
	background-image: url(../images/sub.nav.bg.png);
	background-repeat: no-repeat;
	width: 	948px;
	height: 50px;
}

div#subnav ul.subnav {
	padding: 0px;
	margin: 0px;
	text-align: center;
	position: relative;
	font-weight: normal;
	padding-top: 13px;

}

div#subnav ul.subnav li {
	list-style: none;
	display: inline;
	margin: 0px 40px;
}

div#subnav ul.subnav li a {
	color: #816626;
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	
}

div#subnav ul.subnav li a:hover {
	text-decoration: underline;
}

/* 4 - Search
----------------------------------------------- */

#search {
	float: right;
	padding-top: 3px;
	z-index: 0;
	position: relative;
}

#search input.search {
	background-image: url(../images/search.form.bg.gif);
	border: 1px solid #999999;
	width: 179px;
	height: 18px;
	line-height: 12px;
	padding: 3px;
	font-size: 16px;
}

#search input.search-submit {
	position: relative;
	margin-top: 0px;
	top: 5px;
	font-size: 16px;
	padding: 0px;
}


/* 5 - Headings
----------------------------------------------- */

h4 {
	font-size: 16px;
	font-family: Helvetica, sans-serif;
	color: #6699CC;
	font-weight: bolder;
	margin: 10px 0px;	
}


h5 {
	font-size: 16px;
	font-family: Helvetica, sans-serif;
	color: #3669ac;
	font-weight: bolder;
	margin: 10px 0px;	
}

h6 {
	font-size: 16px;
	font-family: Helvetica, sans-serif;
	color: #666;
	font-weight: bold;	
}


/* 6 - Lists
----------------------------------------------- */

/* 7 - Forms
----------------------------------------------- */

/* 8 - Links
----------------------------------------------- */

a { color: #004a80; text-decoration: none; }

a:visited { color: #666; }

a:hover { text-decoration: underline; }

/* 9 - CMS
----------------------------------------------- */

/* 10 - Errors
----------------------------------------------- */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* 11 - Admin
----------------------------------------------- */

/* 12 - Calendar
----------------------------------------------- */
div.calendar {
	float: right;
	margin: 0 0 12px 26px;
	width: 325px;
	height: 365px;
	position: relative;
	background: url(../images/calendar/fill.jpg) no-repeat;
}
div.calendar div.top {
	height: 54px;
}
div.calendar table {
	width: 170px;
	position: absolute;
	top: 13px;
	right: 10px;
}
div.calendar div.top td {
	width: 20px;
}
div.calendar div.top th {
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	padding: 0;
}

div.calendar div.grid {
	width: 311px;
	margin: 8px 10px 9px 4px;
	padding: 0;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
}
div#days {
	position: relative;
}

div.calendar div.clear {
	clear: both;
}
div.calendar div.loading-dialog {
	z-index: 1000;
	position: absolute;
	width: 100%;
	height: 60px;
	top: 60px;
	background: url(/images/calendar/ajax-loader.gif) no-repeat center center;
}

div.calendar div.day {
	position: relative;
	display: inline-block;
	float: left;
	width: 43px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	background: #fff;
	font-size: 12px;
}

div.calendar div.active {
	cursor: pointer;
}
div.calendar div.inactive {
	color: #999;
}
div.calendar div.active:hover {
	background: #e6ecb3;
}
div.calendar div.today {
	background: #e4effb;
}
div.calendar div.event-item, div.calendar div.event-item:hover {
	background: #abc7e5;
}

div.calendar div.event-item:hover {
	background: #eee;
}

div.calendar div.bottom {
	font-size: 12px;
	position: absolute;
	bottom: 4px;
	left: 8px;
}

div.tip {
	width: 200px;
	background: #CBE7FF;
	padding: 10px;
	position: relative;
	z-index: 300000;
}
div.tip h4 {
	padding: 0;
	margin: 0;
	color: #3669AC;
}
div.tip p {
	text-align: justify;
	margin: 4px 0 4px 0;
}

div.mapItem span {
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 16px;
}


/* 13 - MISC CLASSES
----------------------------------------------- */

.brown {
	color: #977B38 !important;
}

ul.pdf {
	list-style-image: url(../images/pdf.icon.jpg);	
}

.buttons .button {
	width:220px;
	float: left;
	margin: 0px 5px;
}


.article , .announcement {
	margin: 10px 0px;
}

.aboutnav td{
	padding: 0px;
}


.announcement h6 {
	font-size: 16px;
	font-family: Helvetica, sans-serif;
	color: #464646;
	font-weight: bolder;
	font-style: oblique;	
}

.job {
	margin-left: 10px;
}
.gallery  {
	width: 100%;
	clear:both;
}

.gallery img {
	padding: 1px;
	border: 4px solid #DDD;
}

.gallery a {
	float: left;
	margin: 10px;
}

.testimonial {
	margin-bottom: 10px;
	padding: 10px;
}

.testimonial .photo {
	padding: 2px;
	border: 3px solid #DDD;	
}

.testimonial .photo {
	
}

/* 14 - Contact Forms
----------------------------------------------- */


div#contactform {
	width: 697px;
	font-family: Times;
	font-style: italic;
	color: #977B38;
}

div#contactform div.cheader, div#contactform div.cmiddle, div#contactform div.cfooter {
	width: 697px;
	float: left;
	display: block;
	background-position: top left;
}

div#contactform div.cheader {
		background-image: url(../images/form.top.jpg);
		background-repeat: no-repeat;
		height: 10px;
}

div#contactform div.cmiddle {
		background-image: url(../images/form.middle.jpg);
		background-repeat: repeat-y;
}

div#contactform div.formcontent {
		padding: 10px;
}

div#contactform div.formcontent input {
	background-image: url(../images/search.form.bg.gif);
	border: 1px solid #999999;
	width: 179px;
	height: 18px;
	line-height: 12px;
	padding: 3px;
	font-size: 16px;
}

div#contactform div.formcontent textarea {
	border: 1px solid #999999;
	width: 179px;
	height: 100px;
}

div#contactform div.formcontent input.csubmit {
	width: 161px;
	height: 35px;
	border: none;
}

div#contactform div.formcontent p {
	width: 80%;
	padding-left: 20px;
	margin: 10px 0px;
	text-align: right;
}

div#contactform div.formcontent h3 {
	color: #977B38;
		padding-left: 20px;
}

div#contactform div.formcontent p label {

	padding-right: 10px;
}

div#contactform div.cfooter {
		background-image: url(../images/form.bottom.jpg);
		background-repeat: no-repeat;
		height: 14px;
}

/* 14 - Top Nav Location Drop Down
----------------------------------------------- */

/*
.menu {font-family: arial, sans-serif; width:200px; float: right; position: relative; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;width:200px; height:25px; text-align:center; color:#fff; line-height:20px; font-size:11px; overflow:hidden;background-color: #666;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}*/

/* specific to non IE browsers *//*
.menu ul li:hover a {color:#fff; width: 200px;}
.menu ul li:hover ul {display:inline-block; position:relative; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#003366; color:#FFF;}
.menu ul li:hover ul li a:hover { color:#000;background:#A3C2E0;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;background:#A3C2E0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}*/

#location, #location ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 10px;
	z-index: 1000;
	position: relative;
}

#location a {
	display: block;
	width: 8em;
	text-decoration: none;
}

#location li { /* all list items */
	width: 6em; /* width needed or else Opera goes nuts */
}

#location a.title {
	position: relative;
	padding-bottom: 7px;
	width: 20em;
	padding-left: 2px;
}

#location li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align: center;
	width: 7em;
}

#location li ul li a{
	color: white;
		background: #036;
	text-decoration: none;
	z-index: 10000;
	width: 11em;
	padding: 5px;
	position : relative;
}

#location li ul li a:hover{
	background-color: #A3C2E0;
}

#location li:hover ul, #location li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.locations {
	float: right;
	margin-right: 100px;
}


div.search-result {
	margin-bottom: 24px;
}
div.search-result p, div.search-result h3 {
	margin: 0;
	padding: 0;
}
div.search-result a {
	color: #3669AC;
	text-decoration: underline;
}
div.search-result h3 a {
	text-decoration: underline;
}
div.search-result p {
	color: #444;
}
div.search-result span {
	color: #999;
}