body {
	margin:0;
	padding:0;
	background:#fff;
	font: 90% "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	color: #fff;
	line-height: 130%;
}
abbr, acronym { /* acronym and abbr aren't styled in IE per default */
	border-bottom: 1px dotted #58B2CB;
	cursor: help;
}
code {
	color: #7FC4D8;
	font-family: "Lucida Sans Unicode", verdana, helvetica, sans-serif;
}
a {
	color: #fff;
	text-decoration: none;
}
a:active { outline: none; }
a:hover {
	color:#CC0000;
	text-decoration: underline;
	outline: none;
}
a img { border: 0;

	/* round corners for FF, Chrome, Safari (except IE) */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/* shadow for FF, Chrome, Safari (except IE)*/
	-moz-box-shadow: 4px 4px 8px #444;
	-webkit-box-shadow: 4px 4px 8px #444;
	box-shadow: 4px 4px 8px #444;


 }
h2 {
	color:#83cde1;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	line-height: 100%;
}
h3 {
	color:#83cde1;
	font-size: 1.1em;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	line-height: 100%;
}
hr { display:none; }

/* Global Form Styles */
input, textarea{
	background: #fff;
	border: 1px solid #83cde1;
	border-top: 3px solid #83cde1;
}
input:hover, textarea:hover {
	background: #F0FDE2;
	border-top: 3px solid #b1e77a
}
input:focus, textarea:focus {
	background: #FCFFEC;
	border-top: 3px solid #b1e77a
}
.submit { border: 0; width: auto; }
.submit:hover, .submit:active { border:0; }
.radio { background: none; border: 0; }

/* ClearFix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#container {

	width: 100%;
	padding:0;
	margin:0;
	background: #1E1EFF;
	position: relative;
}
#header {
	background: url(../i/lkinstallerslogo.png) 0px -8px no-repeat;
	margin:0;
	height: 80px;
	padding:0;
	color: blue;
}
#header h1 {
	
	height: 80px;
	margin-left: 270px;
	float: left;
	width: 500px;
	position: absolute;
}
#header h1 a {
	position: relative;
	display: block;
	top: 10px;
	left: 10px;
	width: 200px;
	height: 55px;
}
#header h1 a span {
	display: none;
}
#header h3 { display: none; }
#header a#logo1{
	position: absolute;
	top: px;
	left: 600px;
	display: block;
	height: 20px;
	width: 23px;
}
#search {
	padding:0 0 5px 0;
	position: absolute;
	right: 15px;
	top: 5px;
	width: 190px;
}
#search form { margin: 0; }
#search form fieldset {
	border: 0;
	margin:0;
	padding:0;
}
#search form fieldset legend {
	display: none;
}
#search label{
	background: url(../img/search.gif) no-repeat;
	height: 40px;
	width: 32px;
	float: left;
	text-indent: -4000px;
	position: relative;
	display: block;
	cursor: pointer;
}
#search .searchbox {
	border: 1px solid #47A4BE;
	font-size: 14px;
	padding: 3px 0 3px 20px;
	color: #303030;
	float: left;
	width: 150px;
	margin: 10px 0 0 -20px;
}
#content {

	margin:0;
	background: white;
	padding: 10px 0 20px 20px;
	width: 35%;
	float: left;
	border-left: 1px dotted #BBE0EB;
}
#content h2 {
	font-size: 1.7em;
	margin:0;
	font-weight: normal;
	padding: 10px 0 0 0;
	color: #83CDE1;
}
#content h3 {
	padding: 15px 0 0 0;
	clear: both;
	margin: 0;
	color: #83CDE1;
	font-size: 1.1em;
}
#content label {
	font-size: 0.9em;
	cursor: pointer;
}
#content p {
	margin:0;
	padding: 10px 0 5px 0;
	line-height: 150%;
}
#leftcol {
	float:left;
	width: 50%;
	min-width:340px;
	margin:0;
	padding: 10px 0 15px 0;
}
#news, #jobs {
	margin:0 0 10px;
	padding:0 15px 5px 10px;
	border-bottom: 1px dotted #BBE0EB;
}
#jobs p { margin: 10px 15px 10px 15px; }

#leftcol #jobs h2 {
	font-size: 1.7em;
	margin:0;
	font-weight: normal;
	padding: 10px 0 15px 10px;
	color: #83CDE1;
}
#leftcol #recommended {
	width: 155px;
	min-width: 140px;
	float: right;
	margin: 0 15px 0 5px;
	text-align: right;
}
#leftcol #categories {
	width: 200px;
	float: right;
	margin: 0 5px 10px 5px;
}
#leftcol #bydate {
	width: 170px;
	float: right;
	padding: 0;
	margin: 0 5px 0 20px;
}
#leftcol h2, #rightcol h2  {
	padding: 10px 0 10px 0;
	clear: both;
	margin: 0;
	color: #83CDE1;
}
#rightcol h2#features {
	background: url(../img/features.gif) left no-repeat;
	text-indent: -3000px;
	margin: 13px 0 2px 5px;
	padding: 0;
}
#leftcol #recommended ul li p {
	float: right;
	margin:0 5px 0 0;
	width: 60%;
}
#leftcol #recommended ul {
	margin: 0;
	font-size: 0.85em;
	padding:0;
	list-style: none;
}
#leftcol ul li {
	margin: 5px 0 5px 0;
	clear: both;

	padding: 0 0 10px 0;
}
#recommended ul li {
	margin: 5px 0 5px 0;
	clear: both;
	padding: 0 0 10px 0;
}
#leftcol #recommended ul li img {
	border: 1px solid #BBE0EB;
	padding:3px;
	width: 40px;
	height: 50px;
	float: right;
	margin: 3px 5px 0 0;
}
#leftcol #categories ul, #leftcol #bydate ul {
	font-size: 1.0em;
	margin:0;
	padding:0 0 10px;
	list-style: none;
}
#leftcol #categories li, #leftcol #bydate li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #BBE0EB;
}
#leftcol ul li a { color: #4896AC; }
#leftcol #categories a,
#leftcol #bydate a {
	display: block;
	text-decoration: none;
	padding: 3px 5px 3px 10px;
	height: 17px;
}
#leftcol #categories a:hover,
#leftcol #bydate a:hover { background:#F0FDE2; }

/* Main Content Area */
.content {
	float:left;
	width:200px;
	margin:0;
	padding:5px 0 5px 0;
	color: #f0f;
	background: url(../i/indian_sandstone_background.jpg) top left repeat;
	border-right: 1px solid #47A4BE;
	border-bottom: 1px solid #47A4BE;
}
#content dd {
	margin:0;
	padding: 0 0 10px 0;
}
.content h2 {
	padding: 4px 0 2px 0;
	font-size: 1.0em;
	margin: 0 0 0 10px;
}
#content .content-ind {
	width:339px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom: 1px dotted #BBE0EB;
}
#content .ad {
	text-align: center;
	border: 0;
}
#content .content-ind h2 {
	margin: 0 0 5px 0;
	line-height: 130%;
}
#content .content-ind p {
	padding: 5px 10px 0 0;
	margin: 0 0 10px 0;
}
#content .content-ind .img img {
	border: 3px solid #BBE0EB;
}
#content .content-ind .posted a {
	color: #4896AC;
}
#content .content-ind .posted {
	margin-top: 5px;
	width: 300px;
}
#content .content-ind .author {
	padding: 0 0 0 10px;
}
#content .content-ind .author a {
	color: #dcb20c;
}
#content .content-search {
	width:319px;
	margin:0;
	padding:0 10px 10px 10px;
	border-bottom: 1px dotted #BBE0EB;
}
#content .content-search img {
	margin: 15px 0 0 0;
	border: 3px solid #BBE0EB;
}
#content .content-search .posted a {
	color: #4896AC;
}
#entries .posted, #content .posted {
	margin:0 10px 0 10px;
	padding: 2px 4px 3px 5px;
	text-align:left;
	width: 200px;
	font-size: 0.9em;
}
#entries .img {
	padding-left:1px;
	padding-right:1px;
}
#entries .img img {
	padding: 2px;
	border: none;
	background: #fff;


	
}
#entries h2 {
	margin-left: 10px;
	padding: 3px;
	border: none;
	background: #fff;
	color: blue;
	width: 180px;
}
#entries p {
	margin-left: 10px;
	padding: 3px;
    font-size: 0.9em;
	padding: 3px;
	border: none;
	background: transparent;
	color: blue;
	width: 180px;
}

.content a { color: #00f; }
.posted a { color: #4896AC; }

/* ----- Icons, etc ----- */
.date {
	background:url(../img/date.gif) left no-repeat;
	padding-left:18px;
	padding-right: 3px;
	float:right;
}
.time {
	background:url(../img/clock.gif) left no-repeat;
	padding-left:16px;
	float:right;
	margin-right:10px;
}
.permalink {
	background:url(../i/tick.png) left no-repeat;
	padding-left:18px;
}
.permalink_recent {
	background:url(../img/permalink.gif) right no-repeat;
	padding-right:18px;
}
.comments {
	background:url(../img/comment.gif) left no-repeat;
	padding-left:16px;
	float:left;
}
.comments a { color: #0ff; }

#rightcol {
	float: left;
	width:20%;
	padding-top: 20px;
	}
.imgright{
	padding-left:10px;
	padding-right:10px;
	color: #0000ff;
}
.contentright{
	
	padding-left:10px;
	padding-right:10px;
	color: #fff;
}






#jobs ul, #rightcol ul, #content ul {
	margin:0;
	padding:10px 0 10px 20px;
}
#jobs li, #rightcol li, #content li {
	list-style: none;
	background: url(../i/bluefade.jpg) 0px 6px no-repeat;
	padding: 0 15px 8px 13px;
	font-size: 0.9em;
}
#rightcol p {
	margin:0;
	color: #4896AC;
}

/* NAVIGATION =========================================== */
#nav {
	font-size: 0.9em;
	margin: 0;
	float: left;
	margin: 0;
	position: absolute;
	top: 44px;
	left: 215px;
	width: 580px;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	display:inline;
	margin:0 2px 0 0;
	padding:0;
}
#nav a {
	float:left;
	background: transparent url("../img/tabs-left.gif") no-repeat left top;
	background-position: -1000px 0%;
	margin:0 1px 0 0;
	padding:0 0 0 2px;
	text-decoration:none;
	color: #0000ff;
}
#nav a span, #nav #current span {
	float:left;
	display:block;
	background: transparent url("../img/tabs-right.gif") right top no-repeat;
	padding:3px 9px 3px 6px;
}

#nav a:active {
	float:left;
	color:red;
	display:block;
	background: transparent url("../img/tabs-right.gif") right top no-repeat;
	padding:3px 9px 3px 6px;
}


/* hide from Mac IE5 \*/
#nav a span {float:none;}
/* end hack */

#nav #monster, #nav #share {
	padding:3px 0 3px 0;
	overflow: hidden;
}
#nav #monster {
	background: url(../i/bluefade.jpg) no-repeat;
	width: 65px;
	text-indent: -3000px;
}
#nav #share {
	
	width: 85px;
	text-indent: -3000px;
	color: #f0f;
}
#nav #monster:hover { background-position: 0 -22px; }
#nav #share:hover { background-position: 0 -22px; }
#nav #current a { background-position:0 -300px; }
#nav #current a span, #nav #current span {
	background-position:100% -300px;
	padding-bottom:3px;
	color:#f0f;
}
#nav #current #monster { background-position: 0 -44px; }
#nav a:hover { background-position:0% -150px; }
#nav a:hover span {
	color: #f0f;
	background-position:100% -150px;
}
#nav #current a:hover { background-position:0% -300px; }
#nav #current a:hover span {
	color: #f0f;
	background-position:100% -300px;
}

/* Sub Nav*/
#subnav {
	font-size: 0.9em;
	margin: 0;
	width: 100%;
	border-top: 1px solid #A8DCEA;
	position: relative;
	z-index: 10;
}
#subnav ul {
	margin:0;
	padding:3px 0 0 0;
	list-style:none;
	text-align: center;
	background: #83CDE1;
	height: 20px;
}

#subnav li {
	display:inline;
	margin:0;
	padding: 0 10px 0 10px;
}
#subnav li a {
	color: #fff;
	padding: 0 4px 1px 4px;
}
#subnav #onjobs a { font-weight: bold; }
#subnav #onjobs a:hover { text-decoration: none; }

/* Location Cloud */
#cloud {
	float: right;
	width: 120px;
	height: 600px;
	margin: 0 15px 0 0;
	text-align: right;
}
#cloud ul {
	list-style: none;
	margin:0
}
#cloud ul li {
	background: none;
	padding: 2px 3px 2px 0;
	height: auto;
	float: none;
}
#cloud a { display: block; }
#cloud a:hover {
	text-decoration: none;
	color: #dcb20c !important;
}
#cloud a.ford {font-size: 1em; color: #7cc92d; position: absolute; top: 640px; left: 220px;}
#cloud a.arundel {font-size: 1.2em; color: #7cc92d; position: absolute; top: 600px; left: 200px;}
#cloud a.chichester {font-size: 2em; color: #7cc92d; position: absolute; top: 670px; left: 0px;}
#cloud a.slindon {font-size: 1em; color: #7cc92d; position: absolute; top: 630px; left: 130px;}
#cloud a.bognor {font-size: 1.5em; color: #8fd448; position: absolute; top: 740px; left: 10px;}
#cloud a.littlehampton {font-size: 1.4em; color: #8fd448; position: absolute; top: 720px; left: 80px;}
#cloud a.rustington {font-size: 1.6em; color: #80cb31; position: absolute; top: 700px; left: 220px;}
#cloud a.eastpreston {font-size: 1.2em; color: #88d13f; position: absolute; top: 680px; left: 250px;}
#cloud a.angmering {font-size: 1.2em; color: #99da56; position: absolute; top: 650px; left: 300px;}
#cloud a.ferring {font-size: 1em; color: #8fd448; position: absolute; top: 660px; left: 340px;}
#cloud a.goring {font-size: 1em; color: #8fd448; position: absolute; top: 640px; left: 360px;}
#cloud a.durrington {font-size: 1em; color: #8fd448; position: absolute; top: 650px; left: 350px;}
#cloud a.salvington {font-size: 1em; color: #8fd448; position: absolute; top: 600px; left: 330px;}
#cloud a.worthing {font-size: 1.8em; color: #8fd448; position: absolute; top: 700px; left: 350px;}
#cloud a.lancing {font-size: 1.2em; color: #8fd448; position: absolute; top: 680px; left: 400px;}
#cloud a.shoreham {font-size: 1.3em; color: #8fd448; position: absolute; top: 700px; left: 500px;}
#cloud a.hove {font-size: 1.8em; color: #8fd448; position: absolute; top: 680px; left: 550px;}
#cloud a.brighton {font-size: 2em; color: #8fd448; position: absolute; top: 720px; left: 580px;}
#cloud a.peacehaven {font-size: 1.3em; color: #8fd448; position: absolute; top: 740px; left: 650px;}

#cloud a.horley {font-size: 1em; color: #8fd448; position: absolute; top: 300px; left: 440px;}

#cloud a.gatwick {font-size: 1.1em; color: #8fd448; position: absolute; top: 320px; left: 430px;}
#cloud a.crawley {font-size: 1.5em; color: #8fd448; position: absolute; top: 340px; left: 440px;}
#cloud a.horsham {font-size: 1.6em; color: #8fd448; position: absolute; top: 420px; left: 430px;}

#cloud a.eastergate {font-size: 1em; color: #8fd448; position: absolute; top: 650px; left: 80px;}
#cloud a.felpham {font-size: 1em; color: #8fd448; position: absolute; top: 700px; left: 50px;}
#cloud a.midhurst {font-size: 1em; color: #8fd448; position: absolute; top: 690px; left: 80px;}


#cloud a.storrington {font-size: 1em; color: #8fd448; position: absolute; top: 550px; left: 350px;}
#cloud a.westchiltington {font-size: 1em; color: #8fd448; position: absolute; top: 580px; left: 270px;}
#cloud a.pulborough {font-size: 1em; color: #8fd448; position: absolute; top: 500px; left: 350px;}
#cloud a.findon {font-size: 1em; color: #8fd448; position: absolute; top: 600px; left: 430px;}






/* Extra Info Boxes on FOoter */
#scontent {
	background: #0000aa;
	border-top: 2px solid #46A4BE;
	margin:0;
	padding:0 0 25px 100px;
	font-size: 0.9em;
}
#scontent a { color:#fff; }
#scontent #info1 #jobstable tr.row1 { background: none; }
#scontent #info1 #jobstable tr:hover,
#scontent #info1 #jobstable tr.row1:hover { background: #5AB6D0; }
#scontent #info1 {
	width: 30%;
	float: left;
	padding: 0;
	margin: 0;
}
#scontent #info1 #jobstable {
	padding: 0;
	border-collapse: separate;
	border-spacing: 0;
	color: #fff;
}
#scontent #info1 #jobstable a {
	font-weight: bold;
	display: block;
}
#scontent #info1 #jobstable td {
	border-bottom: 1px dotted #fff;
	padding: 3px;
	vertical-align: top;
}
#scontent #info1 h2, #scontent #info2 h2, #scontent #info3 h2 {
	padding: 0 0 3px 0;
	margin: 20px 0 10px 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #ffffcc;
	border-bottom: 1px dotted #ffffcc;
}

#scontent img {
	padding: 0 0 3px 0;
	margin: 20px 0 10px 0;
	font-size: 1.4em;
	font-weight: normal;
	color: #ffffcc;
}



#scontent #info1 #jobstable th { display: none; }
#scontent #info1 #jobstable td.prevpage,
#scontent #info1 #jobstable td.jobdesc,
#scontent #info1 #jobstable td.nextpage,
#scontent #info1 #jobstable td.jobdate,
#scontent #info1 #jobstable td.jobdesc { display: none; }

#scontent #info1 #jobstable td.jobdate,
#scontent #info1 #jobstable td.jobloc { width: auto; }
#scontent #info2 {
	width: 30%;
	float: left;
	padding:0;
	margin: 0 0 0 35px;
}
#scontent #info3{
	width: 20%;
	float: left;
	margin: 0 0 0 35px;
}
#scontent #info3 p { color:#fff; }
#scontent #info1 ul, #scontent #info2 ul, #scontent #info3 ul {
	padding:0;
	margin: 0 0 0 10px;
	list-style: none;
}
#scontent #info1 ul li, #scontent #info3 ul li {
	background: url(../img/news-icon.gif) 0 5px no-repeat;
	padding: 0 0 3px 17px;
}
#scontent #info2 ul li {
	background: url(../img/bubble.gif) 0 4px no-repeat;
	padding: 0 0 2px 17px;
}
#scontent #info2 ul li a { display: block; }

/* footer */
#footer {
	margin:0;
	padding:0;
	border-top: 1px solid #BBE0EB;
	clear: both;
	font-size: 0.8em;
	background:  #000099;
	color: #A1DCEA;
}
#footer p {
	padding: 15px 0 15px 0;
	text-align: center;
	margin:0;
	border-top: 1px solid #83CDE1;
}
#footer a { color: #fff; }

a.top-btn {
	position: relative;
	bottom: 25px;
	left: 90%;
	display: block;
	width: 24px;
	text-indent: -3000px;
	background: url(../img/top.gif) no-repeat;
}
a.top-btn:hover { 
	background: url(../img/tophover.gif) no-repeat;
	text-decoration: none;
}
a#mediatemple {
	position:absolute;
	top: 12px;
	left: 212px;
	background: url(../img/mediatemple.gif) 0 0 no-repeat;
	display: block;
	width: 115px;
	height: 14px;
	text-indent: -5000px;
	line-height: 0px;
}
a#mediatemple:hover { background-position: 0 -14px; }

#formpage {
width: 800px;
padding: 20px;
color: white;
background-color: blue;

}