﻿/************** Tags **************/
/**********************************/

body { font-family: Helvetica, Arial; font-size: 9.5pt; margin: 0px; background-color: #FFFFFF; height: 100%; }

form { margin: 0px; }

a { color: #000066; text-decoration: none; }
a:hover { color: #ffcc00; text-decoration: underline; }

img { border: none; }

input[type=text] { font-family: Helvetica, Arial; font-size: 11pt; border: 1px solid #7F7F7F; padding: 5px; background: url(../../images/gradients/gradient_white_v15d.png) repeat-x #FFFFFF; margin-right: 5px; }
input[type=button], input[type=submit], button { border: 1px outset #2F2F2F; padding: 5px; font-size: 11pt; color: #2F2F2F; font-weight: bold; background: #ffcc00 url(../../images/gradients/gradient_gold_v30.png) repeat-x; cursor: pointer; font-family: Helvetica, Arial; }
input[type=button]:hover, input[type=submit]:hover, button:hover { background: #EEFFEE url(../../images/gradients/gradient_white_v30.png) repeat-x; color: #ffcc00; font-family: Helvetica, Arial; }

select { font-family: Helvetica, Arial; font-size: 11pt; border: 1px solid #7F7F7F; padding: 2px; }
textarea { font-family: Helvetica, Arial; font-size: 11pt; border: 1px solid #7F7F7F; padding: 1px; background: url(../../images/gradients/gradient_white_v50d.png) repeat-x; margin-right: 5px; }


/* Warning: Must sync with editor.css */
h1 { font-size: 17.5pt; font-weight: bold; margin-top: 5px; margin-bottom: 15px; color: #4F4F4F; border-bottom: 1px solid #000000; padding-bottom: 2px; }
h2 { font-size: 13.5pt; font-weight: bold; margin-top: 2px; margin-bottom: 10px; color: #000066; }
h3 { font-size: 11.5pt; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
h4 { font-size: 14.5pt; font-weight: bold; margin-top: 5px; margin-bottom: 10px; color: #4F4F4F; border-bottom: 1px solid #4F4F4F; }

/*h3 { font-size: 15.5pt; font-weight: bold; margin-top: 5px; margin-bottom: 10px; color: #4F4F4F; border-bottom: 1px solid #4F4F4F; }
h4 { font-size: 13.5pt; font-weight: bold; margin-top: 2px; margin-bottom: 5px; color: #000066; }
h5 { font-size: 11.5pt; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }*/

p { margin-top: 0px; margin-bottom: 20px; }

#mapviewer iframe { border: none; }

/************* Colors *************/
/**********************************/

.navy { background-color: #000066; }
.gold { background-color: #ffcc00; }


/********* Common ********/
/**********************************/

.wa { margin: auto; width: 990px; }
.l { float: left; }
.r { float: right; }
.clear { clear: both; }
.b { font-weight: bold; }
.pointer { cursor: pointer; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }

.icon { vertical-align: middle; margin: 0px 1px 0px 1px; }

.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb4 { margin-bottom: 4px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.m110 { margin-left: 10px; }
.mr4 { margin-right: 4px; }
.mt5 { margin-top: 5px; }
.ma { margin: auto; }
.pd2 { padding: 2px; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.hide { visibility: hidden; }
.show { visibility: visible; }


/********* Class Selectors ********/
/**********************************/

/* Header */

#header { background: url(../../images/gradients/gradient_white_v50d.png) #FFFFFF repeat-x top; border-bottom: 0px solid #7F7F7F; }
.headerlogo { float: left; padding: 14px 2px 14px 0px; }
.headerbody { position: relative; float: right; text-align: right; }

/* Nav Bar */

#navbar { background: url(../../images/gradients/reflective_navy_40.png) #000066 repeat-x top; color: #FFFFFF; min-height: 30px; padding: 5px 0px 5px 0px;  }
.navbarcontainer { margin: auto; width: 990px; position: relative; }
.navbarmenu { float: left; }
.navbarmenu * { list-style: none; }

/* .NET 4.0 Menu RenderingMode="List" */
/*
.navbarmenuitem { display: block; float: left; padding: 5px; margin-right: 18px; font-size: 12.5pt; font-weight: bold; color: #FFFFFF; text-decoration: none; }
.navbarmenuitem-selected, .navbarmenuitem:hover { color: #000066; background: #ffffff; cursor: pointer; text-decoration: none; }
.navbarsubmenu { background: #000066; color: #FFFFFF; min-width: 150px; border: 1px solid #FFFFFF; z-index: 100; }
.navbarsubmenuitem { padding: 5px; color: #FFFFFF; font-weight: bold; font-size: 10.5pt; border-bottom: 1px solid #FFFFFF; z-index: 100; }
.navbarsubmenuitem-selected, .navbarsubmenuitem:hover { color: #000066; background: #f7f7f7; cursor: pointer; text-decoration: none; border-bottom: 1px solid #000066; }
*/

/* .NET 2.0 Menu */
.navbarmenu tr td { padding-right: 12px; }
table.navbarmenuitem { font-size: 12.5pt; font-weight: bold; color: #FFFFFF; text-decoration: none; }
table.navbarmenuitem tr td { padding: 5px 2px; }
a.navbarmenuitem { display: block; text-decoration: none; color: #FFFFFF; }
a.navbarmenuitem:hover, table.navbarmenuitem:hover tr td a { text-decoration: none; color: #000066; }
table.navbarmenuitem:hover, table.navbarmenuitem-hover, table.navbarmenuitem-selected { color: #000066; background: #ffffff; cursor: pointer; text-decoration: none; }
.navbarsubmenu { background: #000066; color: #FFFFFF; min-width: 150px; border: 1px solid #FFFFFF; z-index: 200; }
table.navbarsubmenuitem { border-bottom: 1px solid #FFFFFF; background: #000066; min-width: 150px; width: 100%; z-index: 200; }
table.navbarsubmenuitem tr td { padding: 5px; color: #FFFFFF; font-weight: bold; font-size: 10.5pt; border-bottom: 1px solid #FFFFFF; width: 100%; }
a.navbarsubmenuitem {  display: block; color: #FFFFFF; text-decoration: none; z-index: 200; }
a.navbarsubmenuitem:hover, table.navbarsubmenuitem:hover tr td a { text-decoration: none; color: #000066; }
table.navbarsubmenuitem:hover, table.navbarsubmenuitem-selected, table.navbarsubmenuitem-hover { color: #000066; background: #f7f7f7; cursor: pointer; text-decoration: none; border-bottom: 1px solid #000066; }


.navbarsearch { float: right; width: 250px; xposition: absolute; top: 0px; right: 0px; }

/* Breadcrumb */

#breadcrumb { background: url(../../images/gradients/gradient_sky_30v.png) repeat-x top; padding: 6px; border-bottom: 1px solid #BFBFBF; font-size: 10.5pt; }
.breadcrumbcontainer { margin: auto; width: 990px; }

/* Footer */

#footer { background: url(../../images/gradients/gradient_gold_v100d.jpg) #FFCC00 repeat-x top; min-height: 140px; padding-top: 20px; border-top: 1px solid #BFBFBF; }
#footer a:hover { color: #000066; }
.footerleft { float: left; width: 260px; }
.footerright { float: right; width: 660px; padding-top: 5px; font-size: 10.5pt; }
.footerlinkrow { margin-bottom: 4px; }

.credits { font-size: 8pt; }


/* Content */

#outercontent { background-color: #FFF; } /*#E2E2FF; }*/
#content { margin: auto; width: 990px; min-height: 400px; background-color: #FFFFFF; border-left: 0px solid #4F4F4F; border-right: 0px solid #4F4F4F; padding: 10px; }

/* Home Page */

.homeleft { float: left; width: 320px; }
.homeright { float: right; width: 670px; }

.homephotobox { width: 660px; margin-bottom: 10px; text-align: right; padding-left: 10px; }
.homenews { float: right; width: 320px; margin-left: 10px; }
.homeevents { float: left; width: 320px; margin-left: 10px; }
.homefeedicon { margin-top: 7px; }

.homemission { clear: both; padding: 10px 0px 10px 10px; }

.newsitem { margin-bottom: 20px; }
.newstitle { font-weight: bold; font-size: 11.5pt; margin-bottom: 2px; }
.newsitemdate { color: #6F6F6F; font-size: 9pt; font-weight: bold; margin-bottom: 4px; }

.eventitem { margin-bottom: 20px; min-height: 40px; clear: both; position: relative; }
.eventdatebox { position: absolute; width: 40px; font-size: 10pt; font-weight: bold; border: 1px solid #4F4F4F; text-align: center; margin-right: 5px; margin-bottom: 20px; }
.eventdatebox > div.edtop { position: relative; display: block; list-style: none; padding: 2px; background: url(../../images/gradients/gradient_smoke_v50.png) #6F6F6F repeat-x; color: #FFFFFF; }
.eventdatebox > div.edbot { position: relative; padding: 4px; color: auto; }
.eventitembox { padding-left: 50px; }
.eventitem a { font-weight: bold; font-size: 11.5pt; }
.eventitemdate { color: #6F6F6F; font-size: 9pt; font-weight: bold; margin-bottom: 2px; }
.eventitemloc { color: inherit; font-size: 9pt; font-weight: bold; margin-bottom: 4px; }


/* News Page */

.newspageitem { margin-bottom: 20px; border-bottom: 1px solid #BFBFBF; }
.newspagetitle { font-weight: bold; font-size: 13.5pt; margin-bottom: 2px; }
.newspagedate { color: #6F6F6F; font-size: 10.5pt; font-weight: bold; margin-bottom: 10px; }
.newspagecontent { margin-bottom: 10px; }

/* Calendar Page */

.caltitle { font-weight: bold; font-size: 19.5pt; background: #FFFFFF; border: none; width: 35% !important; margin: auto; padding-bottom: 10px; }
.caldayheader { background: url(../../images/gradients/gradient_white_v30.png) #F7F7F7 repeat-x top; text-align: center; border: 1px solid #BFBFBF; border-collapse: collapse; padding: 3px; }
.calday { border: 1px solid #BFBFBF; border-collapse: collapse; min-height: 100px; vertical-align: top; text-align: left; }
.caldaylabel { text-align: right; font-weight: bold; font-size: 13.5pt; padding: 5px; }
.caldaylabel-curmonth { color: #4F4F4F; }
.caldaylabel-othermonth { color: #BFBFBF; }

.calitem { margin-bottom: 10px; }
.calitem a { font-weight: bold; font-size: 10pt; }
.calitemdate { color: #6F6F6F; font-size: 9pt; font-weight: normal; margin-bottom: 0px; padding: 1px; }
.calitemloc { color: #6F6F6F; font-size: 9pt; font-weight: bold; margin-bottom: 2px; padding: 1px; }


/* Boxes */

.bigbox { border: 1px solid #DFDFDF; background: url(../../images/gradients/gradient_white_v200.jpg) #FFFFFF repeat-x bottom; height: 180px; margin-bottom: 10px; }
.bigbox > div { padding: 5px; }

.box { border: 1px solid #DFDFDF; background: url(../../images/gradients/gradient_white_v80.jpg) #FFFFFF repeat-x bottom; min-height: 80px; margin-bottom: 10px; }
.box > div { padding: 5px; }

.boxcontent { font-size: 10.5pt; margin-bottom: 5px; }

/* Blocks And Links */

.icon-bullet-item { background: url(../../images/icons/bullet_black.png) no-repeat center left; padding-left: 20px; }
.icon-go-item { background: url(../../images/icons/bullet_go.png) no-repeat center left; padding-left: 16px; }
.icon-word-item { background: url(../../images/icons/page_white_word.png) no-repeat center left; padding-left: 20px; }
.icon-pdf-item { background: url(../../images/icons/page_white_acrobat.png) no-repeat center left; padding-left: 20px; }
.icon-fb-item { background: url(../../images/icons/facebook.png) no-repeat center left; padding-left: 20px; }


/* Form */

.formsection { border-bottom: 1px solid #BFBFBF; margin-bottom: 8px; padding: 2px 0px 8px 0px; }
.formsectionlabel { font-size: 10.5pt; font-weight: bold; padding: 4px 0px 4px 0px; margin-bottom: 4px; cursor: pointer; }
.formsectioncontent { padding: 2px 0px 2px 0px; font-size: 9pt; }
.formcontentnote { padding: 8px 0px 8px 0px; }

.confirmmessage { border: 1px dashed #4F4F4F; padding: 30px; text-align: center; font-size: 13pt; font-weight: bold; }
.errormessage {  border: 1px dashed #FF4F4F; padding: 30px; text-align: center; font-size: 13pt; font-weight: bold; color: #FF4F4F; }

/* Progress */

.progress { background-color: #DFDFDF; filter: alpha(opacity=75); opacity: 0.75; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.progress .progressloading { width: 100%; height: 100%; background: url(../../images/ajaxloader_bigcircle_black.gif) no-repeat; background-position: center center; }

