/* 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
	Layout
	Typography and Inline Elements
		Page Specific Typography
	Navigation
		Specific Nav Button Styling
*/

/* Non-displaying Elements*/
/* *************************************************************************************** */
#branding img {display:none;}
#nav-main a, #nav-secondary a {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: #6c6422 url(../images/bg.png) repeat-x; color: #FFF; }
#container {
	height:auto;
	margin:0 auto;
	position:relative;
	text-align:left;
	background:url(../images/home_top.jpg) no-repeat left top;
	width: 980px;
	
}

#branding {position:relative; top:0; height:20px; width: 980px; overflow:hidden; margin-bottom:154px }
.layout-home #branding {margin-bottom:445px;}
#branding p {display:inline; margin-right:50px;}
#content { min-height:300px; height:auto; background-color:#827c5a; width: 808px; border-right:solid #1B3913 15px; border-left:solid #1B3913 15px; padding:20px 20px 1em; margin: 0 51px 0em; }
* html #content {height:300px;}
.layout-home #content {background-color:#1B3913; width: 838px; border:none; padding-top:0;}
.layout-home #content-main { width:580px; float:left; }
#content-downtown{ float: left; width: 215px; padding-right: 10px; margin-right: 30px; background: url(../images/content-downtown_line.png) no-repeat right 3.5em; }
#footer {position:relative;margin:0 51px 1em; padding:0 20px; width:838px; background-image:url(../images/footer.png); background-color:#1B3913; background-position:center bottom; background-repeat:no-repeat;}
.layout-home #footer {padding:20px; height:auto}
#footer div, #footer img {float:left; margin-right:1em; text-align:center;}


.business_directory .listings {background: #ded7a6; color: #000; width: 675px; float: right;}
.business_directory .listings .business {float:none; clear:both; border-bottom:solid 1px #827C5A; padding: 15px;}
.business_directory .listings h2 {margin-bottom:.5em;}
.business_directory .listings .business img {border:solid 6px #fff; float:left;}
.business_directory .listings .business p, .business_directory .listings .business h2 {width:485px; float:right; text-align:left;}
.business_directory .listings .business p span {color:#827C5A; font-weight:bold}

#nav-business_directory {line-height:20px;float:left;width:133px;position:relative;}
#nav-business_directory li {display:inline}
#nav-business_directory a {display:block; padding-left:10px; margin-bottom:2px; font-weight:bold; color:#fff; text-decoration:none}
#nav-business_directory a:hover,#nav-business_directory a:active {color:#DED7A6} 
#nav-business_directory a.selected {background:#DED7A6 url(../images/nav-business_directory_bg.png) no-repeat; color:#827C5A}
#nav-sub_business_directory {line-height:20px;padding-left:5px;float: right;width: 650px;clear: right;background: #DED7A6; font-weight:bold;}
#nav-sub_business_directory li:first-child {border-left:solid 0px #000;}
#nav-sub_business_directory li {display:inline; border-left:solid 1px #827C5A }
#nav-sub_business_directory a {color:#827C5A; text-decoration:none; padding:0 10px;}
#nav-sub_business_directory a:hover,#nav-sub_business_directory a:active {color:#1B3913} 


/* Typography and Inline Elements */
/* *************************************************************************************** */
#branding {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.8em; margin-left:-10px}
#branding .adr {margin-left:0;margin-right:50px}
#branding span {margin:10px}
#branding a {color:#fff; text-decoration:none}

a:link, a:visited {color:#24494f}
a:focus, a:hover, a:active {color:#C1BCA2}

.layout-home a:link, .layout-home a:visited {color:#C1BCA2}
.layout-home a:focus, .layout-home a:hover, a:active {color:#fff}

#content-downtown ul {margin-bottom:1em;}
#content-downtown li {list-style: url(../images/bullet.png) inside; }
#content-downtown a {color:#FFF; text-decoration:none}
#content-downtown a:focus, #content-downtown a:hover, #content-downtown a:active {text-decoration: underline; color:#C1BCA2}

.layout-home #footer {line-height:1.2em;font-size:0.9em;}

html #footer {height:30px;}


/* Page Specific Typography */
/* use a class on the <body> to change specific typographic elements (e.g. <h1> backgrounds) */
.layout-home h1 {}

/* Navigation */
/* placement of navigation */
/* *************************************************************************************** */
#nav-main { position: absolute; left:139px; top: 98px; height:40px; width:878px
}
#nav-secondary {top:131px; position:absolute; height:31px; left:51px; padding-left:259px; width:619px; height:43px; background-color:#1B3912; background-image:url(../images/nav-secondary_inside.png)}
.layout-home #nav-secondary { top:401px; background:none; width:308px; left:343px; padding-left:0 }


#nav-main ul, #nav-main li, #nav-secondary ul, #nav-secondary li {/* fix IE6 and IE7 List bug */ display: inline; }


/* Specific Nav Button Styling */
/* used if buttons use images instead of text or combined with text */
#nav-main a {background-image:url(../images/nav-main_sprite.png); background-repeat:no-repeat; display:block; float:left; height:34px; margin-right:1px;}

#btn-home {background-position:-87px top; width:68px }
#btn-about_us {background-position:-156px top; width:88px }
#btn-downtown {background-position:-245px top; width:96px}
#btn-for_business {background-position:-342px top; width:111px}
#btn-events {background-position:-454px top; width:75px}
#btn-support_us {background-position:-530px top; width:100px}
#btn-friends {background-position:-631px top; width:82px}
#btn-contact {background-position:-714px top; width:79px}

#btn-home:hover, #btn-home:active {background-position:-87px -34px;}
#btn-about_us:hover, #btn-about_us:active {background-position:-156px -34px;}
#btn-downtown:hover, #btn-downtown:active {background-position:-245px -34px;}
#btn-for_business:hover, #btn-for_business:active {background-position:-342px -34px;}
#btn-events:hover, #btn-events:active {background-position:-454px -34px;}
#btn-support_us:hover, #btn-support_us:active {background-position:-530px -34px;}
#btn-friends:hover, #btn-friends:active {background-position:-631px -34px;}
#btn-contact:hover, #btn-contact:active {background-position:-714px -34px;}

#nav-secondary a{background-image:url(../images/nav-secondary_sprite.png); background-repeat:no-repeat;display:block;float:left; height:31px; margin-right:1px;}

#btn-four_point_approach { background-position:0 top; width:138px }
#btn-committees {background-position:-138px top;width:76px}
#btn-jr_main_street {background-position:-215px top;width:91px}

#btn-four_point_approach:hover, #btn-four_point_approach:active {background-position:0 -31px}
#btn-committees:hover, #btn-committees:active {background-position:-138px -31px}
#btn-jr_main_street:hover, #btn-jr_main_street:active {background-position:-215px -31px}