/*********************************************************************
Filename:	main.css
Project:	Davie County Chamber of Commerce
Purpose:	Main CSS File
Date		Developer	Description
04/24/2009	jmk			Version 1.0
*********************************************************************/

/**** BEGIN:  GENERAL STYLES ****/
body{margin:0 0 0 0; font-family:Verdana, Helvetica, Arial, _san; font-size:0.7em; color:#444444; background:#FFFFFF url("../images/global/body_bg.gif") repeat-x 0 35px;}
p{margin:0 0 12px 0;}
a{color:#4E7F2E; text-decoration:none;}
a:hover{color:#93AF6B; text-decoration:none;}
img{border:none;}
#screenreaderNav{position:absolute; left:0; top:0; z-index:-1;}
.screenreaderNavAnchor{display:none;}
.clear{clear:both;}
#bodyContainer{width:100%;}
/**** END:  GENERAL STYLES ****/

/**** BEGIN:  Content Region ****/
#contentRegion{width:980px; margin:0; padding:160px 0 5px 0; background:url("../images/global/contentRegion_bg.gif") repeat-y; voice-family:"\"}\""; voice-family:inherit; margin:0 auto 0 auto;}

/** BEGIN:  Content Container **/
#contentRegion #contentContainer{float:right; width:750px; padding-right:20px;}
#contentRegion #contentContainer #impact{width:750px; height:120px; overflow:hidden; border:1px solid #d0d0d0;}
#contentRegion #contentContainer #impact img{padding:5px;}
#contentRegion #contentContainer #contentWrapper{width:100%; height:350px;}
html > body #contentRegion #contentContainer #contentWrapper{height:auto; min-height:350px;}
/* BEGIN:  content */
#contentSeparator{height:10px;}
#content{float:left; display:block; width:500px; padding:25px 0 0 5px; line-height:1.3em;}
#content p{margin-bottom:18px;}
#content a:hover{text-decoration:underline;}
#content h2#pageTitle{margin:0 0 11px 0; font-size:1.4em; font-weight:bold; font-family:Palatino Linotype, Verdana, Helvetica, Arial, _san; color:#528732;}
#content h3, #content h1, #content h2, #content .heading{margin:0 0 12px 0; font-size:1.2em; font-weight:bold; color:#528732;}
#content h4, #content .subheading{margin:0 0 12px 0; font-size:1.1em; font-weight:bold;}
/* END:  content */
/* BEGIN:  tables */
#content table.table{border:1px solid #c3c6c9; padding:0; margin:0 0 12px 0; font-size:1.0em; text-align:left;}
#content table.table tr{vertical-align:top;}
#content table.table th{vertical-align:bottom; padding:5px; text-align:left; background:#c3c6c9;}
#content table.table td{padding:5px 5px 5px 5px;}
#content table.table p{line-height:16px;}
#content table.table .odd{}
#content table.table .even{background:#eeeeee;}
#content table.singlespace{}
#content table.singlespace p{margin:0; padding:0;}
/* END:  tables */
/* BEGIN:  site map module */
#sitemap{margin-left:20px;}
#sitemap a, #sitemap a:visited, #sitemap a:active{text-decoration:none;}
#sitemap a:hover{text-decoration:underline;}
.sitemapTitle{font-size:1.2em; font-weight:bold;}
.sitemap1{margin-left:20px;}
.sitemap2{margin-left:20px;}
/* END:  site map module */
/** END:  Content Container **/

/** BEGIN:  Left Nav **/
#leftNavContainer{display:block; width:177px; margin:0 0 20px 20px; padding-bottom:11px;}
#leftNavContainer h1#sectionTitle{margin:0 0 13px 0; padding:0 0 6px 0; font-size:1.3em; text-align:right; border-bottom:1px solid #c3c6c9;}
#leftNavContainer h1#sectionTitle a{display:block; width:100%; font-weight:bold; color:#444444; line-height:1.6em;}
#leftNavContainer h1#sectionTitle a:hover{text-decoration:none;}
#leftNavContainer #leftNav{text-align:right;}
#leftNavContainer #leftNavBottom{margin-bottom:28px; padding-bottom:10px; border-bottom:1px solid #cbcbcb;}
/* leftNav1 */
#leftNavContainer .leftNav1Off, #leftNavContainer .leftNav1On{padding:5px 0 5px 0;}
#leftNavContainer .leftNav1Off a, #leftNavContainer .leftNav1On a{display:block; width:100%; font-size:1.1em; color:#444444;}
#leftNavContainer .leftNav1Off a{color:#444444;}
#leftNavContainer .leftNav1Off a:hover{color:#528732;}
#leftNavContainer .leftNav1On a{color:#4E7F2E;}
/* leftNav2 */
#leftNavContainer .leftNav2Off, #leftNavContainer .leftNav2On{padding:3px 0 3px 0;}
#leftNavContainer .leftNav2Off a, #leftNavContainer .leftNav2On a{display:block; padding-right:17px; font-size:0.9em; background:url('../images/global/leftnav/leftNav2On.gif') no-repeat 96% 4px;}
#leftNavContainer .leftNav2Off a{color:#4E7F2E;}
#leftNavContainer .leftNav2On a{color:#93AF6B;}
#leftNavContainer .leftNav2Off a:hover, #leftNavContainer .leftNav2On a:hover{color:#93AF6B;}
/* banner ad */
#leftNavContainer #leftNavBanner{margin-top:20px; text-align:center;}
/** END:  Left Nav **/
 
/** BEGIN:  Right Column **/
#rightCol{float:right; width:165px; padding:47px 26px 10px 0;}
#rightCol .imgArea{width:165px; margin-bottom:15px; text-align:left; overflow-x:hidden;}
#rightCol .imgArea a{color:#528732;}
#rightCol .imgArea img{}
#rightCol .imgArea .caption{padding:3px; font-size:0.9em;}
#rightCol .imgArea .caption .title{padding-bottom:2px; font-size:1.1em; font-weight:bold;}
/** END:  Right Column **/

/**** END:  Content Region ****/

/**** BEGIN:  Footer Region ****/
#footerRegion{width:100%; height:277px; background:#6d9b50 url("../images/global/footer/footerRegion_bg.gif") repeat-x; padding-bottom:40px;}
html > body #footerRegion{height:auto; min-height:277px;}
#footerRegion #footerContainer{width:980px; margin:0; voice-family:inherit; margin:0 auto 0 auto;}
#footerRegion #footerContainer #footerContent{padding:15px 0 6px 0; font-size:1.0em;}
#footerRegion #footerContainer #footerContent .column{float:left; width:185px; padding:0 0 0 50px;}
#footerRegion #footerContainer #footerContent .column .heading{margin-bottom:13px; font-family:Palatino Linotype, Verdana, Helvetica, Arial, _san; font-size:1.3em; font-weight:bold; color:#131907;}
#footerRegion #footerContainer #footerContent .column div{margin-bottom:6px;}
#footerRegion #footerContainer #footerContent .column div a{display:block; width:100%; font-size:1.1em; color:#131907;}
#footerRegion #footerContainer #footerContent .column div a:hover{text-decoration:underline;}
#footerRegion #footerContainer #footerCopyright{margin:30px 20px 0 0; padding:0 0 8px 20px; font-size:1.0em; text-align:right; color:#2C3816;}
#footerRegion #footerContainer #footerCopyright #footerCredit{margin-top:3px; text-align:right;}
#footerRegion #footerContainer #footerCopyright #footerCredit a{color:#7BA85D;}
#footerRegion #footerContainer #footerCopyright #footerCredit a:hover{text-decoration:underline;}
/**** END:  Footer Region ****/

/**** BEGIN:  Header Region ****/
#headerRegion{position:absolute; top:0; width:100%;}

/** BEGIN:  globalNav **/
#headerRegion #globalNav{width:100%; height:35px; text-align:center; background:url("../images/global/header/globalNavContainer_bg.gif") repeat-x;}
#headerRegion #globalNav a{padding:0 28px 0 28px; font-weight:bold; color:#FFFFFF; font-size:1.0em; text-decoration:none;}
#headerRegion #globalNav img.divider{position:relative; top:5px;}
/** END:  globalNav **/

#headerContainer{width:980px; height:64px; margin:0 0 0 0; background:#EDECC0; voice-family:"\"}\""; voice-family:inherit; margin:0 auto 0 auto;}
#headerRegion #headerContainer img#logo{float:left; margin:8px 0 0 20px;}
/* quicklinks */
#headerRegion #headerContainer #quicklinksSelect{float:right; padding:34px 18px 0 0;}
/*!! styles for dropdown are in selectBox javscript function directory !!*/

/** BEGIN:  top nav **/
#headerRegion #headerContainer #topNavContainer{width:100%; height:57px; background:#FFFFFF url("../images/global/header/topNavContainer_bg.gif") no-repeat;}
#headerRegion #headerContainer #topNavContainer img.icon{float:right; padding:10px 17px 0 0;}
/** END:  top nav **/

/**** END:  Header Region ****/

/* Forms */
.formButtons{text-align: center; margin: 20px 0px 20px 0px;}
.formButton{width:100px; padding:2px; font-size:1.0em; font-weight:bold; color:#FFFFFF; background:#000000; border:1px solid #878d93;}
.label{padding-top:7px; text-align:right; font-weight:bold; vertical-align:top;}
div.label{padding-top:0; text-align:left;}
.data{padding-top:7px; vertical-align:top;}
.field{font-family:"courier new", monospace, courier; font-size:12px; text-align:left; margin:2px 5px 4px 0px;}
.select{text-align:left; margin:2px 5px 4px 0px; font-size:12px;}
.example{font-size: 10px; color:#666666;}
.required{font-size: 10px; font-weight:bold; color:#FF0000;}
.error{font-size: 10px; font-weight:bold; color:#ff0000;}
.hidden{display:none;}

/**** BEGIN:  PRINT ****/
#printHeader{display:none;}
#printHeaderDivider{display:none;}
#printPageTitleContainer{display:none;}
#printPageTitle{display:none;}
#printHeader img#printLogo{display:none;}
/**** END:  PRINT ****/

/**** BEGIN:  EVENT CALENDAR ****/
#calendarContainer{}
#calendarContainer .calendar{float:left; margin-right:50px;}
#calendarContainer .calendar .search{width:188px; margin-top:10px; background:#FFFFFF; font-weight:bold; color:#4E7F2E;}
#calendarContainer .calendar .search div.heading{padding:3px 5px 3px 5px; background:#4E7F2E; font-weight:bold; color:#FFFFFF;}
#calendarContainer .calendar .search div.label{display:block; text-align:left;}
#calendarContainer .listing{float:left;}
/**** END:  EVENT CALENDAR ****/

/************ BEGIN:  TREE MENU ************/
.treeview ul{margin:0; padding:0; width:480px;}
/*Style for LI elements in general (excludes an LI that contains sub lists)*/
.treeview li{list-style-type:none; padding-left:18px; margin-bottom:10px; margin-left:-40px;}
.treeview li img{vertical-align:top;}
/* Style for LI that contains sub lists (other ULs). */
.treeview li.submenu{background:url("../images/global/tree_menu/plus.gif") no-repeat 0 4px; cursor: hand !important; cursor: pointer !important;}
/*Style for ULs that are children of LIs (submenu) *//*Hide them by default. Don't delete. */
.treeview li.submenu ul.expanded{display:none; background:none;}
/*Style for LIs of ULs that are children of LIs (submenu) */
.treeview .submenu ul li{margin-left:-22px; margin-top:-5px; cursor:default; background:none;}
#faqs h2{font-size:110%;}
.treeview li.submenu div ul{padding-left:8px; padding-top:10px; background:none; background-color:#FFFFFF;}
.treeview li.submenu div li{padding-left:2px; margin-left:20px; list-style-type:disc; background:none; background-color:#FFFFFF;}
.treeview li.submenu div p{background:none; background-color:#FFFFFF; margin:0; padding:0;}
.treeview li.submenu div {width:480px; margin:0; padding:0;}
/************ END:  TREE MENU ************/