/* Start of CMSMS style sheet 'Common' */
body, html {
	width:100%; height:100%;
	background-color:#f2efed;
	font-family:Arial, Helvetica, sans-serif;
}

ul {
margin:0px 0px 0px 16px;
list-style:disc;
}
p,li {
	color:#fff;
	line-height:1.6em;
	font-weight:bold; font-size:80%;
margin:0px 0px 16px 0px;
}
p a {
color:#fff;
text-decoration:underline;
}
h1 {
color:#fff;
font-weight:bold; font-size:100%;
margin:0px 0px 16px 0px;
}

#container {
	width:739px; min-height:100%;
	background-color:#fff;
	margin:0px auto; padding:18px 23px 24px 22px;
}

/* sub nav */
#subNav { 
width:520px; height:39px;
margin:0px 0px 0px 219px;
}

/* header */
#header {}
#header .logo {
	float:left;
	width:96px; height:73px;
	background:#fff url(media/common/logo.gif) no-repeat 0px 0px;
	margin:0px 22px 0px 0px;
}
#header .navigation {
	float:left;
	width:621px; height:73px;
	border-bottom:1px solid #8c9696;
margin:0px 0px 0px 0px;
}
#header .navigation ul, #subNav ul {
list-style:none;
margin:0px 0px 0px 0px;
}
#header .navigation ul li, #subNav ul li {
	float:left;
	margin:0px 18px 0px 0px; padding:51px 0px 0px 0px;
}
#subNav ul li { padding:0px 0px 0px 0px; margin:0px 18px 0px 0px; }
#header .navigation ul li a, #subNav ul li a {
	color:#777;
	font-size:70%;
	text-decoration:none;
}
#header .navigation ul li a.current, #subNav ul li a.current { color:#e07348; }
#header .navigation ul li a:hover, #subNav ul li a:hover {
	color:#e07348;
	text-decoration:none;
}

/* quote */
#subHeader {
	width:739px; height:257px;
}
#subHeader .photo {
	float:left;
	width:95px; height:257px;
}
#subHeader .copy {
	float:left;
	width:105px; height:257px;
	padding:0px 6px 0px 6px;
	color:#5a5b5d;
	font-size:70%;
	line-height:1.3em;
}
#subHeader .copy span {
color:#830327;
}
#subHeader .copy table {
width:105px; height:257px;
padding:0px; margin:0px;
border:none;
}
#subHeader .copy table tr td {
width:105px; height:257px;
vertical-align:middle;
}

/* main image */
#subHeader .image {
	float:left;
	width:527px; height:257px;
	margin:0px 0px 0px 0px;
	position:relative;
}
#subHeader .image .overlay {
	position:absolute;
	top:0px; left:0px;
}
#subHeader .image .overlay img {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}


/* news */
#content .news {
	float:left;
	width:212px;
}
#content .news h1 {
	color:#b8babc;
	font-size:140%; font-weight:bold;
	margin:14px 0px 21px 0px;
}
div.image { margin-bottom:12px; }
#content .news table { width:200px; }
#content .news table tr td { padding-bottom:15px; }
#content .news table tr td.copy a {
color:#e07348;
text-decoration:none;
}
#content .news table tr td.copy a:hover {
text-decoration:none;
}
#content .news table tr td.image {
	width:39px; height:33px;
	margin:0px 6px 0px 0px;
}
#content .news table tr td.copy {
	font-size:75%;
	color:#5a5b5d;
	vertical-align:top;
	line-height:1.4em;
}

/* page content */
#content div.copy {
	float:left;
	width:499px;
	background-color:#d9531e;
	padding:14px;
}
#content div.copy p,
#content div.copy a,
#content div.copy ul li,
#content div.copy h1,
#content div.copy label {
color:#7b7c7f;
font-weight:normal;
}
#content div.copy h1 { font-weight:bold; }

#footer {
	margin:22px 0px 0px 0px; padding:0px 0px 0px 212px;
}

.divider {
	width:739px; height:18px;
	background:#fff url(media/common/divider.gif) no-repeat 0px 0px;
}

/* contact form */
.contactform div {
}
.contactform label {
color:#fff;
font-size:75%; font-weight:bold;
display:block;
float:left;
width:150px; height:20px;
margin:0px 12px 5px 0px;
}
.contactform input[type="text"] {
width:320px;
float:left;
margin:0px 0px 5px 0px;
}
.contactform textarea {
width:320px; height:200px;
float:left;
overflow:hidden;
}
.contactform select {
width:320px;
float:left;
}

/* different colours */
#content div.about-us  { background-color:#efebe7; }

#content div.becoming-a-member  { background-color:#fcf5df; }

#content div.members-page { background-color:#d5d7dd; }
#content div.buying-products { background-color:#fcedcd; }
#content div.dorset-food-week { background-color:#fff9d7; }
#content div.did-you-know { background-color:#d9d9d9; }
#content div.contact-us { background-color:#eee5dd; }

#content div.home p,
#content div.home a,
#content div.home ul li,
#content div.home p h1 {
color:#fff;
}

#content div.copy .larger { font-size:130%; }

.bel {
height:22px; width:500px;
background:transparent url(media/common/buy-eat-live-dorset.gif) no-repeat right top;
}

/* Search Results */
.searchResult {
background-color:#faf5ea;
padding:16px;
margin-bottom:16px;
}
.searchResult h2 {
font-size:90%;
color:#7b7c7f;
margin-bottom:8px;
}
.searchResult p {
color:#fff;
font-size:75%;
}

/* helpy helper classes */
.clearB { clear:both; height:0px; }
.tCenter { text-align:center; }
.tRight { text-align:right; }
.noM { margin:0px 0px 0px 0px !important; }
/* End of 'Common' */