body { background:black; padding:15px; font-size:70%; color:#d8d8d8; font-family:Arial, tahoma, sans-serif; line-height: 1.7}
/* BODY TAG SETS THE ATTRIBUTES OF THE PAGE EDITOR */
table { font-family:tahoma; font-size:1em; }
a { color:#a195be; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4 { font-family:"trebuchet ms", tahoma, sans-serif; }
h1 { color:#6453a3; font-size:40px; margin: 0 0 0 0;  line-height:1;}
h2 { clear:both; color:#6453a3; font-size:1.6em; border-bottom:1px solid #F5DEF9; line-height:1;}
h3 { clear:both; color:#6453a3; font-size:20px; text-transform: lowercaseline-height:1;}
h4 { color:#AF6AC9; font-size:1.4em; line-height:1;}
ul { color:#AF6AC9; list-style-type:circle; }
img.clsleft { margin-right:10px; margin-bottom:10px; }
img.clsmiddle { margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsright { margin-left:10px; margin-bottom:10px; }
img.clsborderleft { border:4px solid #EEEEEE; margin-right:10px; margin-bottom:10px; }
img.clsbordermiddle { border:4px solid #EEEEEE; margin-right:10px; margin-left:10px; margin-bottom:10px; }
img.clsborderright { border:4px solid #EEEEEE; margin-left:10px; margin-bottom:10px; }
.datatable th { padding:4px; }
.datatable {}
.datatable td {  padding:8px 4px; }
.datatable p { padding:0; margin:0; }
.notes { font-size:0.8em; color:#888; }
.shout { font-size:14px; font-weight:bold; color:#6453a3; line-height:1;padding:6px 0 0 0;}
.shout2 { font-size:1.2em; color:#8E49A8; font-weight:bold; padding:5px; background:#F8EDFA; }
.submit { background:#9e92bc; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1.1em; padding:4px 8px; text-transform: lowercase}
.reset { background:#646470; color:white; border:0; cursor:pointer; font-weight:bold; font-size:1.1em; padding:4px 8px; text-transform: lowercase}
.quote { border:1px solid #C5D0D5; padding:4px; color:#8E49A8; font-weight:bold; }
.caption { font-weight:bold; background:#AF6AC9; float:right; width:160px; padding:10px 8px; margin:0 0 10px 10px; color:white; font-size:0.9em; border-right:3px solid #8E49A8; }
.custom1 {}
.custom2 {}
.border { border:1px solid #d8d8e9; padding: 4px}
.noborder { border:0; }
.clear {clear: both}

#directions {padding: 0 10px; width: 285px}
#directions h3 {margin-top: 0}

#container { width:970px; text-align:left; margin: 0 auto; font-size: 1.1em}
#head {width: 970px; height: 156px}
h2#sitelogo {margin:0 ; padding: 0; background:url(sitelogo.gif) no-repeat; height: 156px; width: 361px; float: left; text-indent: -9999px; border: 0; display: block}
#hbc { float:right; height:98px; line-height:90px; padding-right:10px; }
#hbc a { border:1px solid #F5DEF9; background:#FAF0FC; color:#8E49A8; padding:4px; margin:3px; font-weight:normal; }
#hbc a:hover { border:1px solid #8E49A8; background:#8E49A8; color:#fff; padding:4px; margin:3px; text-decoration:none; }
#main {background:url(left_back.gif) repeat-y; width: 970px}
#inner {wdith:100%; background:url(nav_bottom.gif) bottom left no-repeat}
#left { width:241px; float: left}
#menu { padding: 8px 0 0 0; width: 226px; height:100%;}
#opening_hours {width: 156px; height: 207px; padding: 45px 25px 0 20px; background:url(opening_hours.png) no-repeat; margin-left: 22px; color: #6d667f; font-size: 12px; line-height: 18px}
#opening_hours b {line-height: 24px; font-weight: normal; }
#menu .clear, .opening_bottom {}

#right {width: 723px; float: right; position:relative}
#top_pic {height: 129px; width: 569px; float:right; background:url(top_pic.jpg) no-repeat; margin-top: 13px}
#pagebody { width:700px; padding: 15px 0 30px 0; min-height: 500px; position:relative;}
/* #page1 #pagebody {padding-right:250px; width:470px} */
#homepagebride {display:none;}
#page1 #homepagebride {position:absolute; right:-50px; top:15px; display:block;}
#pagebody form img { border:0; }
#copyright { background:#8E49A8; color:white; border-bottom:3px solid white; border-top:3px solid white; height:28px; text-align:center; }
#end { text-align:right; margin-top:12px; padding-bottom:57px; font-size:0.9em; color: white; }
#end a { color: white; border:0; background:none; font-weight:normal; text-decoration:underline}
#end a:hover { color: white; border:0; background:none; text-decoration:none; }
#nav, #nav ul { padding:0; margin:0 0 0 1px;  list-style:none; width:170px; text-align:left; }

#nav ul {overflow:hidden; margin:0; padding-bottom:6px; }
#nav a { display:block; width:206px; padding: 8px 0 8px 15px; color: white; font-weight:normal; background:url(nav_hover.gif) no-repeat left center; font-size: 14px; text-transform: lowercase; height: 16px; line-height:1;}
#nav a:hover { background:url(nav_item.gif) no-repeat left center;  text-decoration:none; }
#nav a#active {color:#6453a3}

#nav ul a { background:none; border:0; padding:3px 0 3px 27px; color:#fff; }
#nav ul a:hover { color:#6453a3 ; background:none;}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
