/*
Theme Name: Kingsholm
Theme URI: http://kingsholmvenues.co.uk
Description: A theme developed by <a href="http://www.epicado.com/">Epicado Web Design</a>.
Version: 1.0
Author: Pmac
Author URI: http://macseyco.com/
Tags: Three menu , custom header, fixed width, two columns, multiple purpose and moveable widgets

	The CSS, XHTML and design is the property and Copyright 2008 of Epicado Limited.

*/

body{
margin:0;
padding:0;
font-family:Arial;
color: #03202F;
background:#CFD0D2;
}

img {
border:0px;
}

#maincontainer{
width: 1024px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:white url(media/headerback3.jpg) top no-repeat;
padding:0px;
}

#maincontainer2{
width: 1024px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:white url(media/headerback4.jpg) top no-repeat;
}

#topsection{
height: 130px;
}

#logo {
margin: 0;
width:330px;height:94px;
float:left;
}

#contentwrapper{
float: left;
}

#contentcolumn{
margin-right: 265px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 265px; /*Width of right column*/
margin-left: -265px; /*Set left margin to -(RightColumnWidth) */
}

.rightinner {padding-left:6px;padding-top:5px;}
#footer{
clear: left;
width: 100%;
background: #03202E;
color: #FFF;
padding-top: 10px;
padding-bottom: 20px;
font-weight:bold;
font-size:12px;
}

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

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

#footer table {
margin-left:30px;
}

#space {
width:20px;
}

/* Menus */

.phone_number {
line-height:30px;
float:right;
color:#BBBCC0;
font-weight:bold;
padding-top:14px;
padding-right:135px;
font-size:26px;
}

.topmenu {
float:left;
padding-top:14px;
margin:0px;
padding-right:30px;
}

.topmenu td{
font-weight:bold;
text-align:center;
margin:0px;
font-size:10pt;
margin:0px;
padding-right:15px;
padding-left:15px;
}

.dots {
background: url(media/dots.gif) right no-repeat;
}

.topmenu td a{
color:#C8D0D3;
text-decoration:none;
}

.topmenu td a:hover{
color:#ffffff;
}

.mainmenu {


padding-left:30px;
padding-right:68px;
}

.mainmenu table {
margin:0px;
}

.mainmenu td {
font-weight:bold;
color:white;
padding:12px;
font-size:14px;

}

.mainmenu td a{
color:white;
text-decoration:none;
}

.mainmenu td a:hover{
color:#03202E;
}

/* Banner Section */

#bannerwrapper {
padding-top:2px;
height:217px;
}

#flashbanner {
float:left;
width:740px;
padding-left:30px;
}

.quickbook {
float:right;
width:222px;
height:215px;
margin-right:30px;
background: url(media/loin-bg.gif) bottom right no-repeat;
}

.quickbook h2{
padding-top:15px;
padding-left:20px;
margin:0px;
color: #ffffff;
text-align: left;
font-family:sans-serif;
font-size:26px;
font-weight:normal;
}

.quickbook p {
font-size:15px;
padding:13px 15px 20px 20px;
margin:0px;
color: #ffffff;
}

.quickbook form {
margin:0px;
padding:0px 0px 21px 20px;
}

.quickbook select {
border:1px solid #666666;
margin:1px;
padding:2px;
width:140px;
}

#greybutton { color: #FFFFFF; border: 2px solid #FFFFFF; background-color: #BCBDC1 }

/* Floating logo - not floating now :-( */

.dockclass{
width: 1024px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
float:right;


}

.dockclass img {
z-index: 1;
position:fixed;
}

/* Rounded Boxes */

.myBox p{
color: #a4a5a6;
font-size:15px;
padding:0px 20px;
text-align: left;line-height:18px;
}

.myBox h2 {
padding-left:20px;
margin:0px;
color: #ffffff;
text-align: left;
font-family:sans-serif;
font-size:20px;
font-weight:normal;
}

#greybox {
    background-image: url(images/box-bg.gif);
    width: 220px;
    border: 1px solid #a4a5a6;
	margin-top:10px;
	margin-left:15px;
	margin-bottom:30px;
}

/* Wordpress editor content all controlled by the class pagecontent */


.pagecontent {
width:720px;
padding-left:30px;
font-family:arial;
font-size:12px;
}

.pagecontent h1 {
color:#bebfc2;
font-size:22px;
font-weight:normal;
}

.pagecontent h2 {
color:#bebfc2;
font-size:18px;
font-weight:normal;
}

.pagecontent p {
font-family:arial;
color:#03202F;
font-size:13px;
}

.pagecontent p a {
text-decoration:none;
font-weight:bold;
color:#03202F;
}

.pagecontent p a:hover {
text-decoration:underline;
font-weight:bold;
color:#03202F;
}

.pagecontent ul {

}

.pagecontent blockquote {

background:#bebfc2;
margin:0px;
padding:5px 15px;
}

.pagecontent img {
padding: 0px;
}

/* Widgets */

.pagewidgetbox img{
	padding-top:4px;
}

#greybox a {
font-weight:bold;
color:#BEBFC3;
text-decoration:none;
}

#greybox a:hover {
font-weight:bold;
color:#BEBFC3;
text-decoration:underline;
}

.pagewidgetbox h2 {
	padding-left:20px;
	margin:0px;
	color: #ffffff;
	text-align: left;
	font-family:sans-serif;
	font-size:20px;
	font-weight:normal;
}

#widgetone {
    background-image: url(images/box-bg.gif);
    width: 45%;
    border: 1px solid #a4a5a6;
	margin-top:10px;
	margin-bottom:20px;
	float:left;
}

#widgetone p{
color: #a4a5a6;
font-size:15px;
line-height:18px;
}

#widgettwo {
    background-image: url(images/box-bg.gif);
    width: 45%;
    border: 1px solid #a4a5a6;
	margin-top:10px;
	margin-bottom:20px;
	float:right;
}

#widgettwo p{
color: #a4a5a6;
font-size:15px;
line-height:18px;
}

#menuwidget h2 {
	padding-left:20px;
	margin:0px;
	color: #ffffff;
	text-align: left;
	font-family:sans-serif;
	font-size:20px;
	font-weight:normal;
}

#menuwidget {
    background-image: url(images/box-bg.gif);
    width: 220px;
    border: 1px solid #a4a5a6;
	margin-top:10px;
	margin-left:15px;
	margin-bottom:25px;
	font-size:10pt;
}

#menuwidget ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

#menuwidget ul li a{
	display:block;
	padding:5px 10px;
	color:#03202E;
	text-decoration:none;
}

#menuwidget ul li a:hover {
	display:block;
	padding:5px 10px;
	background:#D4D4D6;
	color:#03202E;
}

.breadcrumb {
color:#BEBFC3;
}

.breadcrumb a {
text-decoration:none;
color:#BEBFC3;
}

.breadcrumb a:hover{
text-decoration:underline;
color:#03202E;
}

/* Epicado Advert */

.linklove {
padding:20px;
text-align:center;
width:100%;
font-size:10pt;
}

.linklove a{
text-decoration:none;
color:#03202E;
}

.linklove a:hover{
text-decoration:underline;
color:#03202E;
}

/* Sitemap Template */

.sitemap {
padding-left:50px;
list-style:none;
font-size:14px;
padding-bottom:40px;
font-weight:bold;
color:#C6C7CB;
}

.sitemap ul {
list-style:square;
}

.sitemap ul li{
padding:5px;
}

.sitemap a {
color:#03202E;
text-decoration:none;
}

/* Resources Template */

.resources {
font-size:14px;
padding-bottom:40px;
font-weight:bold;
color:#C6C7CB;
}

.resources ul {
list-style:none;
padding:0px;
margin:0px;
}

.resources ul li{
padding:5px;
}

.resources a {
color:#03202E;
text-decoration:none;
}

.resources img {
border:0px;
}

/* Forms */

#booking-form {
border:1px solid #C6C7CB;
background:white;

}

#booking-form form{
padding:0px;margin:0px;
}

#booking-form h2{
margin:0px;
color:white;
background:#BEBFC3;
padding:5px;
padding-left:20px;
}

#booking-form h1{
padding-left:20px;
color:#03202E;
}

#booking-form td {
padding:3px;
}


#booking-form label {
margin-left: -165px;
float: left;
width:250px;
color:#666666;
}

#booking-form p {
clear: left;
padding-left:200px;
width:500px;
}

#booking-form label {
font-size:12pt;
}

#booking-form input {
padding:3px;
font-size:13pt;
border: 1px solid #BEBFC3;
color:#666666;
}

#booking-form option {
padding:3px;
font-size:11pt;
color:#666666;

}

#booking-form select {

font-size:11pt;
color:#666666;
background:#F0F0F0;
border: 1px solid #BEBFC3;
}

#booking-form textarea {
padding:3px;
font-size:12pt;
border: 1px solid #BEBFC3;
}

.submit_button{
height:40px;
font-weight:bold;
}

.style1_alt {
background: url(media/button-bg.gif);
color:#BEBFC3;

height:40px;
width:186px;
}

.style1 {
background: url(media/button-bg.gif);
color:white;

border:0px;
height:40px;
width:186px;
}

.submitting {
background:#F0F0F0;
font-size:10pt;
padding:3px;
padding-left:80px;
}

.telno {
color:#03202E;
font-weight:bold;
font-size:14pt;
}

/** Content **/

.pic-container {
width: 66%; float: left;padding-bottom:20px;padding-top:20px;
}

.picone {
float: left; width: 49%;
}

.pictwo {
float: right; width: 49%;
}

.picthree {
width: 33%; float: right;padding-top:20px;
}

.info-container {
width: 400px; float: left;
}

.infoone {
float: left; width: 140px;
}

.infotwo {
float: right; width: 260px;
}

.infothree {
width: 280px; float: right;padding-top:80px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.pagecontent li {
list-style-image: url(media/rugby-icon-sml.gif);
line-height:20px;
padding-bottom:5px;
font-size:14px;
}

.list-left {
width:35%;float:left;
}

.list-right {
width:45%;float:right;
text-align:left;
}

.pagecontent blockquote {
background:#F0F1F3;
border-bottom:solid white 15px;
}

.pagecontent blockquote img {
border:solid #F0F1F3 5px;
}

.pagecontent ul li a {
color:#03202E;
font-weight:bold;
text-decoration:none;
}

.pagecontent ul li a:hover {
text-decoration:underline;
}

.ramdon-img {
height:200px;
width:200px;
}

/* Buttons */


a.ovalbutton{
background: transparent url('media/button-left-blue.gif') no-repeat bottom left;
display: block;
float: left;
font: bold 14px arial; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 40px; /* Height of button background height */
padding-left: 32px; /* Width of left menu image */
margin-right:5px;
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #03202E; /*button text color*/
}

a.ovalbutton span{
background: transparent url('media/button-right-grey.gif') no-repeat bottom right;
display: block;
padding: 12px 32px 12px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
text-decoration:underline;
}

a.ovalbutton:hover span{ /* Hover state CSS */
text-decoration:underline;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.bottombox {
width:100%;
}

.bottomleft {
width:40%;float:left;padding-top:0px;margin:0px
}

.bottomleft h2{
padding-top:0px;margin:0px
}

.bottomright {
width:49%;float:right;padding-top:35px;

}

.bottomactions {
clear:left;padding-top:10px;
}

.bottombox a {
text-decoration:none;
color:#BEBFC3;
padding-right:5px;
padding-left:5px;
}

.bottombox { 
color:#BEBFC3;
}

.bottombox a:hover {
text-decoration:underline;
}

.relatedpages{
margin:0px;

}

.relatedpages li {
list-style-image: url(media/wee-dot.gif);
padding-bottom:4px;
}


.relatedpages a {
color:#03202E;
text-decoration:none;font-size:12px;
}

.relatedpages a:hover {
text-decoration:underline;
}

.hotel h3 {
margin:0px;
padding:0px;
}

.hotel a {
color:#03202E;
text-decoration:none;
}

.news a{
color:#BEBFC3;
text-decoration:none;

}

.news a:hover{
color:#03202E;
text-decoration:underline;
}

.jb p {
color:#333333;
}

.jb blockquote a {
color:#470d7d;
}

.hatherley-manor h3{
color:#A39163;font-size:16pt;
} 

.hatherley-manor p{
color:#A39163;
} 

.hatherley-manor td{
color:#A39163;
}

.hatherley-manor a:link{
color:#A39163;
}

.pagecontent h2 a {
color:#03202E;
text-decoration:none;
}