/* CSS Document */

/* Top Elements */
* { margin: 0; padding: 0; border: 0 }

body {
	background: #CCC;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #999965;
	background-image:url(../images/line-bg.jpg);
	background-repeat:repeat;
	text-align: center;
	margin: 0px 0;
}

/* links */
a, a:visited {	
	color: #5A93C9;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #88ac0b;
	background: inherit;
	text-decoration: underline;
}

h1, h2, h3 {
	font-weight: normal; 		
}

h1 {
	font-size: 200%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #660000;
}

h2 {
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: none;
	color: #660000;
}
h3 {
	font-size: 90%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
	color: #999966;
}


p {
	font-size: 90%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
	color: #999966;
}


/* layout */

/*#left {
position: absolute;
left: 0px;
width: 190px;
color: #ffffff;
margin: 0px; 
padding: 0px;
}



#right {
position: absolute;
right: 0px;        
width: 190px;
color: #ffffff;
margin: 0px; 
padding: 0px;
}

*/

#content {

text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  width:800px;
  background-color: #ffffff;

}

#header {

float:left;
text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100%;
/*	background-image:url(../images/Temp-images/footer-temp.jpg);*/
	background-repeat:no-repeat;
	height:200px;
	font-size: 8px;
	background-color: #999966;
	color:#FFFFFF; 
}

#breadcrumb {
	float:left;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	height:1.5ems;
	font-size: 9px;
	background-color: #999966;
	color:#CCCCCC; 

		}
		
#breadcrumb a:link {
text-decoration:none;
color:#FFFFFF;
}	

#breadcrumb a:hover {
text-decoration: none;
color:#660000;
}

#breadcrumb a:visited {
color:#FFFFFF;
text-decoration: none;
}			

#breadcrumb a:visited:hover {
text-decoration: none;
color:#660000;
}

#breadcrumb_content {
	padding:0px 0px 0px 210px;
	
		}



/* left Navigation */

#left_nav {
	float:left;
	font-family: Verdana;
	width:200px;
	font-size: 9px;
	font-weight: bold;
	color: #2B58AE;
		}
	
#left_nav ul {
	list-style-type: none;
		}
	
#left_nav a {
	background-color: #ffffff;
	display: block;
	color: #999966;
	padding: 10px 10px 10px 10px;
	background-image:url(../images/nav-grad.jpg);
	background-position: top left;
	background-position:0px 0px;
	background-repeat:repeat-x;
	text-decoration: none;
	text-align:left;
	border-bottom: 1px dotted #999966;
	}
	

		
#left_nav a:hover { 
	background-image:url(../images/nav-grad-on.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	background-position:0px 0px;
	color: #999966;
	}

/*	
#left_nav li.home a {
	background: #ffffff;
	display: block;
	color: #333;
	padding: 6px 6px 6px 10px;
	text-decoration: none;
	text-align:left;
	border-bottom: 3px solid #FFF;
	font-size:0.5em;
	}
	
*/	
	
/* mid Navigation */

#mid_nav {
	float:left;
	font-family: Verdana;
	width:380px;
	font-size: 9px;
	font-weight: bold;
	color: #2B58AE;
		}
	
#mid_nav ul li{
	list-style-type: none;
	}
	
#mid_nav a {
	background-color: #ffffff;
	display: block;
	color: #999966;
	padding: 3px 10px 3px 10px;
	background-image:url(../images/nav-grad.jpg);
	background-position: top left;
	background-position:0px 0px;
	background-repeat:repeat-x;
	text-decoration: none;
	text-align:left;
	border-bottom: 1px dotted #999966;
	}
	

		
#mid_nav a:hover {
	background-image:url(../images/nav-grad-on.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	background-position:0px 0px;
	color: #999966;
	}
	
	
	
#middle_column {
	float:left;
	width:400px;
	vertical-align:top;
	
		}
		
		
#middle_content_container {
	padding: 10px 10px 10px 10px;
	
		}
		
		
#right_sidebar {
	float:left;
	width:200px;
	padding-top:10px;
	vertical-align:top;
	
		}
		
		
#contentwrapper{
float: left;
background-color:#FFFFFF;
width: 100%;
}

#footer {
	float:left;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	height:15px;
	font-size: 9px;
	background-color: #999966;
	color:#FFFFFF; 

		}
		
#footer a:link {
text-decoration: none;
color:#FFFFFF;
}	

#footer a:hover {
text-decoration:none;
color:#660000;
}

#footer a:visited {
color:#FFFFFF;
text-decoration: none;
}			

#footer a:visited:hover {
text-decoration: none;
color:#660000;
}


.med_copy {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: none;
	color: #999966;
}

.pullquote {
 width:300px;
 line-height:1.5;
 font-size:1.2em;
 text-align:left;
 }
 
.pullquote:before {
 content:"\201C" attr(title) "\201D";
 font-family: "Times New Roman", Times, serif;
 font-size:1.2em;
 text-align:center;
 background:#999965;
 color:#fff;
 display:block;
 float:left;
 width:7em;
 margin: 0.25em 1em 0.5em 0;
 padding:1em;
 }

#gmap {
	width: 380px;
	height: 235px;
	margin: 0 auto 10px;
	border: 3px solid #6C6C3A;
	}
	
#image-viewer{
width:380;

}

button{
font-size:9px;
background-color:#999965;
color:#FFFFFF;

}

.prev{
float:left;
}

.next{
float:right;
}

#booking-buddy {
	float:left;
	width:600px;
	vertical-align:top;
	
		}
		
		
#booking-buddy-wide {
	float:left;
	width:800px;
	vertical-align:top;
	
		}


/* Additions - schedule table */

.additions h1 {
	margin: 20px 10px 10px 10px;
}

.additions h2 {
	margin: 10px;
}

#timetable {
	width: 580px;
	margin: 10px 0 10px 10px;
	border-collapse: collapse;
}

#timetable .col01 {
	width: 150px;
}

#timetable .col02 {
	width: 380px;
}

#timetable .col03 {
	width: 50px;
}

#timetable th {
	text-align: left;
	color: #660000;
}

#timetable td, #timetable th {
	padding: 3px 0;
	border-right: 5px solid #fff;
	border-bottom: 1px dotted #999966;
	vertical-align: top;
}

#timetable td.col02 {
	font-weight: bold;
}


#timetable dt {
	font-weight: bold;
}

#timetable dd {
	background: url(../images/table-item.gif) no-repeat;
	padding: 0 0 0 10px;
	font-weight: normal;
}

.additions p.prev {
	float: left;
	margin: 10px;
}

.additions p.next {
	float: right;
	margin: 10px;
}

.tellafriend{
text-align: left;
padding-left:15px;

}

.tellafriend strong{
font-size:9px !important;
}

/*.tellafriend form{
width:135px;
}

.tellafriend input{
width:150px;
}

.tellafriend form p{
text-align:center;
width:105px;
}*/