/* Site Specific CSS */
HTML {background-color:#333333;}
BODY {margin:0px 0px 0px 0px;}

p {font-family:Arial;}
h3 {font-family:Tahoma; font-size:18pt; color:#00A414; font-weight:normal;}
h4 {font-family:Tahoma; font-size:12pt; color:#FF8000; font-weight:bold;}
label {font-family:Arial;}
#TopHeader{width:821px; margin-right:auto; margin-left:auto; background-color:#fff;}
#TopHeader label {font-family:Verdana; color:#666666; font-size:10pt; font-weight:bold; cursor:pointer;}
#TopHeader label.Search {color:#989C43; cursor:default;}
#TopHeader input.radio {cursor:pointer;}
.radio {cursor:pointer;}
#BottomHeader{width:821px; margin-right:auto; margin-left:auto; padding-top:10px; background-color:#fff;}
#BottomHeader table{ border-collapse:collapse; border:none;}
.Head02{font-family:Tahoma; font-size:18pt; color:#00A414; font-weight:normal;}
#ContentFrame { background: transparent url(Images/Background.jpg) repeat-x; background-color:#fff; width:821px; margin-right:auto; margin-left:auto;} 

#Nav{width:821px; margin-right:auto; margin-left:auto;  background: transparent url(Images/NavBar.png);height:67px;}
#Nav ul { list-style-type: circle; display:inline;list-style-position:inside; font-family:Verdana; color:#fff;}
#Nav li { display:inline;font-family:Verdana; color:#fff; vertical-align: middle; margin-top:22px;}
#Nav li.Left{}
#Nav li.Right{}

#jsddm{	margin-left: auto;	margin-right:auto;}
#jsddm ul { list-style-type: circle; display:inline;list-style-position:inside; font-family:Verdana; color:#fff;}
#jsddm li{ float: left; list-style: none; font-family:Verdana;}
#jsddm li a	{ display: block; text-decoration: none;  white-space: nowrap; color:#fff; font-size:10pt; font-weight:bold; padding:2px 0px 0px 0px; margin-left:52px;}
#jsddm li a:hover{color:#FF8000;}
#jsddm li ul { position: absolute; visibility: hidden; border: 1px solid white;background-color:#333333; margin-left:52px; padding:4px; margin-top:10px; width:180px;}		
#jsddm li ul li { float: none; display: inline; padding:0px; margin:0px; padding:0px;}
#jsddm li ul li a { background-color:#333333; padding:0px; margin:0px; padding:4px;}
#jsddm li ul li a:hover	{ background-color:#333333 }
			
#Content{width:821px; margin-right:auto; margin-left:auto;}
#Content hr { margin-left: 10px; margin-right:10px;}
#Content td.Right { background: transparent url(Images/Dots.png) repeat-y; font-size:10pt; padding-left:20px;}
#Content p.contentHeader{font-family:Tahoma; font-size:18pt; color:#00A414; font-weight:normal;}
/* Standard CMS CSS*/
.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; }