/***** copyright 2008 harlyn sands caravan *****/
/***** design by www.i-browser.co.uk *****/

* {margin: 0px; padding: 0px;}

body {
	background: #99ccff url(images/bg_harlyn.jpg) top repeat-x;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px; /* 11 */
	color: #333333;
	}

h1 {
	font-size: 1.4em;
	margin-top: 0.5em;
	color: #996600;
	font-weight:normal;
	}

h2 {font-size: 1.2em;
	margin-top: 0.5em;
	color: #996600;
	}

h3 {font-size: 1em;
	margin-top: 0.5em;
	color: #996600;
	}

p, ul, ol {margin-top: 1.1em;}

a {color: #336699;}

a:hover {text-decoration: none;}

ul, ol {margin-left: 3em;}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
	}

hr { display: none; }


#wrapper {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	background:#FFFFFF;
	}


/* Header */

#header1 {
	width: 850px;
	height: 300px;
	margin: 0px auto 0px auto;
	background: url(images/header4.jpg) top right no-repeat #FFFFFF;
	}
	
#header2 {
	width: 850px;
	height: 300px;
	margin: 0px auto 0px auto;
	background: url(images/header5.jpg) top right no-repeat #FFFFFF;
	}


/* Logo */

#logo {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 400px; /*504*/
	height: 150px;
	text-align:center;
	}

#logo h1, #logo h2 {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

#logo h1 {
	margin: 0px;
	padding: 0px;
	padding: 25px 0 0 0px;
	font-size: 50px;
	font-weight: bold;
	color: #616B4F;
	}

#logo h1 a {color: #FFFFFF;}

#logo h2 {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0.4em;
	}

#logo h2 a {color: #FFFFFF;}

#logo a {text-decoration: none;}


/***** header details *****/
#headerdetails {
	margin: 0px 20px 0px 0px;
	padding-top: 42px;
	float: right;
	width:320px;
	font-size:1.5em;
	color:#FFFFFF;
	}

/* Menu */

#menu {
	float:left;
	height:60px;
	padding-top:10px;
	}

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

#menu li {display: inline;}

#menu a {
	display: block;
	float: left;
	margin: 0px;
	padding: 10px 10px;
	text-align: center;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #336699;
	}

#menu a:hover {
	color: #336699;
	text-decoration:none;
	}

#menu .current_page_item a {
	background: #336699;
	color: #ffffff;
	text-decoration:none;
	}

#menu .current_page_item a:hover {
	background: #336699;
	color: #ffffff;
	text-decoration:none;
	}


/* date */
#date {
	margin-top:5px;
	float:right;
	height:60px;
	width:250px;
	font-weight:bold;
	text-align:right;
	}

#date p {
	padding:0px;
	font-size:14px;
	color:#336699;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	}


/* Page */

#page {
	width: 850px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	}

/* content block to the left */

.content_block {
	float: left;
	width: 430px;
	padding: 0px 0px 0px 0px;
	line-height: 25px;
	}

.content_block p {
	font-size:14px;	
	}
	
.content_block ul {
	font-size:14px;
	}

/* Side content */

#sidecontent {
	float: right;
	width: 400px;
	margin-top:15px;
	}

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

#sidecontent li {
	background: #336699;
	}

#sidecontent li ul {
	line-height: 25px;
	padding: 0px 20px 30px 20px;
	background: #336699 url(images/img03a.gif) no-repeat right bottom;
	margin-bottom: 40px;
	}

#sidecontent li li {
	padding: 0px;
	background: #336699;
	color: #DFE6D1;
	}

#sidecontent p {
	font-size:14px;
	}
		
/* bottom content */

#bottomcontent {
	width:850px;
	clear: both;
	background: #336699 url(images/img03a.gif) no-repeat right bottom;
	margin-top:20px;
	padding: 10px 0px 0px 0px;
	color: #DFE6D1;
	}

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

#bottomcontent li {
	display: block;
	float: left;
	width: 250px;
	padding: 15px;
	}

#bottomcontent li ul {
	line-height: 1.8em;
	margin: 0px;
	}

#bottomcontent li li {
	width: 235px;
	display: list-item;
	float: none;
	padding: 0px;
	}

#bottomcontent h2 {
	width: 180px;
	margin: 0px 0px 15px 0px;
	padding: 0px 50px 10px 0px;
	background: url(images/img07.gif) repeat-x left bottom;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	}

#bottomcontent p {color: #DFE6D1;}

#bottomcontent a {
	text-decoration: underline;
	color: #F1F6E8;
	}

#bottomcontent a:hover {
	text-decoration: none;
	}

/* Footer */

#footer {
	width: 800px;
	height: 50px;
	margin: 0px auto;
	padding: 0px 50px 0px 50px;
	background: #FFFFFF;
	}

#footer p {
	margin: 0px;
	padding: 15px;
	text-align: center;
	font-size: 11px;
	color: #909B78;
	}

#footer a {color: #909B78;}

#footer a:hover {color: #336699;}

.clear {clear:both;}

.image_left {
float:left;
}

.image_right {
float: right;
}

#bookmarks img {
	vertical-align:middle;
	}
	
#bookmarks p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	}
#bookmarks a {
	text-decoration:none;
	color:#990000;
	}
	
#bookmarks a:hover {
	text-decoration:underline;
	color:#000066;
	}

/* Form Style */

label{
float: left;
width: 180px;
font-family:Arial, Helvetica, sans-serif;
}

input, textarea, select{
width: 200px;
margin-bottom: 5px;
}

textarea{
width: 200px;
height: 60px;
}

.boxes{
width: 1em;
}

#submit{
margin-left: 180px;
margin-top: 5px;
width: 120px;
}

br{
clear: left;
}

.red {color:#FF0000;} /* for required fields in forms */