* { font-family: helvetica, arial, sans-serif; }
body { background: #d5d5d7; font-size: 12px; color: #666; margin: 10px; }

/* DHTML Menus */
.menuContainer { background: #ccc; }
.menuCell { background: #005288; padding: 0 4px; color: #fff }

.menuCell a,
.menuCell a:visited { color: #fff; }

.menuCellOver { background: #3576A1; color: #fff; padding: 0 4px; }
.menuCellOver a,
.menuCellOver a:visited,
.menuCellOver a:hover { color: #fff; }

a.menu td { color: #fff; }

#wrapper { position: relative; background: #FFF; width: 865px; margin: 0 auto; padding: 10px 0; }
.header { margin: 0 10px 0 11px; position: relative; background: url(/images/template/bcgrd-searchbar.jpg) no-repeat; background-position: top right; height: 100px !important; }

.searchform { position: relative; width: 380px; float: right; margin: 6px 18px 0 0; color: #f1bd8b; line-height: 1.7; }
.searchtext { width: 282px; height: 21px; padding: 2px 0 0 4px; color: #B95A34; position: absolute; top: 0px; right: 0px; border: none; }
.searchsubmit { position: absolute; top: 0px; right: 0px; z-index: 1000; }

.navigation { background: #efefef; height: 36px; width: 553px; position: absolute; bottom: 1px; right: 18px; }

.contents { background: url(/images/template/bcgrd-contents.jpg) repeat-y top right; margin: 0 10px 0 11px; border: #005288 solid; border-width: 0px 1px; padding: 20px 0 20px 29px; position: relative; }
.document { float: left; width: 540px; margin-right: 56px; }
.quote { background: #e2e2e2; min-height: 60px; height: auto !important; height: 60px; width: 536px; margin: 0 auto; position: relative; }
.qotd { padding: 10px 45px 10px 45px; margin-bottom: 20px; }

.sidebar { width: 185px; float: left; }
.mod { margin-bottom: 20px; }

.newsletterblock { background: #dbe7ee; height: 120px !important; width: 604px !important; position: absolute; bottom: 0px; left: 1px; }
.newsletter { padding: 20px 40px; }
.newsletter h2 { margin-top: 15px; }
.signup { position: relative; }
.signuptext { width: 300px; height: 22px; border: 1px #bacdda solid; font-weight: bold; color: #adadad; font-size: 13px; padding-left: 11px; }
.signupsubmit { position: absolute; top: 1px; left: 450px; }

.subnav { background: #b95a34; margin: 0 10px 0 11px; border: #005288 solid; border-width: 0px 1px; padding: 5px 0; text-align: center; font-size: 9px; font-weight: bold; text-transform: uppercase; }
.foot {background: #005288; margin: 0 10px 0 11px; padding: 15px 20px; color: #C9DAE6; position: relative; font-size: 11px; height: 43px; }
p.footer, .footer { margin: 0; text-align: left; }
sup { font-size: .65em; }

h1, h2, h3, h4, .section, .docheader { color: #005288; }
h1, .section, .docheader { font-weight: bold; font-size: 16px; }
h2 { font-size: 14px; margin: 0 0 5px 0; text-transform: uppercase; }
h3 { font-size: 14px; margin: 0 0 5px 0; }
h4 { font-size: 12px; margin-bottom: 4px; }

/*  Link Styles  */
a, a:visited, a:hover { color: #005288;  text-decoration: none; }
.sidebar a, .sidebar a:visited, .sidebar a:hover { color: #B95A34; }
.subnav a, .subnav a:visited, .subnav a:hover { margin: 0 7px; color: #FFF; }
.footer a, .footer a:visited, .footer a:hover { color: #C9DAE6; }
.searchform a, .searchform a:visited, .searchform a:hover { color: #f1bd8b; font-size: 10px; margin-right: 10px; }


/*  Rounded Corners --make sure containing div is positioned relative  */
.corner { position: absolute; height: 5px !important; width: 5px !important; background-repeat:  no-repeat; }
.tl { top: 0px; left:0px; }
.tr { top: 0px; right:0px; }
.bl { bottom: 0px; left:0px; }
.br { bottom: 0px; right:0px; }

div.tl[rel=gray] { background: url(/images/template/corner-gray-tl.png); }
div.tr[rel=gray] { background: url(/images/template/corner-gray-tr.png); }
div.bl[rel=gray] { background: url(/images/template/corner-gray-bl.png); }
div.br[rel=gray] { background: url(/images/template/corner-gray-br.png); }

div.tl[rel=white] { background: url(/images/template/corner-white-tl.png); }
div.tr[rel=white] { background: url(/images/template/corner-white-tr.png); }
div.bl[rel=white] { background: url(/images/template/corner-white-bl.png); }
div.br[rel=white] { background: url(/images/template/corner-white-br.png); }

/*   Utility Styles   */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.noborder { border: none; }


/* Calendar styles (set to a dark blue and gray scheme -adjust as needed) */

table #calendar { background: #CFCFCF; width: 100%; }
table #calendar caption {  background: #005288;  color: #fff;  font-weight: bold; padding: 10px; font-size: 18px; }
table #calendar th 	{ background: #cfcfcf; color: #fff; padding: 4px; font-weight: bold; font-size: 14px; }
#calendar td.present { background: #FFF; text-align: left; height: 90px; overflow: hidden; width: 15%; padding: 3px; -moz-border-radius: 5px; }
#calendar td.past { background: #DEDEDE; height: 90px; }
#calendar td.future { background: #F0F0F0; text-align: left; height: 90px; overflow: hidden; padding: 3px; width: 84px; -moz-border-radius: 5px; }
#calendar td.none { background: #FFF; }
#calendar td.past:hover, #calendar td.future:hover, #calendar td.present:hover { background: #FFF; }

#calendar td { width: 14.3%; }
#calendar .date { color: #7F8083; padding: 0px; width: 14px; text-align: center; font-size: 12px; font-weight: bold; }
#calendar td ul { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; margin-top: 0; }
#calendar td.past ul li, #calendar td.present ul li, #calendar td.future ul li { list-style: none; font-size: 11px; font-style: normal; cursor: pointer; padding: 3px; }
#calendar td.past ul li:hover, #calendar td.present ul li:hover, #calendar td.future ul li:hover  {  }
#calendar td.past ul li a:link, #calendar td.past ul li a:visited, #calendar td.past ul li a:active, #calendar td.future ul li a:link, #calendar td.future ul li a:visited, 
#calendar td.future ul li a:active, #calendar td.present ul li a:link, #calendar td.present ul li a:visited, #calendar td.present ul li a:active { text-decoration: none; width: 100%; padding: 3px; }
#calendar td.past ul li a:hover, #calendar td.future ul li a:hover, #calendar td.present ul li a:hover { text-decoration: underline; padding: 3px; }
.calendarItemDisplay { position: absolute; overflow: hidden; top: 400px;  left: 200px; visibility: hidden; background: #FFF; padding: 10px; border: 3px outset #454545; opacity: 1; filter: alpha(opacity=100) blendTrans(duration=.3); height: 400px; width: 415px; }
#shadow { position: absolute; left: 0px; top: 0px; background: #000; filter: alpha(opacity=45) blendTrans(duration=.35); opacity: 0.45; visibility: hidden; }