/***********************************************************
Cascading Style Sheet for wikeridgeinn.co.uk
Created by Kerry Hyatt - Bespoke, standards compliant,
accessible websites. Email k.hyatt@sky.com
***********************************************************/

/******************************
SCREEN
******************************/

/******************************
GLOBAL
******************************/
* {
	margin:0;
	padding:0;
}

body, h1, h2, h3, p, ul, li, ol, dl, dt, dd, label, select, option, input {
	margin:0;
	padding:0;
	}

body {
	background-color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	line-height:1.125em; /* 16×1.125=18 */
}

#container {
	background-color:#F3EEDC;
	height:auto;
	margin:0 auto;
	width:955px;
}

#header {
	background: url(../images/bg_header.jpg) no-repeat bottom #13200F;
	height:200px;
	width:100%;
	z-index:2;
}

#logo {
	position:relative;
	top:12px;
	left:44px;
	z-index:1;
}

acronym {
	border-bottom: 1px dotted #796339;
	cursor: help;
}

/******************************
GLOBAL CLASSES
******************************/

.center {
	text-align: center;
}

.hide {
	display: none;
}

.redtext {
	color:#9C1E0C;
	}
	
.greentext {
	font-size:120%;
	color:#57874E;
}

.smalltext {
	font-size:90%;
}

.clearfix:after {
	clear:both;
	content: ".";
	display:block;
	height:0;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}

#home #main .clearfix, #events #main .clearfix {
	margin-top:10px;
}

/******************************
NAVIGATION
******************************/

#navtop {
	background-color:#8A0000;
	height:78px;
	width:100%;
	z-index:1;
}

#navtop a.home, #navtop a.about, #navtop a.menus,
#navtop a.functions, #navtop a.events, #navtop a.contact,
#navtop a.homeactive, #navtop a.aboutactive, #navtop a.menusactive,
#navtop a.functionsactive, #navtop a.eventsactive, #navtop a.contactactive {
	color:#E2D6A9;
	float:left;
	font-family: "Georgia";
	font-size:90%;
	font-weight:normal;
	height:58px;
	padding-top:20px; 
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}	

#navtop a.home {background: url(../images/nav_home.jpg) 0px 0px no-repeat transparent;width:158px; }
#navtop a.about {background: url(../images/nav_about.jpg) 0px 0px no-repeat transparent;width:158px; }
#navtop a.menus {background: url(../images/nav_menus.jpg) 0px 0px no-repeat transparent;width:158px; }
#navtop a.functions {background: url(../images/nav_functions.jpg) 0px 0px no-repeat transparent;width:163px; }
#navtop a.events {background: url(../images/nav_events.jpg) 0px 0px no-repeat transparent;width:158px; }
#navtop a.contact {background: url(../images/nav_contact.jpg) 0px 0px no-repeat transparent;width:160px; }

#navtop a.home:hover {background: url(../images/nav_home_hover.jpg) 0px 0px no-repeat transparent;}
#navtop a.about:hover {background: url(../images/nav_about_hover.jpg) 0px 0px no-repeat transparent;}
#navtop a.menus:hover {background: url(../images/nav_menus_hover.jpg) 0px 0px no-repeat transparent;}
#navtop a.functions:hover {background: url(../images/nav_functions_hover.jpg) 0px 0px no-repeat transparent;}
#navtop a.events:hover {background: url(../images/nav_events_hover.jpg) 0px 0px no-repeat transparent;}
#navtop a.contact:hover {background: url(../images/nav_contact_hover.jpg) 0px 0px no-repeat transparent;}

#navtop a.homeactive {background: url(../images/nav_home_hover.jpg) 0px 0px no-repeat transparent;width:158px;}
#navtop a.aboutactive {background: url(../images/nav_about_hover.jpg) 0px 0px no-repeat transparent;width:158px;}
#navtop a.menusactive {background: url(../images/nav_menus_hover.jpg) 0px 0px no-repeat transparent;width:158px;}
#navtop a.functionsactive {background: url(../images/nav_functions_hover.jpg) 0px 0px no-repeat transparent;width:163px;}
#navtop a.eventsactive {background: url(../images/nav_events_hover.jpg) 0px 0px no-repeat transparent;width:158px;}
#navtop a.contactactive {background: url(../images/nav_contact_hover.jpg) 0px 0px no-repeat transparent;width:160px;}

#navtop a span {
	color:#BEA23F;
	font-family: "tahoma";
	font-size:68%;
	text-transform:lowercase;
}

/******************************
CONTENT
******************************/

#content {
	width:100%;
	height:auto;
	 
	}

h1, h2 {
	font-weight:normal;
	text-align:center;
	text-transform:uppercase; 
}

/******************************
MAIN
******************************/

#main {
	background:url(../images/bg_main.jpg) no-repeat top #F3EEDC;
	float:left;
	height:auto;
	width:665px;
}

#main h1 {
	color:#9C1E0C;
	font-size:125%;
	padding:48px 0 38px 0;
	margin:0;
}

#main h2 {
	clear:both;
	color:#9C1E0C;
	font-size:100%;
	padding:8px 0 2px 0;
	margin:0;
}

#main p {
	color:#796339;
	font-size:78%;
	padding:4px 2em;
}

#main .morelink {
	float:right;
	font-size:95%;
	padding-top:3px;
}

#main .morelink a {
	color:#9C1E0C;
	text-decoration:none;
}

#main .morelink a:hover {
	color:#9C1E0C;
	text-decoration:underline;
}

#main a.textlink {
	color:#57874E;
	text-decoration:underline;
}

#main a:hover.textlink {
	text-decoration:none;
}

#main img {
	border:3px solid #B19977;
	clear:left;
	float:left;
	margin:5px 18px 0 24px;
}

#main img.map {
	border:none;
	margin-top:12px;
}

/**********************************
RIGHT
**********************************/

#right {
	background:url(../images/bg_right.jpg) no-repeat top #F3EEDC;
	float:left;
	height:auto;
	width:290px;
}

.box {
	background-color:#000;
	border:4px solid #2B5124;
	height:auto;
	width:210px;
	float:right;
	margin:10px 20px 0 10px;
	padding:10px;
	}
	
.box h2 {
	color:#C7B087;
	font-size:90%;
	background:url(../images/bg_h2.gif) no-repeat bottom;
	height:34px;
}

.box p {
	color:#E2D6A9;
	font-family: "Tahoma";
	font-size:68%;
	padding:4px 0;
	margin:0;
	line-height:1.2em;
}

.box a {
	color:#57874E;
	text-decoration:none;
}

.box a:hover {
	color:#9C1E0C;
	text-decoration:none;
}

.box fieldset {
	border:none;
}

.box label {
	color:#E2D6A9;
	font-family: "Tahoma";
	font-size:68%;
	font-weight:normal;
	display:inline-block;
}

.box input.large {
	background:url(../images/input-large.jpg) no-repeat;
	border:none;
	color:#5E4D2D;
	font-family:Tahoma;
	font-size:11px;
	height:19px;
	margin:0;
	padding:3px 2px 0 2px;
	width:206px;
}

.box input.small {
	background:url(../images/input-small.jpg) no-repeat;
	border:none;
	color:#5E4D2D;
	font-family:Tahoma;
	font-size:11px;
	height:19px;
	padding:3px 0 0 0;
	width:70px;
	text-align:center;
}

.box textarea {
	background:url(../images/input-large.jpg) repeat-y;
	border:none;
	color:#5E4D2D;
	font-family:Tahoma;
	font-size:11px;
	margin:0;
	padding:3px 2px 0 2px;
	width:206px;
	overflow:hidden;
}

.box input.button {
	background:url(../images/input-small.jpg) no-repeat;
	border:none;
	color:#9C1E0C;
	cursor:pointer;
	font-family:"Georgia";
	font-size:80%;
	font-weight:bold;
	height:21px;
	margin:4px 0 0 68px;
	padding:0 0 2px 0;
	text-align:center;
	text-transform:uppercase;
	width:70px;
}

.box input.button:hover {
	color:#57874E;
}

.box .radio1 {	margin:0 6px 0 0;}
.box .radio2 {	margin:0 6px 0 22px;}
.box form .radio3 { margin:0 6px 0 0;}
.box form .radio4 {	margin:0 6px 0 16px;}
	
.box form p {
	color:#E2D6A9;
	font-family: "Tahoma";
	font-weight:normal;
	line-height: 120%;
	margin:0;
	padding:4px 0;
}

#main ul {
	list-style-type:disc;
	padding:8px 0 8px 38px;
	margin:0;
	color:#796339;
	font-family: "Georgia";
	font-size:78%;
}

#main ul li {
	padding:1px 0;
	}
	
#main ul li ul {
	font-size:100%;
	}

/******************************
FOOTER
******************************/

#footer {
	background:#262C20 url(../images/footer_bg.jpg) no-repeat bottom;
	clear:both;
	height:85px;
	margin-top:20px;
	width:100%;
}

#footer ul {
	font-size:70%;
	list-style-type:none;
	margin:0;
	padding:14px 0 0 0;
	text-transform:uppercase;
}

#footer ul li {
	border-left:1px solid #E1D5A6;
	float:left;
	margin:0;
	padding:0 6px;
}

#footer ul li.first {
	border:none;
	padding-left:210px;
}

#footer ul li a {
	color:#E2D6A9;
	text-decoration:none;
}

#footer ul li a:hover {
	text-decoration:underline;
}

#footer p {
	clear:both;
	color:#E2D6A9;
	font-family: "Tahoma";
	font-size:70%;
	font-weight:normal;
	padding:6px 0 0 0;
	text-align:center;
	line-height:1.2em;
}

#footer p a {
	color:#E2D6A9;
	text-decoration:none;
}

#footer p a:hover {
	color:#E2D6A9;
	text-decoration:underline;
}

/******************************
MENU PAGES - SPECIFIC STYLES
******************************/

#menus #main .leftcol {
	float:left;
	width:314px;
	height:28em;
	margin:10px 0 0 20px;
	border-left:1px dotted #bea23f;
}

#menus #main .rightcol {
	float:left;
	width:314px;
	height:28em;
	border-left:1px dotted #bea23f;
	border-right:1px dotted #bea23f;
	margin:10px 0 0 0;
}

#menus #main dl {
	color:#796339;
	text-align:center;
	font-size:78%;
}

#menus #main dt {
	padding:10px 0;
}

#menus #main dd {
	padding:0 0 10px 0;
}

#menus #main ul {
	list-style-type:none;
	padding:8px 0;
	margin:0;
	text-align:center;
}

#menus #main ul li {padding:4px 2px;}
#menus #main ul li ul {font-size:100%;}

#menus #main p.price {
	color:#9C1E0C;
	text-align:center;
	font-size:95%;
}

#menus #main table {
	width: 80%;
	padding:0;
	margin:6px 0 12px 100px;
	font-size:78%;
}

#menus #main table tr {
	height:.8em;
	padding:3px 0 2px 0;
}

#menus #main table td.name {
	height:.8em;
	padding:3px 0 2px 0;
	width:18%;
	color:#796339;
}

#menus #main table td.price {
	height:.8em;
	padding:3px 0 2px 0;
	width:10%;
	color:#9c1e0c;
}

#menus #main table.large {
	width: 96%;
	padding:0;
	margin:6px 0 12px 60px;
	font-size:78%;
}

#menus #main table.large tr {
	height:.8em;
	padding:3px 0 2px 0;
}

#menus #main table.large td.name {
	height:.8em;
	padding:3px 0 2px 0;
	width:30%;
	color:#796339;
}

#menus #main table.large td.price {
	height:.8em;
	padding:3px 0 2px 0;
	width:10%;
	color:#9c1e0c;
}

#events #main img {
	border:none;
}

#yccc #main dl {
	color:#796339;
	font-size:78%;
	padding:0 2em;
}

#yccc #main dt {
	padding:10px 0;
	color:#9c1e0c;
}

#yccc #main dd {
	padding:0 0 10px 0;
}