/***********************************************/
/* HTML tag styles   RAINBOW                   */
/***********************************************/ 

body{
<!--	background-color:#FFF; -->
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}
a {
	color: #4B0083;
	text-decoration: none;
}

a:link{
	color: #4B0083;
	text-decoration: none;
}

a:visited{
	color: #4B0083;
	text-decoration: none;
}

a:hover{
	color: #FF3300;
	text-decoration: none;
}
h1{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 120%;
 color: #4B0083;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 114%;
 color: #4B0083;
 margin: 0px;
 padding: 0px;
}
li{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 100%;
 color: #ffff00;
 margin: 0px;
 padding: 0px;
}
h3{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 100%;
 color: #4B0083;
 margin: 0px;
 padding: 0px;
}
.blue { color: blue; }
.yellow { color: yellow; }

h4{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 70%;
 font-weight: normal;
 color: #4B0083;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}
h6 {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px;
 color: #000;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: circle;
}

label{
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 100%;
 font-weight: bold;
 color: #FFFF00;
}
.blue { color:blue; }
.fs4 { font-size: 70%; }


.ffamnorm {font-family: Verdana, Arial, Helvetica, sans-serif}
.ffamwing {font-family: wingdings }
.ffamengr {font-family: "Engravers MT"}
.fsize9 {font-size: 9px; }
.fsize10 {font-size: 10px; }
.fsize11 {font-size: 11px; }
.fsize12 {font-size: 12px; }
.fsize14 {font-size: 14px; }
.fsize16 {font-size: 16px; }
.fsize24 {font-size: 24px; }
.fsize30 {font-size: 30px; }
.fsize36 {font-size: 36px; }
.fbold {font-weight: bold; }
.fnorm {font-weight: normal; }
.fcolorblue {color: #3366FF; } /* light blue */
.fcolordbrown {color: #660000; } /* dark brown */
.fcolorred {color: #FF0000; } /* red */

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper {
	width: 795px;
	padding: 2px 2px 2px 2px;
	border-style: double;
	border: 0px;
}	

#masthead{
	background-color: #ffe0e0;
	padding: 5px 0px 0px 0px;
	border: 0px solid #cccccc;
	width: 100%;
}
#logoleft{
	float: left;
	padding: 0px;
	width: 85px;
	border-style: double;
	border: 0px;
}	
#logoright{
	float: right;
	padding: 0px;
	width: 85px;
	border-style: double;
	border: 0px;
}	
#NavCal{
	float: left;
	width: 15%;
	margin: 0px;
	padding: 0px;
	background-color: #000099;
	border: 1px solid #cccccc;
}
#LeftCol {
	float: left;
	width: 110px;
	height: 600px;
	margin: 0px;
	padding: 0px;
	background-color: #FFE0E0;
	border: 0px solid #cccccc;
}
#LeftCol a{ color: blue; font-weight: bold;  }
#LeftCol a:hover{ color: violet; font-weight: bold; }

#NavTBoard{
	float: right;
	width: 110px;
	height: 600px;
	margin: 0px;
	padding: 0px;
	background-color: #000099;
	border: 1px solid #cccccc;
}
#RightCol {
	float: right;
	width: 110px;
	height: 600px;
	margin: 0px;
	padding: 0px;
	background-color: #FFE0E0;
	border: 0px solid #cccccc;
}
#RightCol a{ color: blue; font-weight: bold; }
#RightCol h3 h4{ color: brown; }
#RightCol a:hover{ color: violet; font-weight: bold; }

#content{
	float: left;
	padding: 3px 0 0 3px;
	width: 525px;
	border: 0px solid #cccccc;
}
#contentfull{
	float: left;
	padding: 3px 0 0 3px;
	width: 100%;
	border: 0px solid #cccccc;
}
/***********************************************/
/* Components                                  */
/***********************************************/

#sitename{
	margin: 0;
	padding: 0 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #4B0083;
}

/************* #globalNav styles **************/

#globalNav{
	padding: 0px 0px 5px 5px;
	border-bottom: 0px solid #CCC;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 80%;
	font-family: "Comic Sans MS";
	padding: 0 14px 0 14px;
}
#globalNav a:hover {
	font-size: 80%;
	font-family: "Comic Sans MS";
	font-weight: bold;
	padding: 0 14px 0 14px;
	color: orange;
	text-decoration: none;
}
/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #4B0083;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}

/************** .font styles ***************/
.font3style {font-family: "Comic Sans MS" font-size: 12PX; font-weight: normal; color: #4B0083; }

p { margin-top: 0px; }

/************** .calendar styles ***************/
.navtablebg {background-color: #9C84CC; }
.endcol {background-color: #9C84CC; color: #FFFFFF; }
.midcol {background-color: #FFFFFF; color: #000000; }
.navrow {background-color: #9C84CC; color: yellow; }
.dayrow {background-color: #9C84CC; color: yellow; }

.dayend {
	margin: 0;
	padding: 0 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.dayend0 {
	margin: 0;
	padding: 0 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #FFF;
}
.daymid {
	margin: 0;
	padding: 0 0 0 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.daymid0 {
	margin: 0;
	padding: 0 0 0 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #000;
}
.evmid1 {
	margin: 0;
	padding: 0 0 0 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}	

.evmid2 {
	margin: 0;
	padding: 0 0 0 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}	
.evend1 {
	margin: 0;
	padding: 0 0 0 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

.evend2 {
	margin: 0;
	padding: 0 0 0 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
}	
/************** .feature styles ***************/
.blockcol2{
	float: left;
	width: 48.75%;
	margin: 0px;
	padding: 2px;
	background-color: #000099;
	border: 0px solid #cccccc;
}
.blockcol3{
	float: left;
	width: 32.5%;
	margin: 0px;
	padding: 2px;
	background-color: #000099;
	border: 0px solid #cccccc;
}
.blockcol4{
	float: left;
	width: 24.1%;
	margin: 0px;
	padding: 2px;

	border: 0px solid #cccccc;
}
.blockcol5{
	float: left;
	width: 19%;
	margin: 0px;
	padding: 3px;

	border: 0px solid #cccccc;
}
.feature{
	padding:  2px;
	font-size: 80%;
}

.feature h3{
	padding: 10px 0px 5px 0px;
	text-align: center;
}

.feature img{

	padding: 5px 0px 0px 5px;
}

.fbold {font-weight:bold;}

.changeform { border: dashed; color: #009;}
.changeform ul{ font-size:16px; color: #660000; font-weight: bold;}
.changeform li{ font-size:12px; color: #660000; font-weight: bold;}
.changeform h2{ font-size:24px; color: #ffff00; font-weight: bolder;}
.changeform h3{ font-size:16px; color: @660000; font-weight: bold;}
.changeform h4{ font-size:14px; color: #ffff00; font-weight: bold;}
/*************Event***************/
table.event {
	border-width: thick;
	border-spacing: ;
	border-style: solid;
	border-color: #ccc;
	border-collapse: separate;
	background-color: white;
}
table.event th {
	border-width: 3px;
	padding: 2px;
	border-style: double;
	border-color: #ccc;
	background-color: #fff5ee;
	font-size:18px;
	font-weight: bolder;
	color: red;
}
table.event td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #ccc;
	background-color: #fff5ee;
	color: #660000;
	font-weight: bold;
}

.maininfo {	
	font-size:14px;
	color: blue;
}
/************** .story styles *****************/
.contact{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 100%;
	text-align:left;
	color: blue;
}
.contact a{
	color: blue;
	text-decoration: none;
}
.contact a:hover{
	color: #FF3300;
	text-decoration: none;
}
.contact p{
	padding: 0px 0px 10px 0px;
}
.contact h3{ color:blue; }

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #4B0083;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}
#printable {
	padding: 2px;
	vertical-align: middle;
	width: 150px;
	border: 3px double;
}
	

/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #000099;
}

/*********** .table styles ***********/
table.contact {
	border-width: thin;
	border-spacing: ;
	border-style: solid;
	border-color: blue;
	border-collapse: separate;
	background-color: white;
}
table.contact th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: blue;
	background-color: #fff5ee;
	font-size:12px;
	font-weight: bolder;
	color: blue;
}
table.contact td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: blue;
	background-color: #fff5ee;
}
table.contact a{
 color: blue;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 20px 0px 10px 10px;
	font-size: 90%;
	color: #ffff00;
}

#headlines p{
	padding: 5px 0px 5px 0px;
	color: #ffff00;
}


