/*css document */

body {background-color: #C9C999; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; margin: 0 0 0 0; }
/** PAGE LAYOUT**/


/***************HEADER START******************/
#header {
width: 958px;
height: 183px;
margin: 0 auto 0 auto;
background: #B2B244;
border-bottom: 1px solid #707025;
border-top: 1px solid #707025;
border-left: 1px solid #707025;
border-right: 1px solid #707025;
/*background: #B2B244 url(http://www.froglets.uk.com/include/images/header-top.jpg);
background-repeat:no-repeat;*/
}
/***************HEADER END******************/

/*<![CDATA[*/
#wrapper {
	background: #EFEFD2;
	width: 959px;
clear: both;
margin: 0 auto 0 auto;
border-right: 1px solid #707025;

}
#container {
	width: 100%;
	/* this has opposties - a white background for the content but with the black background for nav */
	background:  #EFEFD2 url("../images/background.gif") repeat-y left;
	float: right;
	margin-left: -200px;
	border-right: 0px solid #707025;
}

#content {
	background: #efefd2;
	margin-left: 200px;
font-size: 0.8em;
padding: 14px 19px 20px 20px;

}


#sidebar {
padding: 0; 
font-size: 12px; 
background: #424200 url("../images/background.gif") repeat-y left;
	width: 200px;
	float: left;
}

/*footer links*/
#footer {background: #424200 url("../images/footer-curve.gif") no-repeat bottom left; 
width: 960px; margin: 0 auto 20px auto; text-align: center; padding: 10px 0 5px; line-height: 1.5em;  color: white; font-size: 0.7em;}
#footer ul {margin: 0 auto 0 auto; padding: 0 0 5px 0; list-style-type: none; width: 790px; }
#footer ul li {font-size: 1em; display: inline; color: white; padding: 0 30px 0 0;}
#footer ul li a:link{color:  #eeeeee;  text-decoration:underline;}
#footer ul li a:visited {color: #cccccc; text-decoration:underline;}
#footer ul li a:hover {color: #ffffff;  text-decoration:none;}

.last {
	margin-bottom: 0;
}
.clearing {
	height: 0;
	clear: both;
}

/*]]>*/


/* common styling*/

img {border: 0; margin: 0;}
a:link{text-decoration: underline; color: #336699; }
a:visited{text-decoration: underline; color: #6666FF; }
a:hover{text-decoration: none; color: #003366; }

td {vertical-align: top; padding: 3px;}
p.strong {font-weight: bold;}
div.clearing {clear: both; height: 0;}

#error {color: red; font-style:italic;}
span.required {color: red; }
hr {margin: 20px 0;}

h1 {margin:0 0 5px 0;
	font-size: 2em;
	color: #423706;
	font-family: Georgia, Arial, Helvetica, sans-serif; 
}
h2 {margin: 8px 0 0 0;
	font-size: 1.4em;
	color: #655711;
	font-family:  Arial, Helvetica, sans-serif; }
	
	h3 {
	font-size: 1em;
	color: #424200; margin: 16px 0 2px;
	font-family:  Arial, Helvetica, sans-serif; 
	}
		
#noscript  img {display: block;}
div.hide  {display: none;}
blockquote{font-style:italic; }
img.float-left {float: left; margin:10px 10px 10px 0;}
img.float-right {float: right; margin: 10px 0 10px 10px;}

/**Header**/
img.header-right{float: right; border-left: 2px solid #E1C197; border-right: 2px solid #E1C197;; margin-left: 20px; }
#logo {float: left; margin: 0 0 0 15px;}
#header-photos {float: right;}
#header-photos img {display: block;}
#flash{float: right; margin: 0 0;}
#flash object{display: block;}

/***************SIDE  START******************/
#nav {margin: 0; 
padding: 0; 
background: #424200; 
list-style-type: none; 
width: 200px;
float: left; /* contain floated list elements */ }

#nav li {margin: 0;
padding: 0;
float:left; /* corrects the */
width: 100%  /*ie whitespace bug*/}

#nav a {display: block; 
color: #fff;
text-decoration: none;
padding: 0 10px;
line-height: 2.5; 
border-bottom: 1px solid #fff;}

 /*  #nav #nav_chec a {border: none;} remove border from last item */
#nav a:hover {background: #929221; } 


#body_hom #nav_hom a, 
#body_act #nav_act a, 
#body_loc #nav_loc a, 
#body_even #nav_even a, 
#body_spec #nav_spec a, 
#body_tari #nav_tari a, 
#body_book #nav_book a, 
#body_con #nav_con a,
#body_chec #nav_chec a
{background: #929221; color: white; font-weight: bold;}

#cards {margin: 10px 0;}

#address {padding: 10px 10px; margin: 0; color: #FFFFFF; background-color: #4c4c11; border-top: 1px dotted #ffffff; border-bottom: 1px dotted #ccc;}
#address p {margin: 3px 0;}
#address a:link {color: white; text-decoration: underline;}
#address a:visited {color:  #B2B244; text-decoration:underline;}
#address a:hover {color: #A6A655;  text-decoration: none;}


/* home page */

/*jump menu links*/
ul.jump {margin: 25px auto; padding: 10px 0 10px 0; list-style-type: none; width: 100%; border-top: 1px dotted #A6A655;  border-bottom: 1px dotted #A6A655; text-align:center; }
ul.jump  li {font-size: 1em; display: inline; color: white; padding: 0 60px 0 0;}
ul.jump  li a:link{color: #424200;   text-decoration:underline;}
ul.jump  li a:visited {color: #656511; text-decoration:underline;}
ul.jump  li a:hover {color: #4c4c11;  text-decoration:none;}

div.extra-photos {text-align: center;}

div.extra-photos  img {margin: 0 14px;  clear:both;}
span.small {font-size: 0.7em;}
p.nosmoking {text-align: center; clear:both;}


/* location */
img.maps {margin: 10px 0 20px;}
/*Booking*/
ol li {padding: 10px 0;}

ol li ul { list-style-type: none;}
ol li ul li {padding: 5px 0;}

#printonly {display: none;}

/*tariff*/
table.tariff { border: 1px solid #666666;  width: 500px; border-collapse:collapse; margin: 10px auto;}
table.tariff td {padding: 2px; border: 1px dotted #666666; text-align: center;}
table.tariff tr th {background-color: #99AB32; padding: 5px 0; font-size: 1.2em;}
tr.month td {background-color: #C1D163; font-weight: bold; border: 1px solid #666666; text-align: center; }