@charset "utf-8";

@media all {

/* "Yahoo! UI Library: Reset CSS" =================================== */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
more info: http://developer.yahoo.com/yui/reset/
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* END "Reset CSS" ================================================== */

/* TAGS ============================================================= */

#column3 { position: absolute; left: -999em; }

body, input, textarea { font-family: Arial, Helvetica, sans-serif; } 

body { font-size: 87.5%; /* 14px */ color: #fff; }

h1 { display: none; } 
h2 { font-size: 1em; font-weight: normal; margin: 38px 0 15px;  text-transform: uppercase;}
h4 { margin: 0 0 3px; font-size: 0.9em; text-align: right; }
a { color: white; }
a:hover { color: black; }
a img { border: 0; }

#pagewrapper { width: 100%; float: left; }

#wrapper { float: right; width: 782px; padding-bottom: 30px; }
body#home #pagewrapper { background: #000 url(/images/homepage_image.jpg) top right no-repeat; text-transform: uppercase; min-height: 400px; }
body#document #pagewrapper { background: #7f756b url(/images/document_image.jpg) top right no-repeat;}
body#items #pagewrapper { background: #8c445e url(../images/items_image.jpg) top right no-repeat;}

img.logo {margin-bottom: 28px; float: right; }
img.lamb {margin-bottom: 28px; float: right; }

#column1 { float: left; padding-top: 28px; width: 222px; margin-right: 22px; display: inline;}

#column2 { margin-right: 8px; display: inline; float: left; padding-top: 28px; }
body#home #column2 { width: 221px; }
body#document #column2 { width: 363px; margin: 12px 5px 0 11px; }
body#items #column2 { margin: 0; width: 432px; padding: 180px 0 0 11px; float: left; }

#nav h2 { margin: 38px 0 9px; }
#nav ul { clear: both; margin-bottom: 2em;}
#nav li { font-size: 0.857em; margin: 0 0 0.5em 0; list-style: none; line-height: 1; text-transform: uppercase; }
#nav li a { color: #a39b8a; text-decoration: none; }
#nav li a:hover { color: white;}

#column1 #nav li { text-align: right; }
#column1 #nav li a { color: #fff; }
#column1 #nav li a:hover { color: #000; }
#column1 #nav li.active { background-color: #5fa505; }
#column1 #nav li.active a { color: #fff; }

#items #column1 #nav li a { color: #ffffff; }
#items #column1 #nav li a:hover { color: #000000; }
#items #column1 #nav li.active { background-color: #00aa9c;}
#items #column1 #nav li.active a:hover { color: #fff; }

#column3 { float: left; }
body#home #column3 { width: 509px; }
body#document #column3 { width: 352px; margin-left: 7px;}
#document #column2 h2 { font-size: 1.6em; text-align: right; margin-bottom: 2em; font-weight: 100; }
#document #column2 h2 span { background-color: #5fa505; padding: 7px 13px;}
#document #column2 p, #document #column2 ul { margin-bottom: 0.4em; list-style-position: inside; font-size: 0.928em; }

#items #column2 h2 { font-size: 1.6em; font-weight: 100; text-align: right; width: 432px; }
#items #column2 h2 span { background-color: #00aa9c; padding: 7px 13px; }
#items p { color: #dcced3; }

#results { background-color: #8f4961; padding: 15px 14px 1px; margin-bottom: 11px;}

.item { background-color: #914b64; margin: 0 0 15px 0; width: 382px; padding: 10px; font-weight: bold; clear: both; }
#items .item p { margin: 0; color: white; font-size: 0.928em; font-weight: normal; line-height: 1.285; }
#items .item p.address { width: 186px; margin-right: 10px; float: left; }
#items .item p.address a { font-size: 80%; }
span.postcode { text-transform: uppercase; }
div.openingtimes { float: left; width: 186px; }
.item h3 { font-size: 1.3em; font-weight: 100; margin-bottom: 0.3em; }
.item h4 { text-align: left; font-size: 0.928em; font-weight: bold; line-height: 1.285; margin: 0; }

p.pagination { background-color: #8f4961; padding: 15px 14px; font-size: 1.3em; }
p.pagination a { text-decoration: none; }
span.pag_item { margin-right: 5px; }

#document form { margin-top: 30px; }
#document label  { font-weight: bold; line-height: 1.1; margin: 10px 0 3px; display: block; }
#document textarea { width: 347px; border: 3px solid #333; font: 0.9em/1.1 Arial, Helvetica, sans-serif; padding: 5px;}
#document input#send_button { margin: 10px 0 0 236px; }

#items form { margin-bottom: 20px; text-align: right; width: 432px; }
#items select, #items input { font-size: 0.92em; margin-left: 5px; }

#footer { clear: both; width: 100%; background-color: white; text-transform: uppercase; background-position: top left; background-repeat: repeat-x; padding-top: 23px; font-weight: bold; }
#footer img { margin-right: 10px; margin-left: 20px; }
#footer li { list-style: none; float: left; padding: 0 10px; border-left: 1px solid black; }
#footer li.start { border-left: none; }
#footer a { text-decoration: none; color: black; } 
#footer a:hover { text-decoration: none; color: #a39b8a; } 

body#home #footer { background-image: url(../images/black-footer.gif); }
body#document #footer { background-image: url(../images/brown-footer.gif); }
body#items #footer { background-image: url(../images/pink-footer.gif); }

.news-post { margin: 0 0 20px; padding: 0 0 20px; background: url(../images/news-dots.gif) bottom left repeat-x;}
.news-post h4 { font-size: 0.928em; color: #c2b8af; margin-bottom: 0.8em; }
.news-post h4 span.date { color: #fff; }
.news-post h3 { font-size: 1em; font-weight: bold; }

/*FLOAT CLEARING*/	

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


}