/* screen styles from template version 1.0 */
/* NOTE: any * > selector rules are for standards-compliant browsers. The rule before will have a style that works in IE6. */
/* Table of Contents 
	Non-displaying Elements
	Typography and Inline Elements
	Layout
		Page Specific Typography and Layout
	Navigation
		Specific Nav Button Styling
*/

/* Non-displaying Elements*/
/* *************************************************************************************** */
#branding p {display:none;}
#nav a, #branding {text-indent:-9999px; overflow:hidden} /* moves text inside menu anchors off screen. Remove if not using graphics for menu links. */

/* Layout */
/* *************************************************************************************** */
body {
	font-size:0.875em; /* makes font a specific size... must find it... */
	text-align:center;
	background: #352013 url(../images/top_tile.png) repeat-x center top;
	margin-bottom:2em;
}
#container {
	height:auto;
	margin:0 auto;
	position:relative;
	text-align:left;
	width: 960px;
	background:url(../images/content_bg.png) repeat-y;
}
#branding {
	background: url(../images/branding.png) no-repeat;
	height: 116px;
	width: auto;
}
#content {
	background: url(../images/content_bottom.png) no-repeat bottom;
	padding: 20px 20px 22px;
	width: 920px;
	margin-bottom:-7px;
}
#page-image {
	margin-left: -10px;
	margin-bottom: 1em;
}
* HTML #page-image {width:920px;overflow:hidden;margin-left:0;} /* makes the image 920 px wide instead of 940px for the rest of the browsers. */

#learn-more {
	float: right;
	margin-bottom: 1em;
}

/* Page Specific Typography and Layout */
/* use a class on the body to change specific parts of the layout based on portions of the website (e.g. user vs. admin) */
.layout-home p {width:370px}
.layout-home h1 {text-align:inherit}

/* Navigation */
/* placement of navigation */
/* *************************************************************************************** */
#nav {position: absolute;
	top: 104px;
	width: 960px;
	height: 14px;
	left:10px;
	overflow:hidden}

#nav-main a, #nav-secondary a {float:left;display:block; background-image:url(../images/nav_sprites.png); background-repeat:no-repeat}


#nav ul, #nav li, #nav-section ul, #nav-section li {/* fix IE6 and IE7 List bug */ display: inline; list-style:disk inside; padding:0; }

#nav-section {line-height:2em; width: 920px; color: #493528; font-weight: bold; font-size:0.9em; margin:0 0 1.5em; text-align:center}
#nav-section li {white-space:no-wrap; margin-right:1em;}
#nav-section a:link, #nav-section a:visited {color:#352013; text-decoration:none; margin-left:.25em}
#nav-section a:focus, #nav-section a:hover, #nav-section a:active {color:#93683D; text-decoration:underline}




/* Specific Nav Button Styling */
/* used if buttons use images instead of text or combined with text */

#btn-home {background-position:0 0; width:56px}
#btn-destinations {background-position:-56px 0; width:129px}
#btn-events {background-position:-185px 0; width:77px}
#btn-lodging {background-position:-262px 0; width:88px}
#btn-history {background-position:-350px 0; width:84px}
#btn-contact {background-position:-434px 0; width:84px; margin-right:72px}
				
#btn-maps {background-position:-590px 0; width:44px}
#btn-search {background-position:-634px 0; width:51px}
#btn-links {background-position:-685px 0; width:43px}
#btn-grant_applications {background-position:-728px 0; width:118px}
#btn-board_members {background-position:-846px 0; width:94px}

#btn-home:hover,#btn-home:active {background-position:0 -15px;}
#btn-destinations:hover, #btn-destinations:active {background-position:-56px -15px}
#btn-events:hover,#btn-events:active  {background-position:-185px -15px;}
#btn-lodging:hover,#btn-lodging:active {background-position:-262px -15px;}
#btn-history:hover,#btn-history:active {background-position:-350px -15px;}
#btn-contact:hover,#btn-contact:active {background-position:-434px -15px;}
				
#btn-maps:hover,#btn-maps:active {background-position:-590px -15px;}
#btn-search:hover,#btn-search:active {background-position:-634px -15px;}
#btn-links:hover,#btn-links:active {background-position:-685px -15px;}
#btn-grant_applications:hover,#btn-grant_applications:active {background-position:-728px  -15px;}
#btn-board_members:hover,#btn-board_members:active {background-position:-846px -15px;}