@charset "utf-8";

/*
Client: Columbia Basin Hospital
Site URL: http://www.columbiabasinhospital.org/

Author: Seth Burnett + Ben Watson
Author URI: http://www.imageworksdigital.com

Version:0.5

Last Modified: 15-Oct-2009

[Table Of Contents]

0- Reset
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer

*/


/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table {border-collapse: collapse;  border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {
height: 100%;
}


body {
	background: url(../images/bg_sun_no_rep.png) top no-repeat #eaf1f5 fixed;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	color:#666666;
}

#nonFooter {
position: relative;
min-height: 100%;
}

* html #nonFooter {
height: 100%;
}

#content
{
padding-bottom: 57px;
}

#footer
{
position: relative;
margin-top: -64px;
}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#content a:link, #content a:visited {
	font-weight: bold;
	color: #bc8661;
	text-decoration: none;
}

#content a:hover, #content a:active { text-decoration: underline;}

#footer a:link, #footer a:visited {color:#8bb3d0; text-decoration: none;}
#footer a:hover, #footer a:active {color:#ffffff; text-decoration: underline;} 


/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

h1 {font-size: 18px; font-weight: bold; color: #609d51;}

h2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #426279;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #426279;
	margin:8px 0 3px 0;
	}

h4 {}

h5 {}

h6 {}
 

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#headWrapper
{
	/*width:960px;*/
	width:100%;
	margin: 0 0 5px 0;
	padding: 0;
	background:#5f9d51;
}

#header {
	height: 77px;
	background:url(../images/bg_noborder_no_rep.png) top center no-repeat fixed;
	border-bottom: 7px solid #426279;
	border-top: 7px solid #426279;
}

/* =5 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

ul.menu {
	height:31px;
	width: 800px;
	top:0;
	list-style:none;
	margin: 0 auto;
}

ul.menu li {
	display: inline;
	float: left;

}

ul.menu li a {
	display:block;
	height: 36px;
	text-indent: -999px;
	overflow: hidden;
}


ul.menu li.item1 a { width:114px; background:url(../images/btn_home.png) no-repeat top left;}

ul.menu li.item54 a { width:114px; background:url(../images/btn_community.png) no-repeat top left;}

ul.menu li.item55 a { width:115px; background:url(../images/btn_family.png) no-repeat top left;}

ul.menu li.item56 a { width:114px; background:url(../images/btn_garden.png) no-repeat top left;}

ul.menu li.item57 a { width:113px; background:url(../images/btn_employment.png) no-repeat top left;}

ul.menu li.item58 a { width:114px; background:url(../images/btn_auxiliary.png) no-repeat top left;}

ul.menu li.item59 a { width:116px; background:url(../images/btn_contact.png) no-repeat top left;}

ul.menu li a:link, ul.menu li a:visited{background-position: 0 0;}
ul.menu li a:hover, ul.menu li a:active{background-position: 0 -36px;}

body.community ul li.item54 a:link, body.community ul li.item54 a:visited, body.community ul li.item54 a:hover, body.community ul li.item54 a:active  {background-position:0 -72px;}
body.family ul li.item55 a:link, body.family ul li.item55 a:visited, body.family ul li.item55 a:hover, body.family ul li.item55 a:active  {background-position:0 -72px;}
body.garden ul li.item56 a:link, body.garden ul li.item56 a:visited, body.garden ul li.item56 a:hover, body.garden ul li.item56 a:active  {background-position:0 -72px;}
body.employment ul li.item57 a:link, body.employment ul li.item57 a:visited, body.employment ul li.item57 a:hover, body.employment ul li.item57 a:active  {background-position:0 -72px;}
body.auxiliary ul li.item58 a:link, body.auxiliary ul li.item58 a:visited, body.auxiliary ul li.item58 a:hover, body.auxiliary ul li.item58 a:active  {background-position:0 -72px;}
body.contact ul li.item59 a:link, body.contact ul li.item59 a:visited, body.contact ul li.item59 a:hover, body.contact ul li.item59 a:active  {background-position:0 -72px;}



/* =6 Middle
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#content {
	width:800px;
	margin:0 auto;
}

#homeFeature {
	width:768px;
	height: 205px;
	border: 1px solid #e1e6ea;
	
	margin:/* 7px 0 15px*/ 0;
	padding: 15px;
	background:url(../images/home_main_feature_norep.jpg) no-repeat top left;
}

#homeFeature p {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	width:395px;
	font-size: 13px;
	line-height: 18px;
	padding: 12px 0;
}

#homeSubFeature {
	width: 768px;

	border: 1px solid #e1e6ea;
	
	padding: 15px;
}

.subFeature {
	width: 245px;

	float: left;
}

.subFeature img {
	margin-bottom: 10px;
	border: 1px solid #e1e6ea;
}

.subFeature p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color:#666666;
}

.A{margin:24px 17px 0 0;}
.B{margin:24px 16px 0 0;}
.C{margin:24px 0 0 0;}

#bodyCopy {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	
	font-size: 13px;
	line-height: 18px;
	padding:30px 0 0 0;
}

body.home #bodyCopy {
	padding: 6px 0 0 0;
}

#bodyCopy p {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	
	font-size: 13px;
	line-height: 18px;
	padding: 12px 0;
}

#bodyCopy ul {
}

#bodyCopy li {
	padding:4px 0 4px 12px;
}

/* =7 Form
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.clear { clear:both; }

ul.styledList { list-style:inside disc; }

.styledList li { margin-left:3px; }

/*.external {padding-right:4px; }*/

.external:after {content: url(../images/external.png); padding-left:4px;}

.docImg {padding: 15px;}

#bodyCopy p.mission { font-size: 16px; line-height: 24px;}

/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#footer {
width: 100%;
border-top: 7px solid #5f9d51;
background: #426279;
height: 48px;
padding: 9px 0 0 0;
}

#footerContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#8bb3d0;
	width:800px;
	margin: 0 auto;
	/*padding: 9px 0 0 0;*/
	height: 100%;
	line-height:13px;
	text-align: center;
}