.ContentArea {

	color: #000000;

	font-size: 90%;

	padding: 10px 10px 10px 10px;

}





a.noDecorLink {

	text-decoration:none;

	color:#009;

}



#mainCalTable {

	width: 530px;

}



.spacer {

  clear:both;

  }



#container {

	margin:5px auto;

	padding:0px;

	}



#theTitle {

	font-family: Verdana, Arial, Geneva, sans-serif;

	text-align:center;

	background:#fc0;

	font-weight:700;

	color:#01009a;

	width: 510px;

  }



#theTitle2 {

  font-family: Verdana, Arial, Geneva, sans-serif;

  text-align:center;

  font-weight:700;

  border:none;

  }



.dateBox, .dateBoxToday {

	float:left;

	width:67px;

	height:67px;

	border:1px solid #000;

	padding:3px;

  	overflow:auto;

	}



.dateBox {

  scrollbar-face-color:#ccc;

  scrollbar-track-color:#fff;

  scrollbar-arrow-color:#fff;

  scrollbar-highlight-color:#eee;

  scrollbar-3dlight-color:#eee;

  scrollbar-shadow-color:#fff;

  scrollbar-darkshadow-color:#eee;

  }



.weekDay, .weekDayLast {

	font-family: Verdana, Arial, Geneva, sans-serif;

	text-align:center;

	height:16px;

	width:65px;

	line-height:16px;

	font-size:10px;

	background:#009;

	color:#fff;

	font-weight:100;

	padding:0px;

	border-right:1px solid #fff;

}



.weekDayLast {

	border-right:1px solid #000;

}



.weekDay2 {

  text-align:center;

  font-size:10px;

  background:#009;

  color:#fff;

  }



#today {

	font-family: Verdana, Arial, Geneva, sans-serif;

	color:#fff;

	background:#009;

	font-weight:700;

	padding:3px 3px 3px 5px;

	line-height:10px;

	margin-left:-3px;

	margin-top:-3px;

	width:10px;

}

  

.monthNav {

  font-weight:100;

  font-size:80%;

  text-decoration:none;

  }

  

table.cal, table.calMini {

  width:510px;

  border-right:1px solid #01009a;

  border-top:1px solid #01009a;

  padding:0px;  

  }

  

table.calMini {

  width:150px;

  margin-top:-75px;

  }

  

tr.cal, td.cal, td.calNull, td.calPast, td.calToday, tr.calMini, td.calMini {

  border:1px solid #01009a;

  border-right:none;

  border-top:none;

  padding:0px;

  }

  

td.calMini {

  width:20px;

  height:20px;

  font-size:9px;

  text-align:center;

  padding:2px;

  }



td.cal, td.calNull, td.calPast, td.calToday {

  font-size:70%;

  font-weight:700;

  width:70px;

  height:65px;

  padding:0px;

}



td.cal { background: #fff; }

td.calPast {  background: #ddd; }

td.calToday {  background: #cfd9ff; }



.dateNumber {

	padding:3px;

}



.eventContainer {

	line-height:10px;

	padding:1px 0px 1px 1px;

	width:100%;

    white-space: nowrap;

    overflow-x: hidden;

    overflow-y: hidden;

    text-overflow:ellipsis;

}



.eventOpen, .eventCancelled, .eventFull, .eventPast {

	font-size:12px;

}



.eventOpenSmall, .eventCancelledSmall, .eventFullSmall, .eventPastSmall {

	font-size:9px;

}





.eventOpen, .eventOpenSmall {

	color:#603;

}



.eventFull, .eventFullSmall, .eventPast, .eventPastSmall {

	color:#bbb;

	text-decoration:none;

}

.eventCancelled, .eventCancelledSmall {

	color:#bbb;

	text-decoration:line-through;

}



.eventRegTitle, .eventRegTitleLabel, .eventRegTitleProgram {

	font-size:125%;

	font-weight: 900;

}



.eventRegTitleDate, .eventRegTitleTime {

	font-size:90%;

	font-weight:800;

}

.eventRegTitleDate { font-style: italic; }



/* calendar list view formatting */

#calColLeft, #calColRight {

  margin-top:7px;

}

  

#calColLeft {

  float:left;

  width:354px;

  margin-left:5px;

  }

  

#calColRight {

  float:right;

  width:150px;

  margin-right:8px;

  margin-top:-70px;

  padding-top:75px;

}



.calColListDateTime {

	float:left;

	width:34%;

	padding:2px;

	text-align:center;

}



.calColListEventLabel {

	float:right;

	width:62%;

	padding:2px 2px 2px 4px;

	border-left:1px solid #000;

}



/* registration form formatting */

form.reg, .reg {

  background:#ccc;

  padding:3px 3px 15px 3px;

  border:1px solid #000;

  width:480px;

  margin-left:6%;

  }



.regText {

  float:left;

  width:30%;

  text-align:right;

  font-weight:700;

  margin-bottom:2px;

  }

  

.regInput {

  float:left;

  width:59%;

  margin-left:3px;

  margin-bottom:2px;

  }

  
.regSectionHeader {
	background:#09c;
	color:#fff;
	padding:3pt;
	margin-bottom:5pt;
}

/* button formatting */

.ButtonWhite{	

	background-color:#FFFFFF;

	color:#000;

	text-decoration:none;

	border: 1px solid Black;

	padding: 2px 5px 2px 5px;

	text-align : center;

	margin: 3px;

	width: auto;

	float: left;

}



.ButtonWhite:hover {	

	background-color:#000084;

	color:#fff;

}



.ButtonBlue{	

	background-color:#cfd9ff;

	color:#425d93;

	text-decoration:none;

	border: 1px solid Black;

	padding: 2px 5px 2px 5px;

	text-align : center;

	margin: 3px;

	width: auto;

	float: left;

}



.ButtonBlue:hover {	

	background-color:#fff;

	color:#000;

}



.prevMonth, .nextMonth, .prevMonthList, .nextMonthList {
	width:30%;
	font-size: 95%;
	font-color:#009;
	text-decoration:none;
}



.prevMonth {
	float:left;
	text-align:left;
	margin-left:6px;
}





.nextMonth {

	float:right;

	margin-right:6px;

	text-align:right;

}





.thisMonth {

	float:left;

	text-align:center;

	width:33%;

	font-size:110%;

}



.emailHighlight {

	font-weight: 800;

}



textarea, .styledInput {

	border:1px solid #7e9eb7;

}



.alertMsg {

	color:#f00;

	text-align:center;

}



/* eg. (max 120 char) */

.fieldNote {

	font-style: italic;

	font-size: 85%;

}



.homeOption {

  text-align:left;

  border:1px solid #000;

  border-bottom:none;

  border-top:none;

  }



/* form formatting */

#calAdminForm {

	background:#eee;

	border:1px solid #000;

	margin-top:10px;

	text-align:left;

	padding:10px;

  	padding-top:10px;

	}

  

/* admin home formatting */

.adminTitleContainer {

  background:#cfd9ff;

  color:#000;

  font-weight:700;

  border-top:1px solid #000;

  border-bottom:1px solid #000;

  }



.adminTitleLeft {

  float:left;

  width:60%;

  padding:2px;

  }

  

.adminTitleRight {

  float:right;

  width:35%;

  text-align:center;

  padding:2px;
  padding-left: 0;

  border-left:1px solid #000;

  }

  

.listLeft {

  float:left;

  font-size:85%;

  font-weight:700;

  padding:2px;

  width:150px;

  text-align:center;

  height:31px; 

  line-height:31px;

  }

  

.listCenter {

  float:left;

  /* font-weight:700; */

  padding:4px;

  width:230px;

  height:31px;

  border-bottom:0px solid #000;

  border-left:1px solid #000;

  }

  

.listRight {

  float:right;

  font-weight:700;

  padding:2px;

  width:35%;

  text-align:center;

  border-left:1px solid #000;

  }



/*Four Column Table*/

.listcol1 {

  float:left;

  font-size:85%;

  font-weight:700;

  padding:2px;

  width:15%;

  text-align:center;

  height:31px; 

  line-height:31px;

  }



.listCol2 {

  float:left;

  padding:2px;

  width:20%;

  text-align:center;

  height:31px;

  line-height:31px;

  border-bottom:0px solid #000;

  border-right:1px solid #000;  

  }

  

.listCol3 {

  float:left;

  font-weight:700;

  padding:4px;

  width:40%;

  height:31px;

  border-bottom:0px solid #000;

  }

  

.listCol4 {

  float:right;

  font-weight:700;

  padding:1px;

  width:35%;

  text-align:center;

  border-left:1px solid #000;

  }





 /* adminstrator list styles */

.adminListContainer {

  font-weight:700;

  border-top:0px solid #000;

  border-bottom:1px solid #000;

  }



.adminListLeft {

  float:left;

  width:65%;

  padding:2px;

  }

  

.adminListRight {

  float:right;

  width:35%;

  text-align:center;

  padding:2px;

  border-left:1px solid #000;

  }

  

  

/*  formatting for text buttons and form buttons  */

  .button, .f_button, .buttonFade {

  	background:#ccc;

  	border:1px solid #000;

  	text-align:center;

  	text-decoration:none;

  	font-weight:900;

  	margin-left:3px;

  	color:#000;

  	cursor:hand;

  	font-size:90%;

  	}

   

  .f_button {

  	padding-left:2px;

  	padding-right:2px;

  	}

  	

  .button, .buttonFade {

  	line-height:15px;

  	padding-top:.4px;

  	padding-left:10px;

  	padding-right:10px; 	

  	}

  	

  .button:hover {

  	color:#000;

  	}

  

/* login */  

form.login {

  padding:3px 3px 15px 3px;

  width:360px;

  margin-left:6%;

  }

  

.daText {

  float:left;

  width:45%;

  text-align:right;

  font-weight:700;

  margin-bottom:2px;

  }

  

.daInput {

  float:left;

  width:50%;

  margin-left:3px;

  margin-bottom:2px; 

  }

.BodyText {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 17px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.BodyTextBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 17px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.BodyTextbullet {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 17px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

	width: 310px;

	padding-top: 20px;

	padding-left: 20px;

}

.BodyTextWhiteBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 17px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #FFFFFF;

}

.SmallTableText {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 13px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.SmallTableTextBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 13px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.PageHeadBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 18px;

	font-style: normal;

	line-height: 22px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.cspHeadBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 18px;

	font-style: normal;

	line-height: 22px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #975c44;

}

.linkbullet {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 19px;

	font-weight: normal;

	color: #000000;

	list-style-position: outside;

	list-style-type: disc;

}

.SubTextBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 15px;

	font-style: normal;

	line-height: 17px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.Calendar_Date {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 13px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.Calendar_Title {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 17px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.Calendar_Location {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 10px;

	font-style: italic;

	line-height: 13px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.Calendar_Description {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 13px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.Headblue {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 18px;

	font-style: normal;

	line-height: 22px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: 0B3A8B;

}

.BodyText {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 17px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.BodyTextBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 17px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.BodyTextbullet {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 17px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

	width: 310px;

	padding-top: 20px;

	padding-left: 20px;

}

.BodyTextWhiteBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 17px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #FFFFFF;

}

.SmallTableText {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 13px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.SmallTableTextBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 13px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.PageHeadBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 18px;

	font-style: normal;

	line-height: 22px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.cspHeadBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 18px;

	font-style: normal;

	line-height: 22px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #975c44;

}

.linkbullet {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 19px;

	font-weight: normal;

	color: #000000;

	list-style-position: outside;

	list-style-type: disc;

}

.SubTextBold {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 15px;

	font-style: normal;

	line-height: 17px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.Calendar_Date {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 13px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.Calendar_Title {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: 17px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.Calendar_Location {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 10px;

	font-style: italic;

	line-height: 13px;

	font-weight: bold;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.Calendar_Description {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 10px;

	font-style: normal;

	line-height: 13px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

}

.Headblue {

	font-family: Verdana, Arial, Geneva, sans-serif;

	font-size: 18px;

	font-style: normal;

	line-height: 22px;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: 0B3A8B;

}