/* MAIN CSS -- 3 columns */


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #5a5a5a;
}

div#container {
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	background-color: #fdf9e5;
	color: #000000;
	position: relative;
}

link {
	color: #666666;

}
#logo_linktohome{
	z-index: 10;
	position: absolute;
	width: 321px;
	height: 122px;
	left: 680px;
	top: 20px;
	cursor: pointer;
}
h1{
	font-size:14px; 
	font-weight: bold;
	margin:26px 0 0 18px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#5a5a5a;
}
h2{
	font-size:20px;
	margin-top:26px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	float: none;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #993333;
	padding-left: 18px;	
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #993333;
	padding-left: 0px;
	clear: none;
	margin-bottom: 8px;

}
h4.spectr{
	text-align: center;
	margin-bottom: -12px;
	padding-top: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}
h4 a{color: #993333;	
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 8px;
}
h5.spectr{
	text-align: center;
	margin-bottom: -12px;
}
h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: -3px 0 3px 0;
}

.clearfloat{
	clear: both;
}

.floatleft{
	float: left;
}

.floatleft_box_12pxmar{
	float: left;
	margin: 6px 12px 18px 0px;
	border: 1px solid #000000;

}
.floatright{
	float: right;
	margin-left: 8px;
}
.center{
	text-align: center;
}
.imgcenter{
	display: block;
	margin: 0 auto;
	padding: 0 auto;

}
	
div#address p{
	font-size: 12px;
	color:#5a5a5a;
	margin: 8px 18px 0px 18px;
}

div#address p.cca{
	font-size:14px; 
	font-weight: bold;
	margin: 26px 0 0 18px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#5a5a5a;
}
div#address p.phone{
	font-size: 16px;
	font-weight: bold;
	margin: 18px 18px 0px 18px;
	color:#000000;
}
.signup{
	margin: 0;
	padding: 0px;
}
.spacetop_6{
	padding-top: 6px;
}
.space-6px-top {
	margin-top: -6px;
}
.space-6px-bot {
	margin-bottom: 100px;
}
.margin-0px {
	margin-top: 0px;
}

.rule {
	border-bottom: 1px solid #CC6633;
	padding: 0px;
	margin-top: 6px;
}
.rule_t-b {
	border-top: 1px solid #CC6633;
	border-bottom: 1px solid #CC6633;
	padding: 12px 6px;

}
.border {
	border: 1px solid #333333;
}

.rule_clearfloat {
	border-bottom: 1px solid #CC6633;
	clear: both;
}
.edeventsub{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	margin-top: -6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

/*=================================
/* ================================BEGIN HEADER ============================================*/


div#header {
	width:1000px;
	height:144px;
}


/* ================================END HEADER ============================================*/



/*========================================START Color Backgrounds ===========================================*/


.greenback{
	background-color:#8ca786;
}	
.redback{
	background-color:#993333;	

}
.tanback{
	background-color: #ada388;
}
.tealback{
	background-color: #50b4b3;
}
.blueback{
	background-color: #668ca3;
}
.orangeback{
	background-color: #ddaf66;
}
.green-a2aback{
	background-color: #a1ca8c;
}
.greenback_3{
	background-color: #e5eec9;
}

.highlightbox_event{
	margin: 12px auto 12px auto;
	padding: 9px 3px;
	border: 1px solid #AE5624;
	background-color: #E8C595;
	text-align: center;
	width: 240px;
	clear: both;
}	
	/*========================================START column two- Main Content Column ===========================================*/
/*========================================START column two- Main Content Column ===========================================*/

div#column2 {
	width:520px;
	float:left;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	background-color: #fdf9e5;
}

div#c2introbox { /*title-before content area for each main page*/
	width: 460px;
	margin:0 auto 16px;
	padding: 16px;
	font-size: 14px;
	border-bottom:3px dotted #668ca3;
	text-align: center;
	display: block;
	border-top-width: 3px;
	border-top-style: dotted;
	border-top-color: #668ca3;
	background-color: #fdf9e5;
}
div#c2introbox h1{
	font-size: 20px;
	margin-top: 0.4em;
	padding: 0px;
	margin-bottom: 0.2em;
	font-weight: bold;
	text-align: center;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	}
div#c2introbox h2{
	font-size: 16px;
	margin-top: 0.4em;
	padding: 0px;
	margin-bottom: 0.2em ;
	text-align: center;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
}


/*------------------------Begin column 2 contentcontainer ----------------------------------------------*/

div#c2cc{
	width: 480px;
	margin:0 20px 16px 20px;
	padding: 0;

}	
div#c2cc p{
	margin: 8px 0 10px 0;
	
}
div#column2 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.5;	
}		

div#c2cc h1{
	margin:0px 0 16px 0;
	font-size: 18px;
	font-weight: bold;
}
div#c2cc img{
	border: none;	
}

div#c2cc h4 a {color: #993333;


}
div#column2 li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;

}div#column2 a{color: #000000;}

div#column2 a:hover {color: #993333; text-decoration: none;
}
div#floatleft{
	float: left;
	width: 265px;
	margin-bottom: 18px;
}
/*------------------------Begin column 2 headers and intro boxes ----------------------------------------------*/


/*------------------------Begin Special Feature ----------------------------------------------*/
#table{
	margin-top: 18px;
}


div#special{ /*usually the first listing ... in light green background*/
	background-color: #E2E2D3;
	border-top: 1px solid #50b4b3;
	border-bottom: 1px solid #50b4b3;
	width: 480px;
	margin: 0 0 6px 0px;
	padding: 0 0 16px 0;
}

div#special h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fef9e5;
	margin: 0 0 12px 0px;
	padding: 8px 14px 8px 14px;
	border-bottom: 1px solid #AEAE86;
	text-align: center;
}
div#special .sub{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #993333;
	margin: 0;
	padding: 0 14px 0 16px;
	line-height: 32px;
}
div#special h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #993333;
	margin: 0 0 12px 0;
	padding: 6px 14px 0 18px;	
}

div#special h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #993333;
	padding: 6px 14px 0 18px;
	margin: 0 0 -6px 0;
}
div#special h4.showtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: -6px 0 9px 0;
	color: #000000;
}
div#special h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin: 12px 0 12px 18px;
}
div#special h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding: 0;
	margin: -4px 0 12px 18px;	
}
div#special .date{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #993333;
	margin: -6px 0 0 0;
	padding: 0 14px 0 18px;
}
div#special .rule{
	margin-top: -9px;
	padding: 0 14px 0px 18px;
	border-bottom: 1px solid #AEAE86;
}
div#special .rule_t-b{
	margin-top: 12px;
	padding: 12px 0 12px 18px;
	border-bottom: 1px solid #AEAE86;
	border-top: none;
}
div#special h3 a{
	color: #993333;
}
div#special p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding: 0 12px 0 18px;
	margin: 10px 0;
	line-height: 18px;
}

div#special img {
	float: left;
	margin: 6px 14px 12px 14px;	
	border: 1px solid #000000;
}
div#special img.right {
	float: right;
	margin: 0;	
	border: none;
}
#special .head2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 20px 0 0 12px;
	padding: 0;
}
div#imgcontainer {
	float:left;
	margin-bottom: 20px;
	margin: 12px 14px 20px 14px;
}
div#imgcontainer img{
	margin: 0 0 10px 0;
	border-width: 1px;
	border-color: #666666;
	border-style: solid;
	padding: 0px;
}
div#imgcontainer p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	clear: left;
	border-bottom: 1px solid #666;
}
div#imgcontainer p.width_250{
	width: 250px;	
}

.captionwrap{
	margin: 0 12px 12px 0;
	padding: 0;
	border-bottom: 1px solid #715f45;
}
#column2 #special .caption{
	clear: both;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	padding: 0 12px 6px 20px;
	margin: 0;
	line-height: normal;
	
}
.width300{
	width: 300px;
}
.width270{
	width: 270px;
}

.width245{
	width: 245px;

}
div#imgcontainer p a{
	text-decoration: none;
}
div#special ul {/*unordered lists in featured areas of main pages*/
	margin: 12px 0 0 48px;
	padding:0;
}
div#special li {
	margin: 6px 8px 6px 0px;
	line-height: 1.2;
	padding: 0px 0px 0px 6px;

}
div#c3more ul {/*unordered lists in featured areas of main pages*/
	margin-top: 12px;
}
div#c3more li {
	margin: 6px 8px 6px 0;
	font-size: 12px;
}
/*------------------------End Special Feature ----------------------------------------------*/



/*------------------------Begin column 2 inner content divs ----------------------------------------------*/

div#c2feature {margin: 14px 0 0 0;
}/*the featured event for the month in each main page*/

div#c2feature img {
	border: 1px solid #000000;
	float: left;
	margin: 6px 20px 6px 0;
}
div#c2feature p {
	margin: 0 0 9px 0;
}	
div#c2feature ul {/*unordered lists in featured areas of main pages*/
	margin:8px 0 0 20px;
}
div#c2feature li {
	margin: 6px 8px 6px 0px;
	padding-left: 6px;
}
div#c2feature h1 {
	margin: 3px 20px 6px 0;
	color: #333333;
}

div#c2feature h2 {
	margin: 3px 20px 3px 0;
	color: #993333;
	font-size: 16px;

/*--------------------------------Begin column 2 boxed list of featured events ------------------------------------------------------*/
}
div#c2featurelist{
	margin: 12px 0;
	padding: 0 0 18px 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #960;
	color: #000000;
	text-align: left;
}
div#c2featurelist h2{
	margin: 0 0 12px 0;
	padding: 4px 0 2px 16px;
	font-size: 16px;
	font-weight: bold;
	color: #f9f9e5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #960;
	border-top-width: 1px;
	border-top-style: solid;
	text-align: center;
}	
.subhead_c2featurelist {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin: 16px 0 -2px 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #d7cfb9;
}
div#c2featurelist img {
	border: 1px solid #000000;
	float: left;
	margin: 6px 14px 12px 14px;
}
div#c2featurelist h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #fef9e5;
	margin: 0 0 12px 0px;
	padding: 10px 14px 10px 14px;
	border-bottom: 1px solid #AEAE86;
	text-align: center;
}
div#c2featurelist .sub{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	margin: -12px 0 0 0;
	padding: 0 14px 0 14px;
	line-height: 32px;
}
div#c2featurelist h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #993333;
	margin: 0 0 10px 0;
	padding: 0 14px 0 14px;	
}

div#c2featurelist h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin: 6px 0 0;
	padding: 0px 14px;
}
div#c2featurelist h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 6px 0 0;
	padding: 0px 14px;
}
div#c2featurelist h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 12px 0 -6px 14px;
	padding: 6px 14px 0 0;	
}
div#c2featurelist .date{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #993333;
	margin: 0;
	padding: 4px 14px 10px 16px;
}
div#c2featurelist .rule{
	margin-top: -9px;
	padding: 0 14px 0px 14px;
	border-bottom: 1px solid #AEAE86;
}
div#c2featurelist p{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding: 0 12px 0 14px;
	margin: 10px 0;
	line-height: 18px;
}	
div#c2featurelist ul {/*unordered lists in featured areas of main pages*/
	margin-left: 60px;
	margin-top: 8px;

}
div#c2featurelist li {margin: 6px 8px 6px -10px; }

div#c2featurelist a {color: #000000;
}
div#featurelist a:hover {color: #993333; text-decoration: none;

}
	
/*------------------------Begin column 2 dotted box ----------------------------------------------*/

div#c2dottedbox {
	width: 95%;
	border-top: 2px dotted #960;
	border-bottom:2px dotted #960;
	padding: 12px 0 9px 0px;
	clear: none;
	text-align: left;
	float: none;
	display: block;
	margin-top: 24px;
	margin-bottom: 20px;
	margin-left: 0px;
}
div#c2dottedbox h1{
	margin:8px 8px 8px 0;
	font-size: 16px;
	font-weight: bold;
	color: #993333;
}
div#c2dottedbox p {margin:0; font-style:italic;}
div#c2dottedbox a {text-decoration:underline; color:#000000;}
div#c2dottedbox a:hover {color: #960; text-decoration:none;}



/*--------------------------------Begin column 2 boxed content ------------------------------------------------------*/

div#c2boxed{
	margin: 12px 0 0 0;
	padding: 0 0 18px 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #960;
	color: #000000;
	background-color: #d7cfb9;
	text-align: left;
}
div#c2boxed h1{
	margin: 0 0 12px 0;
	padding: 4px 0 2px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #f9f9e5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #960;
	border-top-width: 1px;
	border-top-style: solid;
}
div#c2boxed h2{
	margin: 12px 0 6px 0;
	padding: 4px 0px 2px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #f9f9e5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #960;
	border-top-width: 1px;
	border-top-style: solid;
}
div#c2boxed h3{
	margin: 6px 0 0 0;
	padding: 4px 0px 6px 18px;
	font-size: 16px;
	font-weight: bold;
	color: #993300;
}

div#c2boxed h4{
	margin: 6px 0 0 0;
	padding: 4px 0px 0 18px;
	font-size: 14px;
	font-weight: bold;
	color: #333300;
}

div#c2boxed h5{
	margin: 6px 0 6px 0;
	padding: 4px 0px 0 18px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;	
}
div#c2boxed p{
	padding: 6px 8px 3px 20px;
	margin: 0;
	background-color: #d7cfb9;
}
div#c2boxed p.special{
	padding: 0px 8px 6px 20px;
	margin: 0;
	background-color: #d7cfb9;
	line-height: 18px;
}	
.subhead_c2boxed {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin: 16px 0 -2px 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #d7cfb9;
}
div#c2boxed .img{
	margin: 12px -8px 12px -20px;
	border-top: solid 1px #960;
	border-bottom: solid 1px #960;
	border-right: none;
	border-left:none;
	width: 478px;
	background-color: #d7cfb9;
}	
div#c2boxed ul {/*unordered lists in featured areas of main pages*/
	margin-left: 10px;
	margin-top: 8px;
	background-color: #d7cfb9;
	padding: 0;
}
div#c2boxed li {
	margin: 0 8px 6px 30px;
	padding: 0;
}

div#c2boxed a {color: #000000;
}
div#c2boxed a:hover {color: #993333; text-decoration: none;

}

/*------------------------Column 2 archive table ----------------------------------------------*/

table#archive {
	width: 96%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #996633;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0;
	background-color: #E0DCBE;
}
table#archive td {
	padding: 3px 6px;
}
tr.even td {
	background: #Fdf9e5;
}
td.c1 {
	width: 30%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CC9966;
}
td.c2 {
width:70%}
	
/*------------------------End column 2 boxed content ----------------------------------------------*/


/*========================================END column two===========================================*/





/*========================================START column three- Event Listings ===========================================*/
/*========================================START column three- Event Listings ===========================================*/
/*========================================START column three- Event Listings ===========================================*/
	


div#column3 {
	width:300px;
	margin: 20px 0px 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	float:left;
}

/*---------------START Column 3 events container -----------------------------*/



div#eventscontainer{
	border-top: 3px dotted #668ca3;
	border-bottom: 1px solid #960;
	padding: 16px;
	vertical-align: top;
	text-align: left;
	background-color: #f0e1c8;
	margin-bottom: 0px;
}
div#eventscontainer h1	{
	font-size: 20px;
	font-weight: bold;
	color: #993333;
	margin-top: 6px;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 4px;
}
div#eventscontainer h2	{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-top: 9px;
	padding-left: 3px;
	margin-left: 0px;
	margin-bottom: 12px;
}

div#eventscontainer h3	{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-top: 18px;
	padding-left: 3px;
	margin-left: 0px;
	margin-bottom: 12px;
}
div#eventscontainer p	{
	font-weight: normal;
	margin-top: 9px;
	padding-left: 3px;
	margin-left: 0px;
	margin-bottom: 9px;
	line-height: 1.3;
}
div#eventscontainer a:link	{
	color: #000000;
	text-decoration: underline;
}
div#eventscontainer a:visited	{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
/*---------------START Column 3 event item description -----------------------------*/

div#eventscategorybox{
	margin-top: 12px;
	margin-bottom: 12px;
	border: 1px solid #CC6633;
	font-style: normal;
	padding-bottom: 18px;
}
.categoryhead{
	margin-top: 18px;
	margin-bottom: 0px;
	padding: 0px;
	border-bottom: 2px solid #cc6633;
	border-top: 1px solid #cc6633;
}
.categoryhead-first {
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	border-bottom: 2px solid #cc6633;
	border-top: 1px solid #cc6633;

}
div#eventscategorybox h1 {
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0;
	margin: 3px 3px 3px 6px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
div#eventscategorybox ul li {
	padding-right: 12px;
	padding-left: 0;
	line-height: 120%;
}	
div#eventscategorybox h1 a{
	text-decoration:underline;
	color:#000000;
}

div#eventscategorybox h1 a:hover {
	color:#5a5a5a;
}
.subhead {
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0;
	margin: 3px;
	font-size: 13px;
	font-weight: bold;
	font-style:normal;
	color: #666666;
}
div#eventscategorybox h2 {
	font-size: 13px;
	font-weight: normal;
	color: #990000;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DA8F6B;
	padding-top: 6px;
	margin: 6px;
	padding-right: 4px;
	padding-left: 4px;
	font-style: normal;

}	
div#eventscategorybox h3 {
	text-align: left;
	padding-right: 0 4px 0 4px;
	margin: 3px 3px 0 3px;
	font-size: 12px;
	font-weight: normal;
	padding-left: 6px;
	font-style: italic;
}
div#eventscategorybox p {
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	margin: 4px 3px 0 6px;
	font-weight: normal;
	line-height: 1.4;
}
#eventscategorybox .highlightbox_event{
	margin: 12px auto 0 auto;
	padding: 9px 3px;
	border: 1px solid #AE5624;
	background-color: #E8C595;
	text-align: center;
	width: 240px;
	clear: both;
}
#eventscategorybox .highlightbox_event p{
	text-align: center;
}	
div#eventscategorybox h4 {
	font-size: 15px;
	font-weight: bold;
	color: #990000;
	text-align: left;
	border-top: 1px solid #DA8F6B;
	border-bottom: 1px solid #DA8F6B;
	padding: 6px 9px;
	margin: 12px 0 0 0;
	font-style: normal;
	background-color: #99CC66;
}
div#eventscategorybox p a{
	text-decoration:underline;
	color:#000000;	
}
div#eventscategorybox p a:hover {
	color:#663333;

}

div#eventscategorybox ul {margin-top: 10px; margin-bottom: 10px;}
div#eventscategorybox li {margin: .0 .5em .2em -1.5em; }
div#eventscategorybox  a:hover {color: #993333; text-decoration: none;}

/*---------------END event item description -----------------------------*/


/*---------------START Column 3 boxed content beneath events-----------------------------*/

div#c3more{
	padding: 0px 0px 12px 0px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #960;
	color: #f9f9e5;
	background-color: #d7cfb9;
	margin-bottom: 6px;
	margin-top: 0px;
}
div#c3more_alt{
	padding: 0px;
	margin: 0 0 6px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #960;
	color: #f9f9e5;
	background-color: #d7cfb9;
	display: block;
	height: 12px;
}
div#c3more h1{
	padding: 4px 8px 2px 20px;
	margin-top: 12px;
	font-size: 16px;
	font-weight: bold;
	color: #f9f9e5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #960;
	margin: 0 0 12px 0;
	border-top-width: 1px;
	border-top-style: solid;
}	

div#c3more .subhead {
	padding: 0px 8px 2px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 12px 0 6px 0;
	font-family: Arial, Helvetica, sans-serif;
}
div#c3more h2{
	padding: 4px 8px 2px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #f9f9e5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #960;
	margin: 12px 0 6px 0;
	border-top-width: 1px;
	border-top-style: solid;
}
div#c3more h3{
	padding: 4px 8px 2px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #993333;
	margin: 12px 0 6px 0;
}
div#c3more h4{
	padding: 0 8px 2px 20px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 6px 0;

}	
div#c3more p{
	padding: 0 12px 6px 20px;
	font-size: 12px;
	color: #000000;
	margin: 0 0 0 0;
	line-height: 1.4;
}
div#c3more p a{
	text-decoration:underline;
	color:#000000;
}
div#c3more p a:hover {
	color:#960;
}
	
div#c3more ul {/*unordered lists in featured areas of main pages*/
	margin-top: 8px;
}
div#c3more li {
	margin: 6px 8px 6px 0;
	font-size: 12px;
	color: #000000;
}

div#c3more a {color: #000000;
}
div#c3more a:hover {color: #993333; text-decoration: none;
}



/*==================================================BEGIN Footer=================================================*/

div#footer {
	width:1000px;
	background-color: #999999;
	padding: .8em 0 .8em 0;
	text-align: center;
	font-size:.65em;  /* sets the font size of all links */
	color: #f9f9e5;
}

 div#footer ul {
	margin:2px 0;
	color: #999999;
} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#AFF; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:white; /* the color of the links */
							 }
 div#footer ul li a:hover {
	text-decoration:underline;
	background-color: #999999;
} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#CCC;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#CCC;} /* had to explicitly color these or they inherit white from div#footer li */
  div#footer ul.fineprint li a:hover {color:#FFF;} /* turns bottom row white when hovered */


/*==================================================END Footer=================================================*/



/*==================================================START:Clearfix=================================================*/


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how andv why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;}	     /* further ensures the period is not visible */


.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*=======================================END Clearfix ============================================*/




}
.width300{
	width: 300px;
}
.width270{
	width: 270px;
}

.width245{
	width: 245px;

}
div#imgcontainer p a{
	text-decoration: none;
}
div#special ul {/*unordered lists in featured areas of main pages*/
	margin: 12px 0 0 48px;
	padding:0;
}
div#special li {
	margin: 6px 8px 6px 0px;
	line-height: 1.2;
	padding: 0px 0px 0px 6px;

}
div#c3more ul {/*unordered lists in featured areas of main pages*/
	margin-top: 12px;
}
div#c3more li {
	margin: 6px 8px 6px 0;
	font-size: 12px;
}
/*------------------------End Special Feature ----------------------------------------------*/



/*------------------------Begin column 2 inner content divs ----------------------------------------------*/

div#c2feature {margin: 14px 0 0 0;
}/*the featured event for the month in each main page*/

div#c2feature img {
	border: 1px solid #000000;
	float: left;
	margin: 6px 20px 6px 0;
}
div#c2feature p {
	margin: 0 0 9px 0;
}	
div#c2feature ul {/*unordered lists in featured areas of main pages*/
	margin:8px 0 0 20px;
}
div#c2feature li {
	margin: 6px 8px 6px 0px;
	padding-left: 6px;
}
div#c2feature h1 {
	margin: 3px 20px 6px 0;
	color: #333333;
}

div#c2feature h2 {
	margin: 3px 20px 3px 0;
	color: #993333;
	font-size: 16px;

/*--------------------------------Begin column 2 boxed list of featured events ------------------------------------------------------*/
}
div#c2featurelist{
	margin: 12px 0;
	padding: 0 0 18px 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #960;
	color: #000000;
	text-align: left;
}
div#c2featurelist h2{
	margin: 0 0 12px 0;
	padding: 4px 0 2px 16px;
	font-size: 16px;
	font-weight: bold;
	color: #f9f9e5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #960;
	border-top-width: 1px;
	border-top-style: solid;
	text-align: center;
}	
.subhead_c2featurelist {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin: 16px 0 -2px 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #d7cfb9;
}
div#c2featurelist img {
	border: 1px solid #000000;
	float: left;
	margin: 6px 14px 12px 14px;

}
div#c2featurelist img.right {
	float: right;

}
div#c2featurelist h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #fef9e5;
	margin: 0 0 12px 0px;
	padding: 10px 14px 10px 14px;
	border-bottom: 1px solid #AEAE86;
	text-align: center;
}
div#c2featurelist .sub{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	margin: -12px 0 0 0;
	padding: 0 14px 0 14px;
	line-height: 32px;
}
div#c2featurelist h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #993333;
	margin: 0 0 10px 0;
	padding: 0 14px 0 14px;	
}

div#c2featurelist h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin: 6px 0 0;
	padding: 0px 14px;
}
div#c2featurelist h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 6px 0 0;
	padding: 0px 14px;
}
div#c2featurelist h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 12px 0 -6px 14px;
	padding: 6px 14px 0 0;	
}
div#c2featurelist .date{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #993333;
	margin: 0;
	padding: 4px 14px 10px 16px;
}
div#c2featurelist .rule{
	margin-top: -9px;
	padding: 0 14px 0px 14px;
	border-bottom: 1px solid #AEAE86;
}
div#c2featurelist p{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding: 0 12px 0 14px;
	margin: 10px 0;
	line-height: 18px;
}	
div#c2featurelist ul {/*unordered lists in featured areas of main pages*/
	margin-left: 60px;
	margin-top: 8px;

}
div#c2featurelist li {margin: 6px 8px 6px -10px; }

div#c2featurelist a {color: #000000;
}
div#featurelist a:hover {color: #993333; text-decoration: none;

}
	
/*------------------------Begin column 2 dotted box ----------------------------------------------*/

div#c2dottedbox {
	width: 95%;
	border-top: 2px dotted #960;
	border-bottom:2px dotted #960;
	padding: 12px 0 9px 0px;
	clear: none;
	text-align: left;
	float: none;
	display: block;
	margin-top: 24px;
	margin-bottom: 20px;
	margin-left: 0px;
}
div#c2dottedbox h1{
	margin:8px 8px 8px 0;
	font-size: 16px;
	font-weight: bold;
	color: #993333;
}
div#c2dottedbox p {margin:0; font-style:italic;}
div#c2dottedbox a {text-decoration:underline; color:#000000;}
div#c2dottedbox a:hover {color: #960; text-decoration:none;}



/*--------------------------------Begin column 2 boxed content ------------------------------------------------------*/

div#c2boxed{
	margin: 12px 0 0 0;
	padding: 0 0 18px 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #960;
	color: #000000;
	background-color: #d7cfb9;
	text-align: left;
}
div#c2boxed h1{
	margin: 0 0 12px 0;
	padding: 4px 0 2px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #f9f9e5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #960;
	border-top-width: 1px;
	border-top-style: solid;
}
div#c2boxed h2{
	margin: 12px 0 6px 0;
	padding: 4px 0px 2px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #f9f9e5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #960;
	border-top-width: 1px;
	border-top-style: solid;
}
div#c2boxed h3{
	margin: 6px 0 0 0;
	padding: 4px 0px 6px 18px;
	font-size: 16px;
	font-weight: bold;
	color: #993300;
}

div#c2boxed h4{
	margin: 6px 0 0 0;
	padding: 4px 0px 0 18px;
	font-size: 14px;
	font-weight: bold;
	color: #333300;
}

div#c2boxed h5{
	margin: 6px 0 6px 0;
	padding: 4px 0px 0 18px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;	
}
div#c2boxed p{
	padding: 6px 8px 3px 20px;
	margin: 0;
	background-color: #d7cfb9;
}
div#c2boxed p.special{
	padding: 0px 8px 6px 20px;
	margin: 0;
	background-color: #d7cfb9;
	line-height: 18px;
}	
.subhead_c2boxed {
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin: 16px 0 -2px 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #d7cfb9;
}
div#c2boxed .img{
	margin: 12px -8px 12px -20px;
	border-top: solid 1px #960;
	border-bottom: solid 1px #960;
	border-right: none;
	border-left:none;
	width: 478px;
	background-color: #d7cfb9;
}	
div#c2boxed ul {/*unordered lists in featured areas of main pages*/
	margin-left: 10px;
	margin-top: 8px;
	background-color: #d7cfb9;
	padding: 0;
}
div#c2boxed li {
	margin: 0 8px 6px 30px;
	padding: 0;
}

div#c2boxed a {color: #000000;
}
div#c2boxed a:hover {color: #993333; text-decoration: none;

}

/*------------------------Column 2 archive table ----------------------------------------------*/

table#archive {
	width: 96%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #996633;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0;
	background-color: #E0DCBE;
}
table#archive td {
	padding: 3px 6px;
}
tr.even td {
	background: #Fdf9e5;
}
td.c1 {
	width: 30%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CC9966;
}
td.c2 {
width:70%}
	
/*------------------------End column 2 boxed content ----------------------------------------------*/


/*========================================END column two===========================================*/





/*========================================START column three- Event Listings ===========================================*/
/*========================================START column three- Event Listings ===========================================*/
/*========================================START column three- Event Listings ===========================================*/
	


div#column3 {
	width:300px;
	margin: 20px 0px 0 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	float:left;
}

/*---------------START Column 3 events container -----------------------------*/



div#eventscontainer{
	border-top: 3px dotted #668ca3;
	border-bottom: 1px solid #960;
	padding: 16px;
	vertical-align: top;
	text-align: left;
	background-color: #f0e1c8;
	margin-bottom: 0px;
}
div#eventscontainer h1	{
	font-size: 20px;
	font-weight: bold;
	color: #993333;
	margin-top: 6px;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 4px;
}
div#eventscontainer h2	{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-top: 9px;
	padding-left: 3px;
	margin-left: 0px;
	margin-bottom: 12px;
}

div#eventscontainer h3	{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-top: 18px;
	padding-left: 3px;
	margin-left: 0px;
	margin-bottom: 12px;
}
div#eventscontainer p	{
	font-weight: normal;
	margin-top: 9px;
	padding-left: 3px;
	margin-left: 0px;
	margin-bottom: 9px;
	line-height: 1.3;
}
div#eventscontainer a:link	{
	color: #000000;
	text-decoration: underline;
}
div#eventscontainer a:visited	{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
/*---------------column 3 promo-------NOTE:  Change for each promo depending on what the graphic elements are----------------------*/

#promo{
	width: 267px;
	background-color: #000
}
#promo .top{
	height: 47px;
}
#promo .mid{
	padding-top: 6px;
	text-align: center;
	height: 50px;

}
#promo .bot{
	height: 129px;
	padding-top: 0;
	margin-top: 0;
}
/*---------------START Column 3 event item description -----------------------------*/

div#eventscategorybox{
	margin-top: 12px;
	margin-bottom: 12px;
	border: 1px solid #CC6633;
	font-style: normal;
	padding-bottom: 18px;
}
.categoryhead{
	margin-top: 18px;
	margin-bottom: 0px;
	padding: 0px;
	border-bottom: 2px solid #cc6633;
	border-top: 1px solid #cc6633;
}
.categoryhead-first {
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	border-bottom: 2px solid #cc6633;
	border-top: 1px solid #cc6633;

}
div#eventscategorybox h1 {
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0;
	margin: 3px 3px 3px 6px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
div#eventscategorybox ul li {
	padding-right: 12px;
	padding-left: 0;
	line-height: 120%;
}	
div#eventscategorybox h1 a{
	text-decoration:underline;
	color:#000000;
}

div#eventscategorybox h1 a:hover {
	color:#5a5a5a;
}
.subhead {
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 0;
	margin: 3px;
	font-size: 13px;
	font-weight: bold;
	font-style:normal;
	color: #666666;
}
div#eventscategorybox h2 {
	font-size: 13px;
	font-weight: normal;
	color: #990000;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DA8F6B;
	padding-top: 6px;
	margin: 6px;
	padding-right: 4px;
	padding-left: 4px;
	font-style: normal;

}	
div#eventscategorybox h3 {
	text-align: left;
	padding-right: 0 4px 0 4px;
	margin: 3px 3px 0 3px;
	font-size: 12px;
	font-weight: normal;
	padding-left: 6px;
	font-style: italic;
}
div#eventscategorybox p {
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	margin: 4px 3px 0 6px;
	font-weight: normal;
	line-height: 1.4;
}
#eventscategorybox .highlightbox_event{
	margin: 12px auto 0 auto;
	padding: 9px 3px;
	border: 1px solid #AE5624;
	background-color: #E8C595;
	text-align: center;
	width: 240px;
	clear: both;
}
#eventscategorybox .highlightbox_event p{
	text-align: center;
}	
div#eventscategorybox h4 {
	font-size: 15px;
	font-weight: bold;
	color: #990000;
	text-align: left;
	border-top: 1px solid #DA8F6B;
	border-bottom: 1px solid #DA8F6B;
	padding: 6px 9px;
	margin: 12px 0 0 0;
	font-style: normal;
	background-color: #99CC66;
}
div#eventscategorybox p a{
	text-decoration:underline;
	color:#000000;	
}
div#eventscategorybox p a:hover {
	color:#663333;

}

div#eventscategorybox ul {margin-top: 10px; margin-bottom: 10px;}
div#eventscategorybox li {margin: .0 .5em .2em -1.5em; }
div#eventscategorybox  a:hover {color: #993333; text-decoration: none;}

/*---------------END event item description -----------------------------*/


/*---------------START Column 3 boxed content beneath events-----------------------------*/

div#c3more{
	padding: 0px 0px 12px 0px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #960;
	color: #f9f9e5;
	background-color: #d7cfb9;
	margin-bottom: 6px;
	margin-top: 0px;
}
div#c3more_alt{
	padding: 0px;
	margin: 0 0 6px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #960;
	color: #f9f9e5;
	background-color: #d7cfb9;
	display: block;
	height: 12px;
}
div#c3more h1{
	padding: 4px 8px 2px 20px;
	margin-top: 12px;
	font-size: 16px;
	font-weight: bold;
	color: #f9f9e5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #960;
	margin: 0 0 12px 0;
	border-top-width: 1px;
	border-top-style: solid;
}	

div#c3more .subhead {
	padding: 0px 8px 2px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 12px 0 6px 0;
	font-family: Arial, Helvetica, sans-serif;
}
div#c3more h2{
	padding: 4px 8px 2px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #f9f9e5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #960;
	margin: 12px 0 6px 0;
	border-top-width: 1px;
	border-top-style: solid;
}
div#c3more h3{
	padding: 4px 8px 2px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #993333;
	margin: 12px 0 6px 0;
}
div#c3more h4{
	padding: 0 8px 2px 20px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0 0 6px 0;

}	
div#c3more p{
	padding: 0 12px 6px 20px;
	font-size: 12px;
	color: #000000;
	margin: 0 0 0 0;
	line-height: 1.4;
}
div#c3more p a{
	text-decoration:underline;
	color:#000000;
}
div#c3more p a:hover {
	color:#960;
}
	
div#c3more ul {/*unordered lists in featured areas of main pages*/
	margin: 0;
	padding: 0 6px 6px 24px;
}
div#c3more li {
	margin: 6px 8px 6px 0
	font-size: 12px;
	color: #000000;
}

div#c3more a {color: #000000;
}
div#c3more a:hover {color: #993333; text-decoration: none;
}



/*==================================================BEGIN Footer=================================================*/

div#footer {
	width:1000px;
	background-color: #999999;
	padding: .8em 0 .8em 0;
	text-align: center;
	font-size:.65em;  /* sets the font size of all links */
	color: #f9f9e5;
}

 div#footer ul {
	margin:2px 0;
	color: #999999;
} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#AFF; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:white; /* the color of the links */
							 }
 div#footer ul li a:hover {
	text-decoration:underline;
	background-color: #999999;
} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#CCC;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#CCC;} /* had to explicitly color these or they inherit white from div#footer li */
  div#footer ul.fineprint li a:hover {color:#FFF;} /* turns bottom row white when hovered */


/*==================================================END Footer=================================================*/



/*==================================================START:Clearfix=================================================*/


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how andv why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;}	     /* further ensures the period is not visible */


.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*=======================================END Clearfix ============================================*/

