/*
COLORS
Define main colors used in a site here for easy reference

Lt Blue on entry side bar and hover state for links on inner page = c8e6fc
Dark Blue for service info on homepage   = 5586b1
Catch phase on bottom of homepage = 005588
Copy on Entry side bar = 2288bb
COpy on inner side bar = ff2c1b
H1, h2 on inner page = 009ada
Inner side bar color = ffe8e5

Typography

Headers and body copy = 'Trebuchet MS'

Sidebar copy, links, and event page = 'Verdana'

*/

html {height: 100%; background: #fff url("../images/bodybg.gif") 0 115px;}
body {
	margin: 0;
	font: 62.5%/1.5em  verdana, helvetica, sans-serif;
	line-height: 1.5;
	color: #333;
	width: 100%;
	height: 100%;
	background: #fff url("../images/bodybg.gif") 0 115px;
}

/* ----------------
	DEFAULTS AND RESETS
    ------------- */

/* PC FF3 adds an outline to Flash objects? */
a, object {
	outline: none;
}

a img { border: none; }

h1, h2, h3, h4, h5, h6 {
    color: #009ada;
	margin: 0;
}  
h2, h3, h4, h5, h6 {
	text-transform: capitalize;
}


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
	color: #009ADA;
	text-decoration: none;
}


h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: underline;
} 

p {margin-top: 0; margin-bottom: 1em;}

h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; } 

dt {
	font-weight: bold;
	margin-bottom: 0;
}
dd {
	margin: 0 1.5em;
}
	dd p:first-child {
		margin-top: .5em;
	}
 
a,
a:link,
a:visited {

}
a:hover,
a:active {
    color: #000;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }


/* For HR's with background images */	
div.hr {
  	height: 3px;
  	margin: 10px 0;
  	background: #fff url() 0 0 repeat-x;
}
	div.hr hr {
	  	display: none;
	}

ul, ol {
    margin: 0 0 0 1.5em;
    padding: 0;
    list-style: disc;
}

ol {
    padding: 0;
}
	ol ul,
	ol ol {
		margin: 0;
		padding: 0;
	}

/* orderedList class can be assigned manually, or with jQuery method. Intended to style bullets differently than text.  */
ol.orderedList li span {
    color: #666;
}
ol.orderedList {
	color: #000;
}
	li {
	    margin: 0;
	    padding: 0;
	} 

blockquote, q {
    margin: 1em 2em;
    padding: 1em;
    border-left: 1px solid #dcd6c6;
    font-style: italic; 
    font-size: 1.2em;   
    color: #666; 
}   

small,
.small { 
    font-size: .8em;
}

/* table { border: 0; border-collapse: collapse; } */

address { font-style: normal; }
form { margin: 0; }


/* ----------------
	PAGE STRUCTURE
	Elements that make up the skeleton of the layout and holds things together
    ------------- */
#page {
	font-size: 1.2em; /* Sets the text to 12px standard */
	width: 100%;
	background: url(../images/pagebg.gif) 0 0 repeat-x;
	min-height: 100%;
}

#wrapper {
	margin: 0 auto;
	margin-bottom: 0;
	width: 860px;
	height: 100%;
	text-align: left;
}

#header {
	position: relative;
	margin: 0;
	height: 156px;
	background: url(../images/headerbg.jpg) 0 bottom no-repeat; 
}

#contentMain {
		background: #FFF url(../images/contentbg.jpg) 0 0 no-repeat;
		margin: 0;
		clear: both;
}

#contentMainInner {
	padding: 5px 45px 35px 45px;
	height: 100;
}

#footer {
	height: 48px;
	background: url(../images/footerbg.gif) 0 0 repeat-x;
	text-align: center;
	clear: both;
	margin-bottom: 25px;
	margin: 0 auto;
	width: 860px;
}

/* ----------------
	Entry Page Styles 
    ------------- */

#entryColumnMain {
		width: 490px;
		margin-right: 20px;	
		float: left;
		overflow: hidden /* Prevent float drop in ie6 */
	}
	
	#entryColumnMain p {
		font-size: 1em;
		text-spacing: -1px;
	}
	
#entryColumnSub {
		width: 260px;
		float: left;
		overflow: hidden /* Prevent float drop in ie6 */
	}
	
	#hammerTravel {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.hammerRun { 
		display: block;
		margin-bottom: 1em; 
		height: 125px;
		width: 260px;
	} 
	
		
/* Entry Page Callouts */
.callout	{
	display: block;
	margin-bottom: 1em;
	width: 260px;
}
	
	#howToHelp {
		background: #c8e6fc url(../images/bluebg.gif) 0 0 repeat-x;
		padding: 0 10px 12px 10px;
		/* Alt style for hasLayout in ie6.css */
	}			
	
	#howToHelp p  {
		font-size: .9em;
		padding-bottom: 10px;
		border-bottom: 1px solid #e2f2fd;
	}	
	
	#howToHelp div {clear: left;}

	#howToHelp div p {
		border-bottom: none; 
		margin: 0;
		width: 120px;
	}

	#howToHelp div img {float: right;}
	
	img.entryPage {margin-bottom: 1em; }

/* Family Area login */

a.familyArea { background: url(../images/callouts/family-area.gif) 0 0 no-repeat; display: block; height: 21px; width: 110px; text-indent: -9999px; position: absolute; bottom: 10px; right: 30px; } 

	a.familyArea:hover { background-position: 0 -21px; }
	
	#logout { position: absolute; bottom: -13px; right: 45px; }
	
/* Facebook Icon */

a.faceBook { background: url(../images/callouts/icon-facebook.gif) 0 0 no-repeat; display: block; height: 20px; width: 20px; text-indent: -9999px; position: absolute; top: 125px; right: 143px; }

#services {
	margin-bottom: 30px;
	padding: 0;
}

	#services p {font-size: 0.9em; margin-top: 0;}
	
	#services p a {
		text-transform: uppercase;
		font-weight: bold;
	}
	
#newsAndEvents {
	width: 160px; 
	float: right;
	margin-left: 15px;
}
	#newsAndEvents ul{margin-left:0;}
	
	#newsAndEvents li {
	list-style: none;
	background: url(../images/blue-list.gif) no-repeat 0 6px;
	padding-left: 15px;
	margin-bottom: 5px;
	}
	#newsAndEvents ul li a {font-size: 0.9em;}
	
	#entryColumnSub h3 {color: #FFF;}

.newsItem {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 1em;
}
.newsItem h2 {
	font-size: 1.2em;
}

/* ----------------
	Inner Page Styles 
    ------------- */
    
#innerColumnMain {
	width: 575px;
	float: left;
	overflow: hidden; /* Prevent float drop in ie6 */
 }
 
#innerColumnMain h1 {
	border-bottom: 1px solid #009ada;
	margin-bottom: 15px;
}

#mainText ul, ol {margin-left: 0;}
#mainText li {
	margin: 3px 0;
	list-style: none;
	background: url(../images/blue-list.gif) no-repeat 0 6px;
	padding-left: 15px;
}

#mainText p span, #sideBar p span {font-weight: bold;}

 #sideBar {
	width: 160px;
	_width: 155px;
	background: #ffe8e5;
	float: right;
	padding: 0 10px 12px 10px;
	margin-left: 15px;
	margin-bottom: 15px;
	font-size: 0.9em;
}

 	#sideBar h3{color: #FFF;}
 	
 	#sideBar h4{margin: 12px 0; color: #FFF;}
 	#sideBar h5{color: #FFF; font-size: 1.15em; margin-top: 5px;}
 	
 	#sideBar p {margin: 12px 0;}
 
 	#sideBar ul.boardDirectors {margin: 0; list-style:none; color: #FFF;}
 	#sideBar ul li {margin: 10px 0; color: #FFF;}
 	#sideBar ul li span {font-weight: bold;}
 	
 	/* Contact Specific sidebar */
 	
 	.contacts #sideBar {
 		width: 257px;
 	}
 	
#innerColumnSub {
	width: 180px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-top: 62px;
	text-align: right;
	overflow: hidden; /* Prevent float drop */
}

body.singleCol #innerColumnSub {
	display: none;
}
body.singleCol #innerColumnMain {
	width: auto;
}
body.singleCol #sideBar {
	display: none;
}


a.giveNow {
		background: url(../images/give-now-button.gif) 0 0 no-repeat;
		width: 157px;
		height: 50px;
		display: block;
		margin-left: 18px;
		margin-bottom: 1em; 
		text-indent: -9999px;
		text-align: left;
	}
	
a.giveNow:hover {
		background: url(../images/give-now-button-hover.gif) 0 0 no-repeat;
	}

a.volunteerBtn { background: url(../images/volunteer-button.jpg) 0 -50px no-repeat; margin-left: 18px; display: block; width: 157px; height: 50px; text-indent: -9999px; text-align: left; }

a.volunteerBtn:hover,
a.volunteerBtn:active { background-position: 0 0; }

 	#innerColumnSub h2 {
 		border-bottom: 1px solid #009ada;
 		margin-bottom: 12px;
 		font-size: 1.1em;
 	}
 	
 	#innerColumnSub ul { margin: 0; list-style: none; }
 	
 		#innerColumnSub li { margin-bottom: 1em; }
 		
 			#innerColumnSub li a { padding: 5px 15px 5px 15px; display: block; color: #009ada; text-transform: uppercase; text-decoration: none; }
 			
 				#innerColumnSub li a span { padding-left: 10px; }
 				
 				#innerColumnSub li a:hover span { background: url(../images/design/innerpage/hoverarrow.gif) 0 40% no-repeat; }
 			
 			#innerColumnSub li a:active { background: none; }
 			
 			#innerColumnSub li.active a { background: #c8e6fc; }
 			
 			#innerColumnSub li ul { padding-top: 1em; }
 			
 				#innerColumnSub li li { margin-bottom: 0.5em; }
 				
 				#innerColumnSub li li.last-child { margin-bottom: 0; }
 				
 					#innerColumnSub li li a { font-size: 0.833em; }
 					
 					#innerColumnSub li.active li a { background: none; }
 	
img.inCopyRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}

img.nursing {
	margin-bottom: 20px;
}

img.inCopyLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}



/* Styles for google maps */

#map_canvas {
	width: auto;
	height: 300px;
	zoom: 1;
}

#map_directions input {
	width: 250px;
	margin-bottom: 12px;
}
#map_directions label {
	font-weight: bold;
}

/* ----------------
	PAGE STRUCTURE ELEMENTS
	Elements  such as logos, search bars, and any other design element repeated throughout the site, but doesn't effect the structural layout
    ------------- */
    
#logo {
	background: url(../images/logo.gif) 0 0 no-repeat;
	position: absolute;
	left: 35px;
	top: 12px;
	width: 206px;
	height: 127px;
	margin-right: 12px;
}
	#logo a {
		width: 206px;
		height: 127px;
		display: block;
		text-indent: -9999px;
	}

/* footer elements */

#footerInner {
	padding-top: 3px;
	font-size: 0.9em;
	margin-bottom: 5px;
}

	#footerInner a {
		text-decoration: none;
		color: #FFF;
	}

	#footerInner a:hover {
		text-decoration: underline;
	}


p.footerCopy {
	color: #0070aa;
	margin: 0;
	line-height: 1;
	margin-top: 3px;
}
	
	p.footerCopy span {
		font-weight: bold;
	}

#footerInner .siteDesignCredit {
	visibility: hidden;
}

			
/* ----------------
	NAVIGATION
    ------------- */
#navMain {
	position: absolute;
	width: 572px;
	height: 128px;
	top: 26px;
	left: 257px;
}

	#navMain ul {
		list-style: none;
		margin-left: 0;
		border-left: none;
	}
	
	#navMain ul li {
		border-right: 1px solid #FFF;
		width: 62px;
		height: 96px;
		float: left;
		border-left: none;
	}
	
	#navMain ul li.last-child {
		border-right: none;
	}
	
	#navMain ul li a {
		display: block;
		padding-top: 78px;
		text-align: center;
		color: #FFF;
		font-family: 'Trebuchet MS';
		text-decoration: none;
		border-left: none;
	}
	
	#navFooter ul {
	list-style: none;
}

	#navFooter ul li {
		display: inline;
		background: url(../images/navfooterlistimage.gif) 0 60% no-repeat;
		padding-left: 9px;
		margin-left: 9px;
	}
	
/* ----------------
	TYPOGRAPHY
    ------------- */
    a:active {
    	background: #c8e6fc;
    }
    
    h1, h2, h3, h4 , h5 , h6 {
    	font-family: 'Trebuchet MS';
    	line-height: 1.5em;
    	}
    
    h2, h3, h4, h5, h6 {
    	margin-bottom: 0.5em;
    }
    
	h1 {
		color: #fe7666;
		font-size: 3em;
		font-family: 'Trebuchet MS';
		line-height: 1.5em;
	
	}
	p.summary {
	 	font-style: italic;
	}
		
	 p.quote {
	 	font-style: italic;
	 }
	 
	 p.quote span {
	 	display: block;
	 	margin-top: 0;
	 	font-style: normal;
	 }
	 
	 p.donor {
	 	margin: 0;
	 	margin-top: -0.5em;
	 	font-style: italic;
	 	font-weight: bold;
	 }
	 
	.index H1 {
		font-size: 1.75em;
		line-height: 1.5em;
		margin-bottom: 0.5em;
	}
	
	/* Setting Special colors based on Current Node */
	
	.about h1, .about #innerColumnSub h2 a , .about #innerColumnSub ul li a {color: #e41929;}
	.about #innerColumnMain h1, .about #innerColumnSub h2 {border-bottom: 1px solid #e41929;}
	.about #sideBar {background: #e41929; color: #FFF;}
	
	.services h1, .services #innerColumnSub h2 a , .services #innerColumnSub ul li a {color: #004e9e;}
	.services #innerColumnMain h1, .services #innerColumnSub h2 {border-bottom: 1px solid #004e9e;}
	.services #sideBar {background: #004e9e; color: #FFF;}
	
	.nursing h1, .nursing #innerColumnSub h2 a , .nursing #innerColumnSub ul li a {color: #77d352;}
	.nursing #innerColumnMain h1, .nursing #innerColumnSub h2 {border-bottom: 1px solid #77d352;}
	.nursing #sideBar {background: #77d352; color: #FFF;}
	
	.giving h1, .giving #innerColumnSub h2 a , .giving #innerColumnSub ul li a {color: #613476;}
	.giving #innerColumnMain h1, .giving #innerColumnSub h2 {border-bottom: 1px solid #613476;}
	.giving #sideBar {background: #613476; color: #FFF;}
	
	.volunteer h1, .volunteer #innerColumnSub h2 a , .volunteer #innerColumnSub ul li a {color: #fb8259;}
	.volunteer #innerColumnMain h1, .volunteer #innerColumnSub h2 {border-bottom: 1px solid #fb8259;}
	.volunteer #sideBar {background: #fb8259; color: #FFF;}
	
	.careers h1, .careers #innerColumnSub h2 a , .careers #innerColumnSub ul li a {color: #e41929;}
	.careers #innerColumnMain h1, .careers #innerColumnSub h2 {border-bottom: 1px solid #e41929;}
	.careers #sideBar {background: #e41929; color: #FFF;}
	
	.products h1, .products #innerColumnSub h2 a , .products #innerColumnSub ul li a {color: #60bed9;}
	.products #innerColumnMain h1, .products #innerColumnSub h2 {border-bottom: 1px solid #60bed9;}
	.products #sideBar {background: #60bed9; color: #FFF;}
	
	.contacts h1, .contacts #innerColumnSub h2 a , .contacts #innerColumnSub ul li a {color: #fdac6b;}
	.contacts #innerColumnMain h1, .contacts #innerColumnSub h2 {border-bottom: 1px solid #fdac6b;}
	.contacts #sideBar h3 {color: #009ADA; margin-bottom: 0;}
	.contacts #sideBar {background: none;}
	
	
	
	h2 a {
		font-size: 1.2em;
		text-decoration: none;
		text-transform: uppercase;
}
	
	#missionStatement {
		clear: left;
		border-top: 1px solid #d0effc;
		padding-bottom: 5px;
		margin-top: 12px;
		width: 380px;
	}
 	
 	#entryColumnMain #missionStatement {
 		width: 440px;
 	}
 	
		#missionStatement p {
			font-style: italic;
			color: #005588;
			font-size: 0.8em;
			font-weight: bold;
			margin-top: 5px;
		}
		
		
/* ----------------
	FORM ELEMENTS
	Label widths are set via jQuery autoWidth, unless you want to set them manually.
    ------------- */
#mainText fieldset {
	border: none;
	margin: 2em 0 2em 0;
	padding: 0;
}
	#mainText fieldset ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#mainText fieldset li {
			clear: both;
			padding: .5em;
			background: none;
		}
		
		#mainText fieldset li.required {
				background-color: #FFFFCF;
			}			
		
		
				
fieldset legend {
	font-weight: bold;
	margin: 0;
}
	
fieldset label,
fieldset input[type="text"]{
    float: left;
    display: block;
}
fieldset label {
	text-align: right;
    margin-right: 5px;
    padding: 4px 0;
}

	fieldset li.other label {
		text-align: right;
	    margin-right: 5px;
	    margin-left: 3.5em;
	    font-size: 0.8em;
	}

	fieldset li.other input {
		width: 100px;
	}
	
fieldset .inputText,
fieldset .inputTextarea,
fieldset .inputTextareaSmall {
    width: 170px;
    overflow: auto;
    padding: 4px;
}
fieldset .inputTextarea {
	height: 8em;
	width: 300px;
}
fieldset .inputTextareaSmall {
	height: 4em;
}
fieldset p.submit {
	text-align: center;
}
fieldset .errorMessage {
	color: #CC0000;
	margin-left: 10px;
	font-size: 1em;
}

form input.protect {
	display: none;
}

div.errors {
	background: #FBE3E4 url(../images/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #CC0000;
	margin: 1em 0;
	width: 100%;
}

	div.errors h4 {
		color: #CC0000;
		margin-top: 1em;
	}
	
	#mainText div.errors li {
		background: none;
		list-style: disc;
		padding: 0;
		margin-left: 1.5em;
	}
	
	div.errorsInner {
		padding-left: 80px;
		background: url(../images/big_error.gif) 15px 1em no-repeat;
	}
	
label span {
	color: #DF4545;
}


/* ----------------
	Secure Login Form
    ------------- */		
#secureLogin .fieldArea { margin-bottom: 0.5em; }    
#secureLogin label { float: left; width: 120px; font-weight: bold; }
#secureLogin .fieldArea input { width: 150px; }
			

/* ----------------
	MISC
    ------------- */
.floatLeft {float: left;}
.floatRight {float: right;}
.alignLeft {text-align: left;}
.alighRight {text-align: right;}
.alignCenter {text-align: center;}
.clear {clear: both;}

.group:after,
fieldset li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* CF, IE.css, IE6.css */


/* home page
----------------------------------------------------------- */
#entryColumnSub a img {border: none; }

a.info {margin: 15px 30px; display: block; }