﻿html { background:#004D91 url(images/background.jpg) no-repeat top center; width:100%;color:#fff; }
body {padding:0; margin:0 auto; text-align:center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:12px; width:100%; }

table { border-collapse:collapse; margin:0; padding:0; border-spacing:0; border:0; }
td { border:0px; margin:0; padding:0; }
div { border-collapse:collapse; margin:0; padding:0; border-spacing:0; border:0; }
img { border:none; margin:0; padding:0; border-spacing:0; border:0; }
p { color:#fff; font-size:12px; margin:2px 0px 2px 0px; }
hr { background-color:#c9c6b5; color:#c9c6b5; border:0; height:1px; width:100%; text-align:left; }
label { font-weight:bold; color:#fff;}

a { color:#FFA500; text-decoration:none; }
a:visited {color:#FFA500;}
a:link {color:#FFA500;}
a:hover {color:#FFA500;text-decoration:underline;}

#editor { margin-top:-20px; position:absolute; top:0px; left:0px; z-index:100;  font-weight:bold; background-color:#e5e5e5; color:#dfdfdf ;border-bottom: solid 1px #2d2d2d; border-right: solid 1px #2d2d2d; }

.Head01 { color:#fff; font-size:14px; font-weight:bold; }
.Head02 { font-family:Candara,Arial;font-style:normal;color:#ccc; font-size:20px; font-weight:normal; }
.SubHead01 { color:#FF9900; font-size:13px; line-height:20px; }
.large { color: #fff; font-size:11px;  }
.normal { color: #fff; font-size:10px; }

#Background {top:20;left:0;position:absolute;width:930px;height:513px;z-index:-100;}
#OuterFrame {text-align:center;}
#InnerFrame {width:1000px;text-align:left;margin:0 auto 0 auto;}

#Preamble {margin:10px 0 0 0;font-family:Franklin Gothic Medium Cond;}
#Preamble h3 {margin:0;font-size:28px;background:transparent url(./images/thickbar.gif) repeat-x center bottom;width:70px;text-align:center;}
#Preamble h5 {margin:4px 0;text-transform:uppercase;font-weight:normal;}
#Preamble p {color:#fff;}

#HeaderFrame {background-color:#004D91;padding:4px; }
#BodyFrame {}
#TemplateOneBody {margin-left:15px;}
#TemplateOneBody #BodyContentTop {background:transparent url(./images/contentboxtop.png) no-repeat top left;width:606px;height:8px;}
#TemplateOneBody #BodyContentMain {background:transparent url(./images/contentboxbg.png) repeat-y top left;width:586px;padding:10px;}
#TemplateOneBody #BodyContentBottom {background:transparent url(./images/contentboxbottom.png) no-repeat top left;width:606px;height:8px;}

#TemplateTwoBody {margin-left:15px;}


#HeaderMenu a,
 #HeaderMenu a:link,
 #HeaderMenu a:visted {color:#fff;text-decoration:none;font-weight:bold;}
#HeaderMenu a:hover {text-decoration:underline;color:#FFA500;}
#HeaderMenu table td {padding:0 10px;}

#SubContentWrapper {width:606px;margin:20px 0px 0px 5px;}
#SubContent {width:100%;padding:0;margin:0;}
#SubContentLeft {padding:2px;width:50%;background:transparent url(./images/verticalline.gif) repeat-y top right;}
#SubContentRight {padding:2px;width:50%;}

#SubContent ul {margin:0;list-style-type:disc;list-style-position:inside;padding-left:6px;}
#SubContent ul li {padding:0;margin:0;}

#BodyContentLeft {text-align:left;margin:10px 0;padding-left:24px;}

#MemberLinks h4 {font-size:12px;}

#Login {padding: 40px;}
#Login table td {padding:4px;}
#Login label {padding-right:20px;}
#Login input[type='text'] {width:250px;}
#Login input[type='password'] {width:250px;}
#LoginMessage {color:#FFA500;}
#LoginMessage .ValidationSummary {color:#FFA500;border:none;}

.GridViewHeader { display:block; clear:both; height:22px; width:100%; background:#333366; padding-top:5px; color:#f1f1f1; font-size:10pt; font-weight:bold; }
.GridViewHeader .cmgridtext { display:block; float:left; width:60%;  font-size:10pt; color:#f1f1f1; font-weight:bold; padding:2px 0 0 5px; }
.GridViewHeader .cmgridsearch { display:block; float:right; width:180px; font-size:8pt;  }
.GridViewHeader .cmgridsearch input { font-size:8pt; border:dotted 0px #2d2d2d; color:#5e5e5e; }

.GridView { font-family:Arial, Trebuchet MS; font-size:8pt; width:100%; }
.GridView .gvCellHide { display:none; }
.GridView .GridViewItem { background-color:#FFFFFF; color:Black; font-family:Arial, Sans-Serif; font-size:8pt; cursor:pointer; border:solid 1px #666666; }
.GridView .GridViewAltItem { background-color:#d1d1d1; color:Black; font-family:Arial, Sans-Serif; font-size:8pt; cursor:pointer; border:solid 1px #666666;  }
.GridView .GridViewHeader	 { background-color:#09147C; color:White; height:25px;  font-family:Arial, Sans-Serif; font-size:11pt; padding-left:5px; white-space:nowrap; }
.GridView .GridViewItem td, .GridView .GridViewAltItem td { padding:3px 5px 3px 5px; margin:0; overflow:hidden; border:solid 1px #a1a1a1; color:#000000; vertical-align:top; }

.GridViewPager td {	border:1px solid #a1a1a1; height:10px; font:bold 7pt Arial, Sans-Serif; padding:3px 3px 3px 3px; background:#333366; }
.GridViewPager table td{ border:0; height:10px; background:none;}
.GridViewPager table td span{ color:#999999; font-size:8pt; }
.GridViewPager table td a, .GridViewPager table td a:link, .GridViewPager table td a:visited { color:#ffffff; font-size:8pt; }
.GridViewPager table td a:hover{ color:#ff8000; font-size:8pt; }

/*Gallery Control CSS Start*/
.gallerynav { float:left; margin-right:auto; border:solid 1px #9d9d9d; padding:3px; margin:3px 5px 10px 5px; width:112px; }
.gallerynav div { float:left; padding:1px 1px 1px 1px; }
.gallerynav a { background-color:#ffffff; }
.gallerynav a:hover { background-color:#ff8000; }
.gallerynav img { padding:2px 2px 2px 2px; }

.galleryshow { float:right; margin-left:auto; border:solid 1px #9d9d9d; padding:3px; margin:3px 5px 10px 3px; height:500px; width:600px; display:block; }
/*Gallery Control CSS End*/

/* STCalendar Control Styles */
.CalendarOuterTable { width:850px; }

.CalendarTable { width: 100%; border-color:#B3B7DD; border-width: 0 0 1px 1px; border-style: solid; }
.CalendarTable td { width:136px; border-color: #B3B7DD; border-width: 1px 1px 0 0; border-style: solid; }

.Header { background-color:#004D91; font-weight: bold; text-align:center; padding:3px 0 3px 0 !important; font-size: 14px;}
.DayNumberContainer { height: 16px; color:#666666; font-weight: bolder; background:#D1D4EB; }
.HighlightDayContainer { height: 16px; color:#000000; font-weight: bolder; background:#ffa800; }

.DayNumber {  color:#666666; font-weight: bolder; }
.HighlightDay {  color:#000000; font-weight: bolder; }

.DayContent { min-height:80px; font-size:10px; }

.DayContainer { margin: 0; }

.AddOrEditEventBackground { position:fixed; top:0px; left:0px; right:0px; padding:0; margin:0; background-color:#000000; filter:alpha(opacity=50); opacity:0.5; z-index:1000; height:100%; }
.AddOrEditEventContainer { color:#333;position:absolute; top: 30%; left:30%; width:255px; padding:10px; z-index:1001; background-color:#ffffff; border:solid 2px #000000; text-align:left; font-size: 8pt; }
.AddOrEditEventTextBox { width: 250px; }
.AddOrEditEventTextArea { width: 250px; height: 100px; font-size: 8pt; font-family: Verdana; }
.AddOrEditEventDropDown { font-size: 10px; }
.AddOrEditEventValidation { font-size: 7pt; }

.EventDetailContainer { color:#333;position:absolute; top: 30%; left:30%; width:255px; padding:10px; z-index:1001; background-color:#ffffff; border:solid 2px #000000; text-align:left; font-size: 8pt; }

.Label { font-size: 8pt; font-weight:normal; }

.MonthHeader { font-weight: bold; font-size: 16px; }
.MonthNav a { font-weight: bold; }

.UserEvent { padding-left:5px; font-weight:bolder;  }
.EventText { padding:0 0 5px 10px; text-decoration:none; }

.Event a {   }
.Event a:hover { }

.AddEvent { text-align:center; float:right; width:30px; font-size:10px; font-weight:normal; margin:1px 1px 0 0; }

.MainCalendarContainer { width: 955px; margin: 0 auto 0 auto; }
/* STCalendar Control Styles End */

.ol_bgclass { width:350px; }
.ol_bgclass table { border:solid 1px #999999; }
.ol_captionfontclass { background:#D1D4EB; color:#000000; height:20px; font-size:10px; font-weight:bold; }
.ol_fgclass { background:#ffffff; min-height:80px; text-align:left; border-top:none !important; }

.ol_textfontclass { padding:5px; }
.ol_textfontclass h1 { font-size:10px; color:#333333; font-weight:bold;  font-style:italic; margin-top:0; margin-bottom:0; }
.ol_textfontclass h2 { font-size:10px; color:#333333; font-weight:bold; font-style:italic; margin-top:0; margin-bottom:0; }
.ol_textfontclass p { font-size:10px; color:#666666; line-height:16px; margin-top:0; margin-bottom:0; }

.duestable { margin-left:10px; width:540px !important; height:auto !important; }
.duestable tr { }
.duestable .alt { background:#e1e1e1; color:#333333; }
.duestable th { border:solid 1px #999999 !important; background:#333366; color:#ffffff; text-align:center; height:20px; }
.duestable td { border:solid 1px #999999 !important; color:#666666; text-align:right; padding-right:4px;  height:20px; padding-left:4px; }

.ValidationSummary {padding:10px;border:solid 1px #ccc;}
.ValidationSummary ul {margin:0;list-style-position:inside;}
.ValidationSummary ul li {color:#FFA500;font-weight:bold;font-family:Verdana;}

label em {color:#FFA500;}