/*----------------------------------------------------

HTML

----------------------------------------------------*/

body,td,th {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

}

body {

	background-color: #003402;

	background-image: url(/images/bg-tile.jpg);

	background-repeat: repeat;

	background-position: left top;

	margin: 0;

	padding: 0;

}

a:link{

	color: #0000FF;

}

a:visited{

	color: #6666FF;

}

a:hover,

a:active{

	color:#000099;

}



h1{

	margin: 0;

	padding: 0;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 25px;

	line-height: 28px;

	font-weight: normal;

	color: #0E4811;

}

h2{

	margin: 0;

	padding: 0;

	font-size: 14px;

	line-height: 17px;

	font-weight: bold;

	font-style: normal;

}

h3{

	margin: 0;

	padding: 0;

	font-weight: bold;

}

h4{

	margin: 0;

	padding: 0;

	font-weight: bold;

}

p{

	margin: 0;

	padding: 0;

}



/*----------------------------------------------------

Header

----------------------------------------------------*/

#top-tile{

	background-image: url(/images/bg-top-tile.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

#header{

	width: 950px;

	background-image: url(/images/header-photo.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	padding: 0;

	margin: 0 auto;

}

#logo{

	height: 118px;

}

.clearline{

	clear: both;

	height: 0 !important;

	overflow: hidden;

}





/*----------------------------------------------------

Content area and footer

----------------------------------------------------*/

#content{

	border: 1px solid #FFFFFF;

	border-bottom: none;

	background-color: #DCE7EE;

	width: 948px;

	margin: 3px auto 0 auto;

	padding: 0;

}





#footer{

	width: 950px;

	margin: 0 auto;

	background-color: #CEDDE7;

}

#textlinks{

	padding: 20px;

	margin: 0;

	width: 600px;

	float: left;

}

#textlinks p{

	margin: 1em 0;

}

#mainlinks{

	

}

#facebook{

	width: 258px;

	float: right;

	padding: 70px 20px 20px 0;

}



/*----------------------------------------------------

Content pages framework

----------------------------------------------------*/

#content-lt{

	background-image: url(/images/home-content-tile.gif);

	background-repeat: repeat-x;

	background-position: left top;

	background-color: #FFFFFF;

	padding: 25px 47px 40px 27px;

	width: 649px;

	min-height: 730px;

	height: 730px;

	height: auto !important;

	float: left;

	border-right: 1px solid #FFFFFF;

}

#content-padding{

	padding: 30px 0 0 12px;

}

#content-rt{

	width: 224px;

	float: right;

}





/*----------------------------------------------------

Common font sizes/treatments and paragraph spacing

----------------------------------------------------*/

.font-size-10px{

	font-size: 10px;

	line-height: 13px

}

.font-size-11px{

	font-size: 11px;

	line-height: 14px;

}

.font-size-12px{

	font-size: 12px;

	line-height: 16px;

}



.padding-top{

	padding-top: 1em;

}

.padding-bot{

	padding-bottom: 1em;

}



.inline{

	display: inline;

}



/*----------------------------------------------------

Callouts

----------------------------------------------------*/

#callouts{



}

#callouts ul{

	margin: 0;

	padding: 0;

	list-style-type: none;

}

#callouts li{

	margin: 0;

	padding: 0;

	width: 224px;

	float: left;

	background-repeat: repeat-x;

	background-position: left top;

}

#callouts li a{

	display: block;

	cursor: pointer;

}

#callouts li a:link,

#callouts li a:visited,

#callouts li a:hover,

#callouts li a:active{

	text-decoration: none;

	color: #333333;

}

#callouts li a:hover,

#callouts li a:active{

	color: #000000;

}





.callout-content{

	background-repeat: no-repeat;

	background-position: left top;

	display: block;

	padding: 41px 0 26px 0;

}

.callout-image{

	background-repeat: no-repeat;

	background-position: center top;

	display: block;

	padding: 112px 7px 0 7px;

	width: 158px;

	margin: 0 auto;

}





.callout-donate{

	background-image: url(/images/callout-tile-donate.gif);

	background-color: #EAC5AA;

}

.callout-donate .callout-content{

	background-image: url(/images/home-callout-donate.gif);

}

.callout-donate .callout-image{

	background-image: url(/images/callout-photo-donate.jpg);

}

.callout-donate:hover{

	background-image: url(/images/callout-tile-donate-hover.gif);

	background-color: #EFD4BF;

}



#callout-carver{

	background-image: url(/images/callout-tile-carver.gif);

	background-color: #DDBE7B;

}

#callout-carver .callout-content{

	background-image: url(/images/home-callout-carver.gif);

}

#callout-carver .callout-image{

	background-image: url(/images/callout-photo-carver.jpg);

}

#callout-carver:hover{

	background-image: url(/images/callout-tile-carver-hover.gif);

	background-color: #E6CE9C;

}



#callout-volunteer{

	background-image: url(/images/callout-tile-volunteer.gif);

	background-color: #9AB5D0;

}

#callout-volunteer .callout-content{

	background-image: url(/images/home-callout-volunteer.gif);

}

#callout-volunteer .callout-image{

	background-image: url(/images/callout-photo-volunteer.jpg);

}

#callout-volunteer:hover{

	background-image: url(/images/callout-tile-volunteer-hove.gif);

	background-color: #B3C8DC;

}



/*----------------------------------------------------

Nav Tabs & sublinks

----------------------------------------------------*/

#tabs{

	width: 404px;

	float: left;

}

#tabs ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}

#tabs li{

	margin: 0 1px 0 0 !important;

	padding: 0;

	float: left;

}

#donate{

	background-image: url(/images/nav/donate-online.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

#donate:hover{

	background-image: url(/images/nav/donate-online-hover.gif);

}

#events{

	background-image: url(/images/nav/events.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

#events:hover{

	background-image: url(/images/nav/events-hover.gif);

}

#volunteer{

	background-image: url(/images/nav/volunteer.gif);

	background-repeat: no-repeat;

	background-position: left top;

}

#volunteer:hover{

	background-image: url(/images/nav/volunteer-hover.gif);

}



/*font treatments*/

#tabs ul li li a{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 12px;

	text-align: left;

	display: block;

	margin: 0;

	padding: 6px 15px 6px 25px;

}

#tabs ul li li a:link,

#tabs ul li li a:visited,

#tabs ul li li a:hover,

#tabs ul li li a:active{

	color: #ffffff;

	text-decoration: none;

}



#tabs ul ul{

	padding: 1px 2px 2px 2px;

	border-top: 0;

}



#tabs li li{

	margin: 1px 0 0 0 !important;

}





#donate ul{

	width: 230px;

	background-color: #C15709;

}

#donate li{

	background-color: #A24806;

}

#donate li:hover{

	background-color: #833903;

}



#events ul{

	width: 200px;

	background-color: #906C00;

}

#events li{

	background-color: #7B5C00;

}

#events li:hover{

	background-color: #624900;

}





#volunteer ul{

	width: 160px;

	background-color: #3E7AB7;

}

#volunteer li{

	background-color: #336699;

}

#volunteer li:hover{

	background-color: #2C5781;

}







/*-------------------------------------------------------------------------

BASIC SET UP - PROBABLY WILL NOT MODIFY

-------------------------------------------------------------------------*/

#tabs ul,

#tabs ul li,

#tabs ul li a{

	display: block;

	margin: 0;

	padding: 0;

}

#tabs ul{

	list-style-type: none;

	height: 1%;

	line-height: 1;

}

#tabs ul ul{

	height: auto !important;

}

#tabs ul li{

	float: left;

}

#tabs li li{

	width: 100%;

}

#tabs li ul {

	position: absolute;

	left: -999em;

}

#tabs li:hover > ul{ 

	left: auto;

}

#tabs li:hover {

	position: static;

}



#tabs li:hover ul ul{

	left: -999em;

}

#tabs li:hover ul,

#tabs li li:hover ul{ 

	left: auto;

}



#tabs ul{

	z-index: 3;

}



/*----------------------------------------------------

Nav Links

----------------------------------------------------*/

#nav{

	background-image: url(/images/nav-tile.gif);

	background-repeat: repeat-x;

	background-position: left top;

	background-color: #0E4811;

	border: 1px solid #0E4811;

	border-bottom: none;

	width: 544px;

	float: left;

	margin: 13px 0 0 0;

}

#nav ul,

#nav ul li,

#nav ul li a{

	display: block;

	margin: 0;

	padding: 0;

}

#nav ul{

	list-style-type: none;

	height: 1%;

}

#nav ul ul{

	height: auto !important;

}

#nav ul li{

	float: left;

}

#nav li li{

	width: 100%;

}

#nav li ul {

	position: absolute;

	left: -999em;

}



/*Needed for sub sublinks*/

#nav ul,

#nav ul ul{

	line-height: 1;

}

#nav li:hover > ul{ 

	left: auto;

}

#nav li:hover {

	position: static;

}



#nav li:hover ul ul{

	left: -999em;

}

#nav li:hover ul,

#nav li li:hover ul,

#nav li li.sfhover ul { 

	left: auto;

}



#nav ul{

	z-index: 3;

}







/*---------------------------------

Subnav formatting

---------------------------------*/

#nav ul li:hover{

	background-color: #003300;

}

#nav ul ul{

	background-color: #003300;

	padding: 1px 2px 2px 2px;

	border-top: 0;

}

#nav ul ul li{

	background-color: #0E4811;

	margin: 1px 0 0 0;

}

#nav ul ul li:hover{

	background-color: #006600;

}





#nav ul li a{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 12px;

	text-align: left;

	text-transform: uppercase;

	display: block;

	margin: 4px 0 5px 0;

	padding: 3px 12px;

	border-left: 1px solid #FFFFFF;

}

#nav ul li li a{

	text-transform: none;

	border-left: none !important;

	font-size: 11px;

}

#nav ul li a:link,

#nav ul li a:visited,

#nav ul li a:hover,

#nav ul li a:active{

	color: #ffffff;

	text-decoration: none;

}



/*Removes the line to the left of the 1st link*/

#link1 a{

	border-left: none !important;

}



#link2 ul{

	width: 140px;

}

#link3 ul{

	width: 200px;

}



/*-------------------------------------------------------------------

Fade container for pop-up layer

-------------------------------------------------------------------*/

#fade-container{

	display: none;

	position: absolute;

	z-index: 50;

	left: 0;

	top: 0;

	width: 100%;

	background-color: #000000;

	opacity: .5;

	filter: alpha(opacity=50);

	overflow: hidden;

}