body{background-image:url(images/back1.png); text-align:center; color:#2a2a2a;font-family:Lucida Sans;font-size:10pt;}
/* background-image:url(images/back.png); */
h3{color:#12278c;}
h4{color:#12278c;}
h2{color:#12278c;}
#wrap{width:846px; text-align:left; border:solid 1px black;} 
#header{background-color:#eeeeee;height:220px;width:844px;}
#imgspacer{	background-color:#000000;height:5px;width:844px; }
#body{background-image: url(images/content_bg.png); background-color:#fff;
       background-repeat:repeat-x;width:826px;padding:10px 10px 10px 10px;min-height:600px;}
#bodyUser{background-image: url(images/logoback.png); background-color:#fff; width:826px;padding:10px 10px 10px 10px;}
#content{width:580px; height:650px; clear:both;float:left;background-color:Transparent;padding:10px 10px 10px 10px; overflow:auto;}
#contentUser{width:580px;min-height:395px;clear:both;float:left;background-color:Transparent;border:solid 2px #cccccc; padding:10px 10px 10px 10px;}
#news{float:right;width:215px;min-height:300px;background-image:url(images/news_bg.png); border:solid 2px #cccccc;}
#recentPosts{float:right;width:220px;min-height:300px;background-image:url(images/news_bg.png); border:solid 2px #cccccc;}
#spacer{height:10px;background-color:#fff;width:215px;float:right;}
#birthday{float:right;width:215px;min-height:150px;background-color:#fff;background-image:url(images/hb_bb.png);border:solid 2px #cccccc; text-align:center;}
#footer{padding:10px 10px 0px 5px;height:55px;background-color:#000;vertical-align:middle; color:White; text-align:center;}
#copyright{color:#fff; font-size:x-small;}
#mainnav{width:846px;text-align:center;background-image: url(images/button_bg.png); border-bottom:solid 2px #2a2a2a; padding:2px 0 0 0;}

.blogText{color:#2a2a2a;font-family:Lucida Sans;font-size:12pt;}
.button{width:100px;border-left-style:inset;float:left;height:25px;vertical-align:bottom;text-align:center;cursor:pointer; background-image: url(images/button_bg.png);}
.firstbutton{width:105px;float:left;height:25px;vertical-align:bottom;text-align:center;cursor:pointer;background-image: url(images/button_bg.png);}
.buttonLast{width:120px;border-left-style:inset;float:left;height:25px;vertical-align:bottom;text-align:center;cursor:pointer; background-image: url(images/button_bg.png);}
.modalBackground{background-color:Gray;filter:alpha(opacity=60);opacity:0.7;}
.modalPopup{background-color:#FFFFFF;padding:1em 1em 1em 1em;width:700px;height:520px;}
.ContentPopup{background-color:#FFFFFF;padding:1em 1em 1em 1em;width:500px;height:550px;}
.GalleryPopup{background-color:#FFFFFF;padding:1em 1em 1em 1em;width:430px;height:400px;}
.SplashPopup{background-color:#FFFFFF;padding:1em 1em 1em 1em;width:430px;height:320px;}
.blogPopup{background-color:#FFFFFF;padding:1em 1em 1em 1em;width:400px;height:470px;}
.bdPopup{background-color:#FFFFFF;padding:1em 1em 1em 1em;width:430px;height:495px;}
.newsPopup{background-color:#FFFFFF;padding:1em 1em 1em 1em;width:250px;height:280px;}
.moreNewsPopup{background-image:url(images/back1.png);  padding:1em 1em 1em 1em;width:350px;height:480px;}
.staffPopup{background-color:#FFFFFF;padding:1em 1em 1em 1em;width:430px;height:530px; text-align:left;}
.SlidePopup{background-color:#FFFFFF;padding:1em 1em 1em 1em;width:500px;height:480px;}
.AddGalleryPopup{background-color:#FFFFFF;padding:1em 1em 1em 1em;width:350px;height:150px;}
.UploadNewsletterPopup{background-color:#FFFFFF;padding:1em 1em 1em 1em;width:400px;height:220px;border:groove 2px black;}

#NewsLetter{background-color:#eeeeee;min-height:200px;}
#staffpicshadow{height:105px;  background-color:white; width:100px; margin:0 20px 0 0; float:left;}

/* These styles create the dropdown menus. */
#navbar {
   margin: 0;
   padding: 0;
   height: 23px;
  }
#navbar li {
   list-style: none;
   float: left;
   height:25;
   width:110px;
   border-left:inset 1px #eeeeee; }
#navbar li a {
   display: block;
   padding: 0px 8px;
   color: #fff;
   font-weight:bold;
   font-size:10pt;
   text-decoration: none; }
#navbar li ul {
   display: none; 
   clear:left;
   float:none;
   }
#navbar li:hover ul, #navbar li.hover ul {
   clear:left;
   float:none;
   display: block;
   position:absolute;
   z-index:100;
   margin: 0;
   padding: 0 0 0 5px; }
#navbar li:hover li, #navbar li.hover li {
   float: none;
   width:150px;
   margin: 0 0 0 0;
   text-align:left;
   }
#navbar li:hover li a, #navbar li.hover li a {
  padding:5px 0 0 3px;
   background-image:url(images/drop_button_bg.png);
   border-bottom:solid 1px #fff;
   color: #fff;
   font-size:10pt;
   height:20px; }
#navbar li li a:hover {
  background-image:url(images/over_drop_button_bg.png); }
 /* below used to generate the colored bars on the calendar */
.eventBar{width:96px; color:#2a2a2a;  font-weight:bold; cursor:pointer; height:20px; margin:0 0 2px 0;
	background-image:url(images/redButtonMiddle.gif); padding:0 0 0 0; float:left;
	overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.redEventBar{width:96px; color:#2a2a2a;  font-weight:bold; cursor:pointer; height:18px; margin:0 0 2px 0;
	background-image:url(images/redButtonMiddle.gif); padding:2px 0 0 0; float:left;
	overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap; font-size:13px;}	
.greenEventBar{width:96px; color:#2a2a2a;  font-weight:bold; cursor:pointer; height:20px; margin:0 0 2px 0;
	background-image:url(images/greenButtonMiddle.gif); padding:0 0 0 0; float:left;
	overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}	
.blueEventBar{width:96px; color:#2a2a2a;  font-weight:bold; cursor:pointer; height:20px; margin:0 0 2px 0;
	background-image:url(images/blueButtonMiddle.gif); padding:0 0 0 0; float:left;
	overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}	
.goldEventBar{width:96px; color:#2a2a2a;  font-weight:bold; cursor:pointer; height:20px; margin:0 0 2px 0;
	background-image:url(images/goldButtonMiddle.gif); padding:0 0 0 0; float:left;
	overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
.purpleEventBar{width:96px; color:#2a2a2a;  font-weight:bold; cursor:pointer; height:20px; margin:0 0 2px 0;
	background-image:url(images/purpleButtonMiddle.gif); padding:0 0 0 0; float:left;
	overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;}
/* below used to generate the colored bars on the calendar */
.leftEventBar{clear:both;width:10px; background-image:url(images/redButtonLeft.gif); float:left;height:20px;} 
.redLeftEventBar{clear:both;width:10px; background-image:url(images/redButtonLeft.gif); float:left;height:20px;} 
.greenLeftEventBar{clear:both;width:10px; background-image:url(images/greenButtonLeft.gif); float:left;height:20px;} 
.blueLeftEventBar{clear:both;width:10px; background-image:url(images/blueButtonLeft.gif); float:left;height:20px;} 
.goldLeftEventBar{clear:both;width:10px; background-image:url(images/goldButtonLeft.gif); float:left;height:20px;} 
.purpleLeftEventBar{clear:both;width:10px; background-image:url(images/purpleButtonLeft.gif); float:left;height:20px;} 				
/* below used to generate the colored bars on the calendar */
.leftEventBarContinue{clear:both;width:10px; background-image:url(images/redButtonMiddle.gif); float:left;height:20px;} 
.redLeftEventBarContinue{clear:both;width:10px; background-image:url(images/redButtonMiddle.gif); float:left;height:20px;} 
.greenLeftEventBarContinue{clear:both;width:10px; background-image:url(images/greenButtonMiddle.gif); float:left;height:20px;} 
.blueLeftEventBarContinue{clear:both;width:10px; background-image:url(images/blueButtonMiddle.gif); float:left;height:20px;} 
.goldLeftEventBarContinue{clear:both;width:10px; background-image:url(images/goldButtonMiddle.gif); float:left;height:20px;} 
.purpleLeftEventBarContinue{clear:both;width:10px; background-image:url(images/purpleButtonMiddle.gif); float:left;height:20px;} 
/* below used to generate the colored bars on the calendar */
.redRightEventBar{width:10px; background-image:url(images/redButtonRight.gif); float:left;height:20px; } 
.greenRightEventBar{width:10px; background-image:url(images/greenButtonRight.gif); float:left;height:20px; } 
.blueRightEventBar{width:10px; background-image:url(images/blueButtonRight.gif); float:left;height:20px; } 
.goldRightEventBar{width:10px; background-image:url(images/goldButtonRight.gif); float:left;height:20px; } 
.purpleRightEventBar{width:10px; background-image:url(images/purpleButtonRight.gif); float:left;height:20px; } 
.rightEventBar{width:10px; background-image:url(images/redButtonRight.gif); float:left;height:20px; } 
/* below used to generate the colored bars on the calendar */
.redRightEventBarContinue{width:16px; background-image:url(images/redButtonMiddle.gif); float:right;height:20px;} 
.greenRightEventBarContinue{width:16px; background-image:url(images/greenButtonMiddle.gif); float:right;height:20px;} 
.blueRightEventBarContinue{width:16px; background-image:url(images/blueButtonMiddle.gif); float:right;height:20px;} 
.goldRightEventBarContinue{width:16px; background-image:url(images/goldButtonMiddle.gif); float:right;height:20px;} 
.purpleRightEventBarContinue{width:16px; background-image:url(images/purpleButtonMiddle.gif); float:right;height:20px;} 
.rightEventBarContinue{width:16px; background-image:url(images/redButtonMiddle.gif); float:right;height:20px;} 


/* Used for the Calendar */
.gvHeader{	background-image:url(images/drop_button_bg.png); color:#ffffff;}
#CalendarHeaderDv{width:868px;	border:solid 2px black;	background-color:#990000; height:20px;padding:5px 0 0 0;}
#dvDate{height: 114px; 	padding: 0 0 0 0;}
#pnlAddEventHeader{height: 25px; width: 400px; background-color: #E7E7FF; text-align: left;	border-bottom: ridge 2px gray;}	
#dvAllEvents{height:15px; background-color:#dddddd; margin:0 0 2px 0; border:groove 1px #eeeeee; text-align:right; 
	vertical-align:top; padding:0 5px 0 5px; cursor:pointer;}

.eventBar{width:122px; color:#2a2a2a;  font-weight:bold; cursor:pointer; height:20px; margin:0 0 2px 0;
	background-image:url(images/redButtonMiddle.gif); padding:0 0 0 0; float:left;}
.leftEventBar{clear:both;width:10px; background-image:url(images/redButtonLeft.gif); float:left;height:20px;} 
.leftEventBarContinue{clear:both;width:10px; background-image:url(images/redButtonMiddle.gif); float:left;height:20px;} 
.rightEventBar{width:10px; background-image:url(images/redButtonRight.gif); float:left;height:20px; } 
.rightEventBarContinue{width:16px; background-image:url(images/redButtonMiddle.gif); float:right;height:20px;} 
.blankEventBar{height:22px; margin:0 0 0px 0; clear:both;}
.dlHeader{width: 124px;	float: left; background-color:#eeeeee; color: White;height:18px;border-bottom:solid 2px black;}
.ToolTip{display: none; min-width: 300px; min-height: 150px; background-color:#eee; border:groove 2px black;text-align:left;padding:5px 5px 5px 5px;}
.calendar{width:868px; border:solid 2px black; background-color:#dddddd;}

.dateInfoDv1{height: 20px; width: 99%; text-align:left; vertical-align: middle;  color:#ffffff; background-image:url(images/drop_button_bg.png);
            border:solid 1px black;margin:0px 0 2px 0; padding:0 0 0 3px;}
.eventDv{min-height: 100px;width: 122px; padding: 0 0 0 0;}
.redButton{ background-image:url("images/goldButton.gif"); background-repeat:no-repeat; height:100px;width:300px;} 
.dayButtons{color:Blue; font-size:smaller;}
.shadow {background-color:Gray;filter:alpha(opacity=60);opacity:0.7;}

.calendarlistdv{width:248px; padding:0 0 2px 0; border:solid 1px black; height:15px; background-image: url(images/topHead.gif);}
/* For shadow */
.outerpair1 {background:url(images/upperrightfade.png) right top no-repeat;}
.outerpair2{background:url(images/lowerleftfade.png) left bottom no-repeat; padding-top:6px; padding-left:4px;}
.shadowbox{background:url(images/shadow.png) bottom right; background-repeat:no-repeat;}
.innerbox{position:relative; left:-6px; top:-6px;}