img{	

	border-style: none; display:block; font-size:0px;

}

.floatRight{

   float: right; margin: 4px;

}

.floatLeft{

   float: left; margin: 4px;

}

.center,h3{	

	text-align:center;

}

.justify

{	text-align:justify; padding:20px;}



/* CSS to make all text white*/

p,h1,h2,h3,h4,h5,li,ul,address

{	color:white;}



/* CSS for section headings*/

h1,h2,h3,h4,h5,h6

{	text-align:center;

font-family: 'Lobster', arial, serif;}

p {

  margin-bottom: 0;



  text-indent: 1.5em;

  margin-top: 0 }







.colors

{	color:#66cc99; font-size:16px;}



/* CSS for all link attributes*/

a:link{text-decoration:none; color: #66cc99; outline: 0;}

a:visited {text-decoration: none; color: #66cc99; outline: 0; }

a:active {text-decoration: none; outline: 0;}

a:hover {text-decoration: underline; color: #66cc99; outline: 0; font-weight:bold}

a:active, a:focus{outline: 0;}
#calendar_change a{color:#000000;}
option {color:#000000;}


.biglink{text-decoration:none; color: #66cc99; outline: 0; font-size:25px; font-weight:bold;}



#rightcolumn{

	width: 270px;

	float: right;

}



#leftcolumn{

	width: 426px;

	height: 350px;

	float: left;

}

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.clearfix {

	zoom: 1;

}

/* CSS for image gallery*/

.hoverbox

{	cursor: default;list-style: none;}



.hoverbox a

{	cursor: default;}



.hoverbox a .preview

{	display: none;}



.hoverbox a:hover .preview

{	display: block;	position: absolute;	top: -33px;	left: -45px; z-index: 1;}



.hoverbox img

{	background: #fff; border-color: #aaa #ccc #ddd #bbb; border-style: solid; border-width: 1px;	

	color: inherit;	padding: 2px; vertical-align: top; width: 150px; height: 125px;}



.hoverbox li

{	background: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px;

	color: inherit; display: inline; float: left; margin: 3px; padding: 5px; position: relative;}



.hoverbox .preview

{	border-color: #000;	width: 300px; height: 250px;}



/* CSS to make span links (text on calendar)*/

.thumbnail

{	position: relative; z-index: 0;}



.thumbnail:hover

{	background-color: transparent; z-index: 50;}



/*CSS for enlarged image*/

.thumbnail span

{	position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden;

	color: black; text-decoration: none; width: 200px; height: 150px;}



/*CSS for enlarged image*/

.thumbnail span img

{	border-width: 0; padding: 2px;}



/*CSS for enlarged image on hover*/

.thumbnail:hover span

{	visibility: visible; top: 0; left: 60px; /*position where enlarged image should offset horizontally */}

td.beforedayboxes {
	background-color: #ffffff; color: #000000;
}
td.dayboxes {
	background-color: #ffffff; color: #000000;
}
td.afterdayboxes {
	background-color: #ffffff; color: #000000;
}
td.highlighteddayboxes {
	background-color: #EFEFEF; color: #000000;
}
.event {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
.eventdetail {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}
.eventwhen {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 15px; font-weight: bold;
}
.addevent {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
.addeventextrainfo {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;
}

.toprightnumber {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px; font-weight: bold;
}
.eventinbox {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;	
}
.currentdate {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 17px; font-weight: bold;	
}
option{color:#000000;}