body{
	margin:0px;
	padding:0px;
	font-family:Arial, Verdana, sans-serif;
	font-size:13px;
	background-attachment: fixed;
	background-image: url(images/edging.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #EAEAEA;
	overflow: scroll;
}


p{line-height:160%;}
	
h3{color:#000000;}

img{border:0;}

.box{border:1px solid #ddd;padding:10px;}

#wrapper{
	width:770px;
	margin: auto;
}
#wrapper .inner{padding:0px 5px;}

#header{
	width:100%;
	height:40px;
	position:relative;
}

#header .nav-holder{
	float:right;
	border:0px solid #DBDBDB;
	margin-top:0px;
	_margin-bottom:-1px;
	margin-right:55px;
	position:relative;
}

#header .nav-holder .left-corner{position:absolute;top:-1px;left:-1px;width:4px;height:4px;background url(/images/f10439/template/nav-corner-l.png?1204021856) no-repeat;}

#header .nav-holder .right-corner{
	position:absolute;
	top:-1px;
	right:-1px;
	width:4px;
	height:4px;
	background:url(/images/nav-corner-r.png) no-repeat;
}

#header .nav-holder ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#header .nav-holder ul li{
	margin:0px;
	padding:0px;
	float:left;
	height:40px;
	border-top:0px solid #FFFFFF;
	;
	background-image: url(http://www.essential-media.co.uk/images/nav-bg1.png);
	text-decoration: none;
	background-repeat: repeat-x;
}
#header .nav-holder ul li a{
	display:block;
	padding:5px 14px;
	_padding:12px 14px;
	_margin-bottom:-1px;
	color:#393939;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
}
#header .nav-holder ul li a:hover{
	text-decoration:none;
	color:#FFFFFF;
	background:#f16601;
}
#header .nav-holder ul li a.left{
	border-left:0px solid #FFFFFF
}
#header .nav-holder ul li a.right{
	border-right:0px solid #FFFFFF;
}
#header .nav-holder ul li a.selected{
	color:#FFFFFF;
	background:#4CA7F8;
}
#header .nav-holder ul li a.left_selected{
	border-left:0px solid #FFFFFF;
	color:#FFFFFF;
	background:#F16601;
}
#header .nav-holder ul li a.right_selected{
	border-right:0px solid #FFFFFF;
	color:#FFFFFF;
	background:#4CA7F8;
}

#banner{
	width:100%;
	height:97px;
	position:relative;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	margin-top: 5px;
}
#banner .cloud-left{
	width:274px;
	height:101px;
	position:absolute;
	left:0px;
	background:url(/images/cloud-left.png);


*background:url();*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/f10439/template/cloud-left.png', sizingMethod='image');			background-image: url(/images/cloud-left.png);
}
#banner .cloud-right{
	width:279px;
	height:101px;
	position:absolute;
	right:0px;
	background:url(/images/cloud-right.png);
*background:url();*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/f10439/template/cloud-right.png', sizingMethod='image');}
#banner p{
	margin:10px;
	padding:10px;
	position:absolute;
	line-height:110%;
	color:#FFFFFF;
	top:5px;
	left:30px;
	font-size:13px;
	width: 531px;
}

#content{
	margin:20px 0px;
	overflow:visible;
}
#content ul li{margin-bottom:8px;line-height:160%;}

#footer {/* Begin laying out and styling the content div */
	background-color: transparent;/* no background colour required*/
	width: 700px;
	border-top:1px solid #D0D0D0;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	font-size: 10px;
	color: #666;
	margin-left: 30px;
	clear: both;
}


#content2 {/* Begin laying out and styling the content div */
	background-color: transparent;/* no background colour required*/
	width: 670px;
	margin: 0px 30px 10px 52px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}

#content2 h1 {
	font-size: 18pt;/* sets the margins*/
	padding-top: 0px;/* adds padding to the top to give a little clearance below the banner*/
	color: #0093D0;/* set the colour for the text*/
	font-style: normal;/* sets the font weight to slightly less than bold - Where this isn't supported it seems mainly to default to normal - to make the text bold, if that is your wish, you can simply remove this property*/
	font-weight: 300;
}
#bloghead {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #0093D0;
}


#content2 h2 {
	font-family: Arial, Helvetica, sans-serif;/* adds the top padding to move it down from elements above - could be done with a top margin*/
	color: #0093D0;/* sets the font colour*/
	font-style: normal;/* sets the font style*/
	font-weight: 400; /* sets the font weight to slightly less than bold - Where this isn't supported it seems mainly to default to normal - to make the text bold, if that is your wish, you can simply remove this property*/
	font-size: 16px;
	margin-top: 30px;
}

#content2 h3 {
	font-family: Arial, Helvetica, sans-serif;/* adds the top padding to move it down from elements above - could be done with a top margin*/
	color: #0093D0;/* sets the font colour*/
	font-style: normal;/* sets the font style*/
	font-weight: 400; /* sets the font weight to slightly less than bold - Where this isn't supported it seems mainly to default to normal - to make the text bold, if that is your wish, you can simply remove this property*/
	font-size: 14px;
	margin-top: 30px;
}

#content2 a {/* Styles the links within the footer */
	text-decoration: none; /*keeps the underline*/
}

/* sets the inline links in the #content div if required*/
#content2 a:link, a:visited{
	color: #0093D0
	; /*sets the link and visited text color*/
	background-color: transparent;/* no background color required*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#content2 a:hover, a:focus{
	color: #0093D0;/* sets the text color for hover and focus*/
	text-decoration: underline;/*removes the underline*/
}

.button{
	background-color: #0093D0;/*changes the default background colour from the input styling*/
	color: #fff;/*changes the default colour from the input styling*/
	width: 80px;/*changes the default width colour from the input styling*/
	margin-top: 20px;/*adds a little sapce between the bottom input and the buttons*/
	display: inline;/*allows the buttons to sit side by side by, over ruling the display: block; on the input selctor*/
}

.buttong{
	background-color: #0093D0;/*changes the default background colour from the input styling*/
	color: #fff;/*changes the default colour from the input styling*/
	width: 80px;/*changes the default width colour from the input styling*/
	display: inline;
}

#google{
	width: 300px;
	float: right;
}

#myLayersId {
	display: none;
}

#myLayersIdButton1 {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

#myLayersIdButton2 {
	display: none;
	padding-top: 20px;
	padding-bottom: 20px;
}
#bloghead_date {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
}

#bloghead_date2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #0093D0;
}

#bloghead_date_org {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #0093D0;
}

#imageright {
	float: right; /* Floats the div to the left to make a column */
	width: 200px; /*creates a margin on the left to move the div away from the pages edge*/
	background-color: transparent; /* no colour required for the bg colour*/
	margin-top: 50px;
	padding-left: 30px;
}

.portraitright {
	float:right;
	padding: 0, 0, 10px, 10px;
}
#recaptcha_image {
	margin: 10px 0 10px 0;

}
