* { outline:0; }

html { background: transparent; height:100.5% }

hr { display:none; }

body {
	margin:0; padding:0;
	color: #6a6a6a;
	/* background:#313017; */ background:#231F18;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	}


/* COLUMN OVERRIDES */
.twoColLayout #primaryContent div.innerpad { margin:0 10px 0 20px; }

a { text-decoration:none; }
a:link { color:#225eaf; text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { color:#666; text-decoration:underline; }
a:active { color:#6a6a6a; text-decoration:none; }

/*header*/
#header { margin:0; padding:30px 20px 30px 20px; /* background:#424025; */ background:#3E3629; }
#header h1 { font-size:42px; float:left; margin:0;}
#header h1 a {margin-left: 20px; background:url(/mysite/images/bhglogo.png); width: 551px; height:67px; text-indent:-9999px; display:block; color:#333;text-decoration:none;}

/*nav*/	
#nav { /* background:#3b3921; */ background:#352F26; padding:0 10px; }
#nav ul {list-style:none;float:left;margin:0;}
#nav ul li {list-style:inherit;display:inline;}
#nav ul li a {display:block; float:left; color:#c26e12; text-shadow:1px 1px 1px #352F26; padding:12px 8px; font-size: 14px; font-weight:700; text-decoration:none; margin-right:10px;}
#nav ul li a:hover, #nav ul li a.current, #nav ul li a.section { text-decoration:none; /* background-color:#313017; */ background-color:#231F18; color:#fff; }
#main { background:#fff; padding-top: 10px; }

/*utility nav*/
#utilnav { float:right; height:72px; font-size:10px; text-align: right; /* background:#424025; */ background:#3E3629; color:#c8c6a9; padding: 5px 10px 30px 10px; }
#utilnav li { margin-left:5px; }
#utilnav li a { text-decoration:none; }
#utilnav li a:hover { text-decoration:underline;}

#utilnav a.btn {font-size:12px; display: inline; padding: 2px 8px; background: #484848; color: #fff; margin-left: 12px;}
#utilnav .btn a:hover{}
#utilnav form input {font-size:12px;}


/* Secondary Nav*/
#secondarynav ul {margin: 20px 0 0 0; padding:0; background: #7d989a}
#secondarynav ul li { list-style: none;  margin:0; padding:0 0 1px 0; line-height: 14px; border-top: 1px solid #b0d6d8; height:1%; line-height: 14px}
#secondarynav ul li a { display:block; padding:8px 8px 8px 13px; background: #9abbbd; margin:0;}
#secondarynav a { color:#3b3921; text-decoration:none;}
#secondarynav ul li a:hover { text-decoration:none; background: #6c8384; color: #ddd;}
#secondarynav ul ul { text-decoration:none; border-top: 2px solid #231F18; margin-top: 0;}
#secondarynav ul ul li {border: 0;}
#secondarynav ul ul li a{ background:#2b261d; padding-left: 14px; text-transform: none; font: 11px Helvetica, Arial, sans-serif;}
#secondarynav ul ul li a:hover {background:#8eacae;}
#secondarynav ul ul li a.current, #secondarynav ul li a.current {text-decoration:none; background: #6c8384; color: #ddd;}

	

#search { margin-top:10px; }
#search input#site-search { border:1px solid #999; color: #c4c4c4;}
#search input#site-search-submit { border:0; background:transparent; color:#999; }

#breadcrumbs { margin:10px 0 0; font-size:11px; }

/* base typography
===============================*/
p { font-size: 13px; line-height:18px; }
h2 { font-family:Helvetica, Arial; font-size:28px; margin:8px 0 22px 0; padding-bottom:8px; border-bottom: 3px solid #6a6a6a;  }
h3 {font-size:18px; }
h3, h4, h5 { margin-bottom:2px; }
ul li {margin-bottom: 3px;}

/*Callouts
==============================*/
.callout {margin:10px 0; background-color:#fbfbfb; border: 1px solid #dcdcdc; }
.callout h4 {padding:8px; background-color: #c3c3c3; }
.callout p {font-size:11px; padding:8px 0; margin:0; line-height:14px; }


/*Secondary Nav*/
#secondaryContent .innerpad { padding-top:0px;}
#secondaryContent h3 { padding-bottom:8px; border-bottom: 3px solid #6a6a6a;}
#secondaryContent h5 { padding:0 5px; margin-top:5px; }
#secondaryContent .btn { margin-top:5px; padding:2px; display:block; width:100px; text-align:center; }
#secondaryContent .innerpad .callout{background: #eaeaea;}

/*utility nav Search*/
#utilnav #search form label {color:#6a6a6a; font-size: 12px; padding-right: 8px;}

/*Homepage Layout 
==============================*/
#home #primaryContent p {padding-bottom: 16px; border-bottom: 1px solid #bababa; }

/*footer*/
#footer {font-size:12px; background:#2c271e; text-align:center; padding-top:0; color:#b5b396;}
#footer a {color:#c26e12}
#footer a:hover {color:#d97b14}
#footer .innerpad {margin:0; padding:20px 40px 20px 40px;}
#footer .innerpad #footerWrapper {background: url(/mysite/images/footer_bg.png) top center repeat-y;}
#footer #company{display:inline; float:left; width:220px;background:transparent; text-align:left;}
#footer #contact{background: transparent; display:inline; float:left; width:220px;}
#footer #feedback{display:inline; float:left; width:220px;}
#footer #feedback .innerpad {padding:0 0 0 10px;}
#footer #extension {background: transparent; display:inline; float:left; width:220px; margin-top: 0; }
#footer #extension h3 {text-indent:-9999px; width:158px; height:55px; background: url(/mysite/images/footer_calendar.png) top center no-repeat; margin: 0 0 8px 0;}
#footer #extension a {display: block;}
	#footer #company p a {font-weight:bold; display:inline-block; padding: 0 30px 0 0; line-height: 26px; background: url(/mysite/images/arrow.png) 100% -26px no-repeat; text-shadow: 1px 1px 1px #2c271e;}
	#footer #company p a:hover {text-decoration:none; background-position: 100% 0;}
	#footer #company h3 {margin-bottom: 8px; text-indent:-9999px; width:220px; height:88px; background: url(/mysite/images/logo_footer.png) top left no-repeat;}
	#footer #contact h3 {text-indent:-9999px; width:220px; height:55px; background: url(/mysite/images/workwithus.png) top center no-repeat; margin-bottom: 8px;}
    #footer #contact span {display:block;}
    #footer #feedback h3 { text-indent:-9999px; width:220px; height:54px; background: url(/mysite/images/gotfeedback.png) top center no-repeat; margin-bottom: 8px;}
	
#copyright {text-align: right; font-size: 10px; margin-top: 5px;}

/*Services Layout*/
#home div.services {width: 315px; float: left;}
#home div.services p {border-bottom: none;}
#home div.services div.innerpad {margin: 0 0 0 20px; padding:0;}
#home div.services h3 {margin-top: 0;}

/*Homepage News*/
#home .news h4 a {color:black; text-decoration: none;}
#home .news h4 a:hover {color:black; text-decoration: underline;}
#home .news h5 {margin-bottom:0;}
#home .news img {float:left; padding: 0 5px 8px 0; }
#home .news p {border-bottom: 1px solid #bababa; padding:5px;}
#home .news p span a {display:block;}

/*Homepage Events*/
#home .events h4 {margin-bottom: 0;}
#home .events h4 a {color:black; margin-bottom: 0; text-decoration: none;}
#home .events h4 a:hover {color:black; text-decoration: underline;}

#home .vevent {margin:0; padding:5px 5px 5px 5px; border-bottom: 1px solid #bababa; }
.CalendarEvent .vevent #additionalDates {float:right;}

#home div.vevent span.dtstart {font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; display: inline; font-weight: bold; font-size: 11px;}
#home div.vevent h5 {margin:3px 0 0 0; padding:0;}
#home div.vevent p span.location {display:inline; font-style: italic;}
#home div.vevent span {display: inline;}

/*Newsletter Signup*/
#signup {padding:10px 5px;background: #dedede; margin:20px 0; border: 1px solid #c3c3c3;}
#signup h3 {padding-top:0; margin:0; color: #484848;}
#signup form {margin-top: 10px;}
#signup form label {display: block; width: 40px; margin: 4px 12px 0 0; color: #484848;}
#signup form input {padding: 2px; width: 245px; margin-bottom: 5px;}
#signup a.btn {display: block; padding: 2px 8px; background: #484848; color: #fff; }


/*Homepage Newsletter Signup*/
#home #signup {padding:10px 5px;background: #bababa; margin-bottom: 20px; border: 1px solid #484848;}
#home #signup h3 {margin:0; padding: 0; line-height: 0; display: inline; color: #484848;}
#home #signup form {display:inline; }
#home #signup form label { margin:0 6px 0 12px; color:#484848; display:inline;}
#home #signup form input { width: 100px; margin-right:0;}
#home #signup a.btn {display: inline; padding: 2px 8px; background: #484848; color: #fff; margin: 4px 0 0 2px;}


/*About Page Staff Layout*/
.staffProfile h4  {font-size: 16px;}
.staffProfile h5  {font-size: 14px; margin-bottom: 4px;}

.staffProfile {padding-top: 20px; margin-bottom: 20px; border-top: 1px solid #dedede;}
.staffProfile img {float: left;}
.staffProfile div { width:500px; float: right;}

/*News*/
.newsArticle {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedede;}
.newsArticle h3 {margin-top: 0;}
.newsArticle img {float: left;}
.newsArticle div {width:380px; float:right;}

/*Calendar additional styles to accommodate BHG framework*/
#calendar-sidebar h3 { margin-top: 23px; padding-bottom:8px; border-bottom: 3px solid #6a6a6a;}
div.details p { font-size:12px; padding: 4px 0 0 0; }

div#additionalDates { float:right; width:160px; margin-right:0; padding-left:20px; }
div#additionalDates h4 { border-bottom:1px solid #dedede; margin-bottom:8px; padding-bottom:5px; }

.vevent h4 a { display:block; background:transparent url(/event_calendar/images/calendar__plus.png) 0 0 no-repeat; line-height:16px; padding:0 0 0 22px; border:0; }

.vevent dt { clear:left; float:left; }
.vevent dd { float:left; }
.vevent dd a { float:none; display:inline; }

.Workshop h3.summary {font-size: 20px;}
.Workshop .vevent .dtstart, .Workshop .vevent .dtend { font-size: 12px; }
#primaryContent .vevent h4 .dtstart, #primaryContent .vevent h4 .dtend { font-size:16px; }

.Workshop #instructors { margin:0 0 8px; }
.Workshop #instructors dt { margin:0; }
.Workshop #instructors dd { display:block; clear:left; margin-left:10px; }
.CalendarEvent h4 a { text-transform:uppercase; font-size:14px; display:block; background:transparent url(/event_calendar/images/calendar__plus.png) 0 0 no-repeat; line-height: 16px; padding:0 0 0 22px; border:0; }

ul#times, ul#times li { list-style:none; margin:5px 0 10px; }
ul#times li { margin:0 0 0 22px; }


/* GALLERY */
#gallery-manager { margin:5px 0; padding:5px; background:#fff7d4; border:1px solid #ccc; color:#333; }
#gallery-manager h3 { margin:0; }
#gallery-manager ul { margin:5px 0 0 !important; padding:0 !important; border:0 !important; }
#ImageGallery table td { padding:5px; border:0; }
#ImageGallery table td a { border:1px solid #ddd; border-right-color:#bbb; border-bottom-color:#999; display:block; height:91px; width:91px; }
#ImageGallery table td a:hover { background:#9abbbd; }
#ImageGallery table td a img { border:1px solid #ddd; margin:7px; width:75px; height:75px; }
#ImageGallery table td a:hover img { border-color:#9abbbd; }

ul#albums li { margin-bottom:20px; }
ul#albums div.defaultImage { float:left; }
ul#albums div.defaultImage a { border:1px solid #ddd; border-right-color:#bbb; border-bottom-color:#999; display:block; width:169px; height:169px; margin-right:10px; }
ul#albums div.defaultImage a:hover { background:#9abbbd; }
ul#albums div.defaultImage a img, ul#albums div.defaultImage a span.no-image { display:block; border:1px solid #ddd; margin:9px; width:150px; height:150px; background:#fff; }
ul#albums div.defaultImage a:hover img { border-color:#9abbbd; }

ul#albums div.galleryDetails { float:left; width:420px; }

#gallery-manager p.message { font-size:11px; line-height:14px; margin:5px 0 0; }

.ResourcesPage ul li {list-style:none;overflow:hidden;}
.ResourcesPage ul li .icon {width:40px;float:left;}
.ResourcesPage ul li .desc {width:500px;float:left;}