/* ***************** */
/* Layout Containers */
/* ***************** */

#background { width: 809px; font-family: verdana,arial,sans-serif; margin: 0 auto; text-align: center; padding: 0; background-image: url('../images/bg-page-oliveSolid-sub.gif') }
#wrapper { width: 781px; margin: 0 auto; padding: 0; text-align: left; }
#header { width: 779px; height: 95px;  }
#branding { width: 779px; height: 211px; }
#main { width: 587px; background-position: 0 0; border-right: none; }
#sidebar { width: 194px; background: transparent url('../images/bg-content.gif') 0 0 repeat-x; }
#footer { background-image: url('../images/bg-footer-oliveSolid-sub.gif') }


/* ********** */
/* Navigation */
/* ********** */

#nav { width: 174px; float: left; }
#nav div { padding: 5px 10px; background: #868e63; color: #fff; font-weight: bold; text-transform: uppercase; }
#nav #bg-nav { background: transparent url('../images/bg-navGradient.gif') 0 0 repeat-x; height: 305px; }
#nav .subNavTitle a {color:#ffffff; text-decoration: none;}

ul#focusNav { border: 0; margin: 0; padding: 0;  }
ul#focusNav ul { border: 0; margin: 0; padding: 0 0 10px 0; border: 1px #0f0 solid; }
ul#focusNav ul li { float: none; margin: 0; padding: 0; background: #d2d1cd; }
ul#focusNav ul li ul li { float: none; margin: 0; padding: 0; }
ul#focusNav ul li a { display: block; background: #d2d1cd; color: #3f3f3e; font-size: 1.05em;  }
ul#focusNav ul li a { padding: 3px 10px 3px 20px; background: transparent url('../images/bullet-navArrow-off.gif') 10px 6px no-repeat; }
ul#focusNav ul li a:hover,
ul#focusNav ul li.on a{ color: #68480b; text-decoration: none; background: #e7e6e2 url('../images/bullet-navArrow-on.gif') 10px 6px no-repeat; }
#focusNav li.opportunities { border: none; }

ul#subNav { border: 0; margin: 0; padding: 10px 0; background: #d2d1cd url('../images/bg-subNav-bottom.gif') bottom left no-repeat; }
ul#subNav ul { border: 0px; margin: -10px -3px -10px 0; padding: 10px 0px 10px 0px; }
ul#subNav li li { width: 170px !important; margin-left: -10px; margin-right: -20px; }

ul#subNav li a { display: block; padding: 3px 10px 3px 20px; background: #d2d1cd url('../images/bullet-navArrow-off.gif') 10px 6px no-repeat; color: #3f3f3e; font-size: 1.05em;  }
ul#subNav li a:hover,
ul#subNav li a.on { color: #68480b; text-decoration: none; background: #e7e6e2 url('../images/bullet-navArrow-on.gif') 10px 6px no-repeat; }
ul#subNav li li a { margin-left: 10px; padding-left: 40px; background-position: 30px 6px; }
ul#subNav li li.on a,
ul#subNav li li a.on,
ul#subNav li li.on a.on { background: #d2d1cd url('../images/bullet-navArrow-on2.gif') 30px 6px no-repeat; }
ul#subNav li li a:hover,
ul#subNav li li a.on:hover,
ul#subNav li li.on a:hover
ul#subNav li li.on a.on:hover { color: #8c6316; background: #d2d1cd url('../images/bullet-navArrow-on2.gif') 30px 6px no-repeat; }
ul#subNav li li a.on { color: #8c6316; background-color: #d2d1cd; }


/* ************ */
/* Content Area */
/* ************ */
#content { width: 365px; float: left; margin-top: 2.0em; }
#content .headertitle {margin-bottom:10px;}
#content h2 {font-size: 1.2em; margin: 0; padding: 0;}
#content h3 {font-size: 0.95em; margin: 0; padding: 0;}
#content pic { border: 1px #b2b2b2 solid; padding: 3px; }

#content .caption { clear: left; position: absolute; margin-top: 5px; padding-bottom: 5px; color: #9c9c97; font-family: arial; }
div.credit { font-size:0.8em; font-weight: bold; font-style: italic;}

#breadcrumbs { height: 18px; background: #eef0e2 url('../images/bg-breadcrumbs.gif') right no-repeat; border-right: 1px #fff solid; margin-right: 1px; padding-left: 20px; color: #2c3919; font-weight: bold; font-size: 0.8em; }
#breadcrumbs a { color: #797b76; text-decoration: none; }


/* Tiles */
#landingTiles .tab{background-image:url('../images/img_tabHeader.gif');background-position:top left; background-repeat:no-repeat;}
#landingTiles .pic{}
#landingTiles .body{}

#internalTiles .tab{background-image:url('../images/img_tabHeader.gif');background-position:top left; background-repeat:no-repeat;}
#internalTiles .pic{}
#internalTiles .body{}

/* ************** */
/* Custom Modules */
/* ************** */

/* override HB event listing */
#hbdatelisting {width:345px;margin:10px 0px 0px 0px; }
#hbdatelisting div{margin:0px;padding:0px;}
#hbdatelisting p {margin:2px;}
#hbdatelisting p strong{padding:10px 10px 0px 0px;}
#hbdatelisting p a {padding:0px 0px 5px 5px;display:block;}
#hbdatelisting #hbclear{display:none;}

ul#hbarchivelisting { margin:0; border:1px solid #eaeaea; padding: 20px; }
ul#hbarchivelisting li { list-style-type: none; font-weight: bold; padding: 0; margin-top: 10px; }
ul#hbarchivelisting li.archiveactive { padding: 2px; }
ul#hbarchivelisting ul { margin: 5px; padding: 0px; }
ul#hbarchivelisting ul li { padding: 0 0 5px 10px; margin: 0; font-weight: normal; }
ul#hbarchivelisting br { display: none; }

#hbSearch ol { margin: 0; padding: 0 0 0 20px; }
#hbSearch ol li { list-style-type: none; margin-bottom: 15px; }
#hbSearch ol li a { margin-left: -20px; }

#eventCalendarFilter {margin:10px 0px 5px 0px;display:block; border:0; width:100%; font-size:10px;}
#eventCalendarFilter span.selFilter {font-size:10px;}
#eventCalendarFilter select.selFilter {font-size:10px;}
#eventCalendarFilter span.btnFilter {vertical-align:middle;}
#eventCalendarFilter input.btnFilter {}

/* public grant search */
#GrantSearch {margin:5px 0px 20px 0px;border-top: 1px solid #bfbfbf;padding-top:10px;}
#GrantSearch input {font-size:11px;}
#GrantSearch select {font-size:11px;}
#GrantSearch .label{display:block; width:150px; float:left;}
#GrantSearch .data{display:block;padding:0px 0px 5px 0px;}
#GrantSearch .button { margin-left: 150px; }

/* public grant search result */
#GrantSearchResults {width:100%;}
table#GrantListing {width:100%; border:1px solid #bfbfbf;margin: 5px 0px 10px 0px;}
table#GrantListing th {background-color:#dfdfdf;padding:2px;}
table#GrantListing td {background-color:#ffffff;padding:2px;border:1px solid #bfbfbf;}
table#GrantListing th.dtGrantStart{width:75px;}

/* public grant detail */
#GrantDetail {width:100%;margin:5px 0px 50px 0px;border-top: 1px solid #bfbfbf;padding-top:10px;}
#GrantDetail #txtGrantOrgName {margin:0px 0px 5px 0px;}
#GrantDetail #txtGrantName {margin:20px 0px 0px 0px;}
#GrantDetail #LinkSearch {margin:50px 0px 10px 0px;}
table#GrantSummary {width:100%;margin: 5px 0px 10px 0px;}
table#GrantSummary td {padding:2px;}
table#GrantSummary .label{font-weight:bold; width:175px;}
table#GrantSummary .data{}



/* ************** */
/* SideBar Column */
/* ************** */

#subpage #sidebar #sidebarMap {margin:0px;background: #a8b37d; width:194px;}

#sidebar #eventCalendar { border:0px;padding:0px 0px 0px 0px; } /* override default style */
#sidebar #eventCalendar h3 { margin-bottom: 1.0em; }
#sidebar #eventCalendar table { width: 97%; position: relative; border: 1px #000 solid; }
#sidebar #eventCalendar a { text-decoration: underline; }
#sidebar #eventCalendar th { background: #fff; text-align: center; padding: 5px; }
#sidebar #eventCalendar td { background: #fff; text-align: center; padding: 3px 3px 3px 3px; }
#sidebar #eventCalendar tr.monthYear td { background: #ececec; border-bottom: 1px #000 solid; }
#sidebar #eventCalendar tr.monthYear td a { font-weight: bold; }
#sidebar #eventCalendar select { float: left; border-top: 1px #9b9b9b solid; border-right: 1px #efefef solid; border-bottom: 1px #efefef solid; border-left: 1px #9b9b9b solid; }


#sidebar { padding-top: 13px; background: transparent url('../images/bg-content.gif') 0 0 repeat-x; }
#sidebar #communityCalendar p.links { margin-left: -40px; }
#sidebar #granteeLogin dt { width: 60px; }
#sidebar #granteeLogin input.text { width: 105px; }
#sidebar #sidebarMap { width: 177px; }
#sidebar #sidebarMap div { background-image: url('../images/mappromo-sub-bg.jpg'); }
#sidebar #sidebarMap p img { margin-right: 10px; }