body{background: url(../images/background_main.gif) repeat-x;}
.title{font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #336633; width: 450px; text-align: center; padding-top: 20px;}
.address{font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: black; width: 450px; text-align: center; padding-top: 10px;}
  
ul.menuList li{position:relative; list-style-type: none; padding-right: 20px; text-decoration:none; font-size:18px; color:#ffffff; font-weight:bold; float:left;}
ul.menuList li:hover{background-color: #ffffcc;}
ul.menuList a:hover{color: #000066;}
ul.menuList li  ul{left: 0; width:100%; top:100%; margin: 0; padding: 0; list-style: none; display: none; position: absolute;}
ul.menuList li ul li{padding-left: 10px; padding-top: 10px; padding-bottom: 10px; background-color: #cccc66; border-bottom: solid 2px #666633; width: 100px;}
ul.menuList li:hover ul{display: block;}

a{text-decoration: none; font-family: inherit; color: #ffffff;}
a:hover{color: #000066;}
a.rightBar{color: #457339;}
a.rightBar:hover{color: #457339;}

.smallCalendar {float: left; width: 110px; height: 105px; border: 1px solid #999999; margin-left: 15px; background-color: #efefef;}
.dayHeader {width: 14px; float: left; font-size: 8px; font-weight: bold; text-align: center;}
.nonCurrentMonths {width: 14px; float: left; font-size: 8px; font-weight:bold; text-align: center; color:#999999; background-color: #c1c1c1;}
.currentMonth {width: 14px; float: left; font-size: 8px; font-weight:bold; text-align: center;}
.currentDay {width: 14px; float: left; font-size: 8px; font-weight: bold; text-align: center; background-color: #a7c9fe;}

ul.extraLinks {list-style-type: none; width: 110px; padding-left: 0px;}
ul.extraLinks li {padding-bottom: 5px;}

ul.arrow li{list-style-image: url('/images/listArrow.gif'); padding-bottom: 15px; padding-right: 10px;}
h1 {padding: 0px; margin: 0px;}
h2 {padding: 0px; margin: 0px; font-size: 14px; font-weight: bold; text-decoration: underline;}
.headers {color:#07167b; font-size: 24px; font-family: Georgia, 'Times New Roman', Times, serif; margin-bottom: 30px; font-weight: normal;}
.bodies {color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding-right: 10px;}
	
.loginText{font-size:18px; font-family: Arial, Helvetica, sans-serif;}
	
.inputBox{width: 250px; height: 26px; background-color: #ffffcc; font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
.sep{width: 100%; height: 1px; border-bottom: 1px dotted #07167B; padding: 10px 0px;}
div.view p {float: left;}
p.label {width: 150px; font-weight: bold;}
.error {color: red; font-weight: bold;}

/************  CALENDAR
***********************/

a{text-decoration: none; color: black;}
.weekday{width: 82px; height: 18px; padding-top: 2px; border-right: 1px solid #ccc; float: left;}
.saturday{width: 82px; height: 18px; padding-top: 2px; float: left;}
.daynumber{float: right; padding-right: 10px;}
.clear{clear: both;}
.dayHeader{height: auto; text-align: center; border-bottom: 1px solid black;}
.monthHeader{width: 100%; text-align: center; border-bottom: 1px solid black;}
.currmonth{float: right; padding-right: 5px;}
.holiday{float: right; padding-right: 5px; color: red;}
.holiday_name{color:red;padding-left: 5px;}
.othermonth{float: right; padding-right: 5px; color: #ccc;}
.today{background-color: #FF9;}
.event{width: 82px; padding-left: 5px; z-index: 3; height: 18px;}
.event_details{display:none; border: 1px solid #ccc; width: 240px; padding-left: 10px; background-color: #FFF; z-index: 3;}

/***************** ADMIN SUB MENU 
******************************************/ 
#sub_menu li{float: left; margin: 10px 20px 10px 0px; background-color: #07167B;}
#sub_menu li a{text-decoration:none; color:#fff; width:140px; padding: 10px 0px; text-align: center; display:block;}
#sub_menu li a:hover{color:#07167B; background:#A4B0FA;}


#contact-wrap p{clear: both; width: 510px;}
#contact-wrap p label{ display: inline-block; width: 150px; font-size:18px; font-family: Arial, Helvetica, sans-serif;}
#contact-wrap p .input{ display: inline-block; width: 350px; height: 26px; background-color: #ffffcc; border: 1px solid #CCC; font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
#contact-wrap p .textarea{ width: 500px; height: 250px; background-color: #ffffcc; border: 1px solid #CCC;}
#contact-wrap p .submit{ font-size:18px; font-family: Arial, Helvetica, sans-serif; float: right; }

.req { color: red; }
#contact-wrap p .error, #contact-wrap p .textarea .error{ background-color: #FBB; border: 1px solid red; }

/***************** SELF CLEAR FLOATS *********************/
.group:after{content: "."; display: block; height:0; clear:both; visibility: hidden; }
* html .group{ /* IE6 */ height: 1%;}
*:first-child+html .group{ /* IE7 */ min-height:1px;}
/****************************************************************/
#pagination{margin-top:30px; border-top:1px dotted #5a4a42; padding-top:10px; clear:both}
#pagination .non-display{height:22px; width:20px; padding:5px; text-align:center; display:inline-block; background:#07167B; color:#fff; text-decoration:underline}
#pagination .display-page{height:20px; width:18px; padding:4px 5px 6px 5px; text-align:center; display:inline-block; background:#A4B0FA; text-decoration:none; color:#07167B; border:1px solid #07167B}