/* South Hants / Screen
© Inspirat 2006 [www.inspirat.co.uk]      
 */

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font: 12px/18px Georgia, Times New Roman, Times, serif;
	color: #3e3e3e;
}

#wrap {
	position: relative;
	width: 520px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/wrap.gif) repeat-y;
	text-align: left;
}

#head {
	position: relative;
	width: 500px;
	height: 140px;
	background: no-repeat url(../images/head.jpg);
}

#head a {
	position: absolute;
	left: 20px;
	width: 143px;
	height: 88px;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/logo.gif) no-repeat;
}

#nav {
	position: relative;
	width: 520px;
	height: 12px;
	display: block;
	margin-top: 4px;
	margin-bottom: 3px;
}

#nav ul {
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
}

#nav li {
	display: inline;
}

#nav a {
	float: left;
	padding: 12px 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:12px; /* for ie5 */;
	margin-right: 5px;
}

#nav a:hover, #nav a:active, #nav a.select {
	background-position: 0px -12px;
}

#news a {
	width: 32px;
	background: url(../images/news.gif) repeat-y;
	margin-left: 33px;
}

#naturism a {
	width: 60px;
	background: url(../images/naturism.gif) repeat-y;
}

#holidays a {
	width: 60px;
	background: url(../images/holidays.gif) repeat-y;
}

#homes a {
	width: 98px;
	background: url(../images/homes.gif) repeat-y;
}

#facilities a {
	width: 65px;
	background: url(../images/facilities.gif) repeat-y;
}

#membership a {
	width: 56px;
	background: url(../images/members.gif) repeat-y;
}

#contact a {
	width: 55px;
	background: url(../images/contact.gif) repeat-y;
}

#frame {
	width: 480px;
	height: 192px;
	position: relative;
	margin-left: 20px;
	margin-top: 1px;
}

#content {
	text-align: left;
	width: 440px;
	margin-left: 40px;
	position: relative;
	margin-top: 1px;
}

#foot {
	position: relative;
	height: 77px;
	background: no-repeat url(../images/foot.jpg);
	width: 520px;
	margin-top: 1px;
}

.copyright {
	position: absolute;
	left: 40px;
	color: #bfbfbf;
	top: 7px;
	font-size: 10px;
}

.design {
	position: absolute;
	top: 7px;
	right: 40px;
	color: #d7d7d7;
	font-size: 10px;
}

.design a {
	color: #bfbfbf;
	text-decoration: none;
}

.design a:hover {
	color: #bfbfbf;
	text-decoration: underline;
}

h1 {
	font-size: 14px;
	margin-bottom: 8px;
	border-bottom: 1px dashed #9b9b9b;
	padding-bottom: 2px;
}

p {
	margin-bottom: 8px;
}

#content a {
	text-decoration: none;
	background: #c9ebff;
	color: #3e3e3e;
	padding-right: 2px;
	padding-left: 2px;
	border: 1px solid #91d9eb;
}

#content a:hover {
	text-decoration: none;
	background: #e7fcff;
	color: #3e3e3e;
	padding-right: 2px;
	padding-left: 2px;
	border: 1px solid white;
	border-bottom: 1px solid #9cdfff;
}

h2 {
	font-size: 14px;
	font-weight: normal;
}

h3 {
	font-size: 12px;
	border-bottom: 1px dashed #d7d7d7;
	font-weight: normal;
	margin-bottom: 8px;
}

h4 {
	font-size: 12px;
	border-bottom: 1px dashed #d7d7d7;
	font-weight: normal;
	margin-bottom: 4px;
}

.news {
	background: #f9f9f9;
	position: relative;
	margin-left: -20px;
	width: 480px;
	padding-bottom: 8px;
}

.news h2 {
	font-size: 14px;
	font-weight: normal;
	background: #e3ffe4;
	padding-top: 4px;
	padding-left: 20px;
	margin-bottom: -4px;
}

.news h3 {
	margin-bottom: 8px;
	font-size: 12px;
	border-bottom: 1px dashed #d7d7d7;
	font-weight: normal;
	padding-bottom: 2px;
	background: #e3ffe4;
	padding-left: 20px;
}

.news p {
	padding-left: 20px;
	padding-right: 20px;
}

#content ul {
	
	list-style: circle;
	padding-left: 20px;
	margin-bottom: 8px;
}

#content li {
	color: #656565;
}

#fellas {
	color: #4188ee;
	font-weight: bold;
	font-size: 11px;
}

#ladies {
	color: #e09aff;
	font-weight: bold;
	font-size: 11px;
}

form {
	clear: both;
	background: #f8f8f8;
	border: 1px solid #e6e6e6;
	margin-top: 20px;
	padding: 14px 20px;
}

form ol {
	list-style: none;
}

li {
	color: #9b9b9b;
	font-size: 11px;
	margin-bottom: 4px;
}

.btn {
	margin-right: 6px;
}

.contactdetails {
	clear: both;
	background: #f8f8f8;
	border: 1px solid #e6e6e6;
	margin-top: 20px;
	padding: 14px 20px;
}

.contactdetails ul.left {
	position: relative;
}

.contactdetails ul.right {

}

.contactdetails li {
	list-style: none;
	margin-bottom: -8px;
	padding-top: 4px;
	margin-left: -20px;
}

.standout {
	background: #e3ffe4;
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #bad4c2;
	text-align: center;
}

.prices {
	background: #e3ffe4;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #bad4c2;
	text-align: center;
}

.quote {
	background: #f8f8f8;
	font-size: 12px;
	border: 1px solid #e6e6e6;
	text-align: left;
	padding: 8px 12px;
}

.membership {
	background: #fffecc;
	font-size: 12px;
	border: 1px solid #e7e6aa;
	text-align: left;
	padding: 8px 12px;
}

.pics {
	background: #fffecc;
	font-size: 12px;
	border: 1px solid #e7e6aa;
	text-align: left;
	padding: 8px 12px;
}

#content .prices a {
	background: transparent;
	border-style: none;
}

#content .prices a:hover {
	background: white;
	border-style: none;
	border-bottom: 1px solid #d0d0d0;
}

#content .standout a {
	background: transparent;
	border-style: none;
}

#content .standout a:hover {
	background: white;
	border-style: none;
	border-bottom: 1px solid #d0d0d0;
}

.dark {
	color: #3f3f3f;
}

.light {
	color: #bfbfbf;
}

.fill {
	color: #bfbfbf;
	position: absolute;
	right: 20px;
	font-size: 11px;
}

.badges {
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}

#holidayselect {
}

#holidayselect a {
	border-style: none;
	background-color: white;
}

#holidayselect a:hover {
	border-style: none;
	background-color: white;
}

img {
	border-style: none;
}

#content img {
	margin-bottom: 8px;
	margin-top: 4px;
}

.date {
	color: #bfbfbf;
	font-size: 14px;
	position: absolute;
	right: 0;
}

#content h1 .date a {
	background: #f0f0f0;
	border: 1px solid #e4e4e4;
	font-size: 12px;
	font-weight: normal;
	padding-right: 4px;
	padding-left: 4px;
}

#content h1 .date a:hover {
	background: #fbfbfb;
	border-bottom: 1px solid #e4e4e4;
	border-top: none;
	border-left: none;
	border-right: none;
	font-size: 12px;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;
}

.caravan {
	color: #bfbfbf;
	font-size: 10px;
	right: 0;
	position: absolute;
}

#content a.external {
	text-decoration: none;
	background: #c9ebff url(../images/external.gif) no-repeat right top;
	color: #3e3e3e;
	padding-right: 14px;
	padding-left: 2px;
	border: 1px solid #91d9eb;
}

#content a.external:hover {
	text-decoration: none;
	background: #e7fcff no-repeat right -14px  url(../images/external.gif);
	color: #3e3e3e;
	padding-right: 14px;
	padding-left: 2px;
	border: 1px solid white;
	border-bottom: 1px solid #9cdfff;
}

.join {
	border-bottom: 1px dashed #adadad;
	display: block;
	margin-bottom: -12px;
	padding-bottom: 6px;
	margin-top: 4px;
}

#homepics {
	position: relative;
	width: 440px;
	height: 680px;
}

#homepics img {
	float: left;
	position: relative;
}

table#summer {
	border-collapse: collapse;
	border: solid #bad4c2 1px;
	margin-top: 16px;
	margin-bottom: 18px;
	width: 100%;
	text-align: center;
}

#summer th {
	border-bottom: solid #bad4c2 1px;
	border-right: none #bad4c2 1px;
	padding: 2px 4px;
	background: #e3ffe4;
}

#summer tr {
	background: #ecffef;
}

#summer td {
	padding: 4px 4px 4px 8px;
}

#summer .week {
	background: #ffffff;
	border-right: 1px solid #e6e6e6;
	padding-right: 12px;
	padding-left: 8px;
}

#summer .high {
	background: #d5f1d8;
	display: inline;
	padding: 2px 6px;
}

.tablenotes {
	background: #ecffef;
	font-size: 12px;
	border: 1px solid #cdecd9;
	padding: 4px 8px;
}

table#camping {
	border-collapse: collapse;
	border: solid #d4cbb2 1px;
	margin-top: 16px;
	margin-bottom: 18px;
	width: 100%;
	text-align: center;
}

#camping th {
	border-bottom: solid #d4cbb2 1px;
	border-right: none #ece1bc 1px;
	padding: 2px 4px;
	background: #faffd9;
}

#camping tr {
	background: #fffcdb;
}

#camping td {
	padding: 4px 4px 4px 8px;
}

#camping .week {
	background: #ffffff;
	border-right: 1px solid #e6e6e6;
	padding-right: 12px;
	padding-left: 8px;
}

#camping .low {
	background: #faffd9;
}

#camping .mid {
	background: #fffdc8;
}

#camping .hi {
	background: #fff7b0;
}

.camptablenotes {
	background: #fffcdb;
	font-size: 12px;
	border: 1px solid #ece1bc;
	padding: 4px 8px;
}

.campstandout {
	background: #fffcdb;
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #ece1bc;
	text-align: center;
}

.campprices {
	background: #fffcdb;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #ece1bc;
	text-align: center;
}

#content .campprices a {
	background: transparent;
	border-style: none;
}

#content .campprices a:hover {
	background: white;
	border-style: none;
	border-bottom: 1px solid #d0d0d0;
}

#content .campstandout a {
	background: transparent;
	border-style: none;
}

#content .campstandout a:hover {
	background: white;
	border-style: none;
	border-bottom: 1px solid #d0d0d0;
}

#content .standout a {
	background: url(../images/pdf.gif) no-repeat right center;
	padding-right: 18px;
}

#content .standout a:hover {
	background: url(../images/pdf.gif) no-repeat right center;
	background-color: white;
	border-style: none;
	border-bottom: 1px solid #d0d0d0;
	padding-right: 18px;
}

#content .campstandout a {
	background: url(../images/pdf.gif) no-repeat right center;
	padding-right: 18px;
}

#content .campstandout a:hover {
	background: url(../images/pdf.gif) no-repeat right center;
	background-color: white;
	border-style: none;
	border-bottom: 1px solid #d0d0d0;
	padding-right: 18px;
}

.pdf {
	background: url(../images/pdf.gif) no-repeat left 2px;
	padding-left: 20px;
}