html { background:#FFFFFF; width:100%; }
body { padding:0; margin:0 auto; text-align:center; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size:12px; width:100%; }
#centerdiv{ text-align:left; background:transparent; margin: 0 auto; width:955px; max-width: 955px; min-width: 955px; }

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:#363636; font-size:12px; margin:2px 10px 2px 10px; line-height:16px; }
hr { background-color:#c9c6b5; color:#c9c6b5; border:0; height:1px; width:100%; text-align:left; }
label { font-weight:bold; color:#363636;}
LI { color:#363636; line-height:20px; }

a { color:#555566; text-decoration:underline; }
a:visited {color:#555566;}
a:link {color:#555566;}
a:hover {color:#FFA500;}

#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:#58589C; font-size:14px; font-weight:bold; line-height:20px; }
.Head02 { color:#58589C; font-size:13px; font-weight:bold; line-height:20px; }
.SubHead01 { color:#FF9900; font-size:13px; line-height:20px; }
.large { color: #555566; font-size:13px; line-height:16px; }
.normal { color: #555566; font-size:12px; line-height:16px; }

html {font-family:Verdana;background:#1f387b url(images/gradientbg.jpg) repeat-y;}

#OuterFrame {text-align:center;}
#InnerFrame {width:955px;margin:0 auto 0 auto;text-align:left;background-color:#fff;border-top:solid 10px #e5e5e5;}

#HeaderFrame {}
#HeaderSub {border-top:solid 1px #e0e0e0;}
#HeaderSub table {width:100%;}
#HeaderSub table td {text-align:center;}
#HeaderSub a {color:#1f3a80;text-decoration:none;display:block;padding:10px 0;}
#HeaderSub a:hover {background-color:#015c9a;color:#fff;}


#BodyFrame {margin:6px;}
#BodyMain {padding:10px;}
#BodySub {width:240px;background-color:#e5e5e5;padding:10px;color:#172c5f;}

#QuickLinks {margin:0 0 20px 0;}

.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: 955px; }

.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:#333366; font-weight: bold; color: #ffffff; 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 { 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 { 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 { color:#ffffff;  }
.Event a:hover { color:#000000; }

.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 {  }
.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; }