#cartcats {font-size:12px; background-color:#F3F8FC;margin:13px;border:1px solid #A8CBE8}
		#cartcats p { background-color:#A8CBE8;padding:0px;margin:0px 0px 0px 0px }
		#cartcats ul{list-style:none;margin:10px 0px 10px 0px;padding:0px}
		#cartcats li a{
display:block; text-indent:20px; color:#000000
}
#cartcats li a:hover{	background-color:#C8DEF0;}
#shoppingcartop{ background-color:#A8CBE8; font-size:12px}
		.order{margin:5px 20px 5px 20px;padding:5px; background-color:#FBFBFB;border:1px solid #CCCCCC;height:90px}
		.orderitem{margin:5px 20px 5px 20px;padding:5px; background-color:#FBFBFB;border:1px solid #CCCCCC; height:125px; font-size:12px; text-align:left}
		.orderitem img{margin-right:10px}
		.orderitem h2{border-bottom:2px solid #CCCCCC}
	#minicart {font-size:10px; background-color:#F3F8FC}
		#minicart td{padding:2px;margin:2px; height:12px;overflow:hidden}
		
	#minicartitems {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A8CBE8;
}
	#cartop {
	background-color:#CEE2F2;font-weight:bold;
}

#form input{padding:3px;font-size:16px}
.event_cls {
	background-color: #FFFFDD;
	color:#000000;

	text-decoration: none;

}
.event_cls a { color:#000000; text-decoration:none}
.event_cls a:hover { text-decoration:underline; }
.event_head{
	background-color: #B0C4EC;
	font-weight:bold;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	color: #FFFFFF;
}
.event_col{background-color:#F3F3F3;color:#000095;FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;FONT-SIZE: 11px;height:50px}
.event_top{background-color:#668cd9;color:#FFFFFF;FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;FONT-SIZE: 11px;height:30px}
.event_link {TEXT-DECORATION: none; color:#FFFFFF;}
#cal_date{
	background-color: #668cd9; color:#FFFFFF
}
#cal_popup{ background-image:url(images/cal_bg.jpg); background-attachment:fixed;height:450px}
#cal_date_content ol{padding:0px;margin:0px; text-align:left}
#cal_date_content li{padding:0px;margin:0px; text-align:left;overflow:hidden;height:15px}
#cal_left{ width:475px; vertical-align:top}
#cal_right{ width:319px; vertical-align:top; }
#cal_right h2 {padding-top:30px; text-align:center;}
.cal-over, #calendar p:hover { 
  background: #DCEFFA;
}
.latest-news-over, #latest-news p:hover { 
background-color:#4f4f4d; color:#FFFFFF


}

#events_month{ font-size:.8em}
.cal-block-over, #calendar td:hover { 
  background:  #DCEFFA; color:#1B63B4 
}

#locations li{ list-style:none;float:left;width:140px; text-align:center}
#locations li a{ border:1px solid #CCCCCC;display:block;padding:5px; font-size:1em; background-color:#FFFFFF; text-decoration:none}
#locations li a:hover{ background-color:#DCEFFA}
.locations_active a{ background-color:#DCEFFA}
.locations li{ list-style:none;float:left;width:120px; text-align:center}
.locations li a{ border:1px solid #CCCCCC;display:block;padding:5px; font-size:1em; background-color:#FFFFFF; text-decoration:none}
.locations li a:hover{ background-color:#DCEFFA}
.locations_active a{ background-color:#DCEFFA}
/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}


/*---- Header styling ---*/
.sIFR-hasFlash h1,
.sIFR-hasFlash h2,

.sIFR-hasFlash h1 {
  padding-bottom: 0;
  	font-size: 30px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Gallery <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

	#albumblock{
	width:33%;
	float:left;
	text-align:center;
	margin:0px 0px 20px 0px;
	font-size:14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;}

}
	

	#albumblock img{padding-bottom:5px; border:1px groove #CCCCCC ; text-align:center}
	#albumblock p { text-align:center;margin:1px;padding:1px}
	#albumblock a {
	height:156px;
	width:225px;
	background-color:#F5F5F5;
 border:1px solid #CCCCCC;

	display:block;
	
	text-decoration:none;
	background-repeat:no-repeat;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	font-family: "Times New Roman", Times, serif;
}
	#albumblock a:hover { height:156px; width:225px; b display:block; background-repeat:no-repeat;background-color:#FDFEFF;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	 position:absolute; z-index:99999999999999999999999999999999999999999999999999999;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
position:absolute; z-index:99999999999999999999999999999999999999999999999999999;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}



#addcat { display:none;height:60px; background-color:#E7F9E3 }
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(sorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(sorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(sorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}