/* Global Styles */
.ruler{
		border:1px #000000 solid; 
		width:100%;
	  }
#visitor{
	width:100px; 
	border:1px solid #000000; 	
	color:#FFFFFF; 	
	text-align:center; 	
	background:#CC0000;
}
/* ID Styles */
.scrollevents{
	color: #FFFFFF; 
	font-weight: bold;
	background-color:#000000;
	height:20px;
}
.scrollevents2{
	color: #FFFFFF; 
	font-weight: bold;
	border:1px solid #000000;
	height:15px;
}
.bodyborders td{
	border:1px #000000 solid;
	padding:2px;
}

#navigation a {
	font:14px arial;
	color:#990000;
	text-decoration:none;
	letter-spacing:.1em;
	font-weight:bold;
	}
	
#navigation a:hover {
	color:#0033FF;
	font-weight:bold;
	}

#padding {
	padding:20px 5px 20px 5px;
	}
	
#calendar td {
	border: 1px solid rgb(0,51,153);
	}
	
#noborder td {
	border: 0px;
	}
	
#weekdays th {
	font:11px arial;
	color: #ffffff;
	font-weight:bold;
	border: 0px;
	padding:2px;
	}

#calheader td {
	font-weight:bold;
	}

/* Class Styles */

.tagline {
	font:11px times new roman;
	color: #CC3300;
	letter-spacing:.2em;
	}

.smallText {
	font:12px times new roman;
	color: #CC3300;
	line-height:18px;
	}
	
.subheaderstyle tbody tr td {
	/* appearance */
	background-color: #48535e;
	border-bottom-color: #22272e;
	border-top-color: #708090;
	border-right-color: #000;
	border-left-color: #3c454f;

	/* size */
	padding: 2px 5px 2px 5px;

	/* text */
	color: #FFFFFF;
	font-size: 19px;
	font-weight: bold;
	text-shadow: 0 -1px 1px #000000;
	}
	
#menustyle{
		color:#000000;
		font-size:12px;
		font-weight:bold;
		background:#3c454f;
		border:1px solid #afa3bf;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
	
}#menustyle a{
		color:#000080;
		font-size:12px;
		font-weight:bold;
		text-decoration:underline;
}#menustyle a:hover{
		color:#000080;
		background:none;
		text-decoration:none;
}
.pageHeader {
	font:30px times new roman;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:38px;
	}
#bodybg{
	
	background:#ACD9EA;
	}
#buttonbg{
	background:url(images/buttons.png) 0 50% no-repeat; 
	width:100px;
	padding-left:4px;
	
	
 }
#headerbg{

	background:#33A1C9;
	}	
.bodyText {
	width:615px;
	padding: 2px;
	color:#330033;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
	}
.sideText {
	width:100px;
	padding: 2px;
	color:#330033;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#faf5ff;
	
	}

.subHeader {
	font:14px times new roman;
	color: #003399;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	font:10px arial;
	color: #333300;
	letter-spacing:.1em;
	}
	
<!-- theold css-->

.scrollable { 
		background:#faf5ff;
		width: 290px; 
		height: 320px; 
		overflow: auto; 
}


.datefonts{ color:#999999; text-align:left; }

.style1{ font-weight: bold;
font-size:12;
height:25;}

.style3{ color:white;
		 font-weight: bold;
	   }

.style2{ font-weight:bold;
		 color:#CC0000;
		 letter-spacing:1px;
	   }
.style8 {font-size: 14px; }
.style9 {
	color:#ffffff;
	font-weight: bold;
}
.style11 {
	color: #FFFFFF;
	font-style: normal;
	font-size: 11px;
}
.errormsg{ 
		 font-weight:bold;
		 color:#FF0000;
		 font-size:12px;
		 letter-spacing:1px;
	   }
.successmsg{ 
		 font-weight:bold;
		 color:#00CC00;
		 font-size:12px;
		 letter-spacing:1px;
	   }
		 


#pagename{
		color:#ffffff;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
		letter-spacing:2px;
		text-transform:uppercase;
		font-weight:bold;
		text-decoration:none;
		margin-left:2px;
		
}#header{
		color:#000000;
		font-size:12px;
		font-family: Verdana, Helvetica, sans-serif;
}
#menustyle{
		color:#ffffff;
		font-size:12px;
		font-weight:normal;
		background:#000000;
		border:1px solid #000000;
}#menustyle a{
		color:#ffffff;
		font-size:12px;
		font-weight:bold;
		text-decoration:underline;
}#menustyle a:hover{
		color:#0099FF;
		background:none;
		text-decoration:none;
}


.formtables td{ padding: 1px 1px 1px 1px;
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:1px solid #faf5ff;}


#dropdwn a { color:#000000;}
#dropdwn a:visited{color:#000000; }
#dropdwn a:active{color:#000000;}
#dropdwn a:hover{
	
	color:#000000;
	text-decoration:none;}
	

.selectedanchor{ /*CF9FFFCSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
color:#FFFFFF;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #C67171;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */

width: 200px; /* default width for menu */

}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;

}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #C67171;
padding: 5px 0;
text-decoration: none;
font-weight:bold;
text-indent: 5px;
color:#ffffff;
}

.anylinkmenu a{ /*link color*/
color: #ffffff;
}
.anylinkmenu a:active{ /*active color*/
color: #ffffff;
}
.anylinkmenu a:visited{ /*visited color*/
color: #ffffff;
}
.anylinkmenu a:hover{ /*hover background color*/
background:#ffffff;
color: #000000;
}


/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;

}

.anylinkmenucols li{
padding-bottom: 3px;

}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;

}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;

}

/* ######### class for shadow DIV ######### */
.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;

}