* {padding: 0; margin: 0;}
.clearfix {display: block; clear: both;}
div {border: 0px dotted #FF9900;}

body {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.0em; color: #555555; background: #FB6B07;}

#wrapper {float: left; width: 100%; margin: 0 auto;}
#headerwrap {float: left; width: 100%; padding: 10px 0 0 0; background: #FFFFFF; border-bottom: solid 3px #fb6b07;}
#header {width: 960px; height: 115px; background: url(/images/bg-header.png) no-repeat left; margin: 0 auto;}
#splashwrap {float: left; width: 100%; background: #0579A8 url(/images/kingfisher-layout-banner-repeat.png) bottom; border-bottom: solid 3px #fb6b07;}
#splash {width: 960px; height: 170px; margin: 0 auto;}
#contentwrap {float: left; width: 100%; background: #FFFFFF; padding: 20px 0;}
#content {width: 940px; font-size: 0.9em; padding: 0 10px; background: #FFFFFF; margin: 0 auto;}
#main {float: left; width: 680px; }
#phone {float: left; width: 680px; }
#sidebar {float: right; width: 240px; }
#footerwrap {float: left; width: 100%; background: #FB6B07; border-top: 3px solid #0579A8;}
#footer {width: 940px; font-size: 0.9em; padding: 0 10px; margin: 0 auto;}

h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; color: #FB6B07; margin: 0 0 10px 0;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; color: #FB6B07; margin: 0 10px 10px 0; }
h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #555555; margin: 20px 0 10px 0;}
h4 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; color: #555555; margin: 0 0 10px 0;}
p { line-height: 1.5em; margin: 15px 0 15px 0;}
p.note {font-size: 0.8em; padding: 9px; border: 1px dotted #FF0000;}
a:link {color: #006699;}
a:visited {color: #006699;}
a:hover {color: #555555;}
a:active {color: #006699;}
ul,ol {margin: 0 0 15px 20px;}
li {line-height: 1.5em;}

.phone {float: left; width: 100%; height: 80px; font-family: Georgia, "Times New Roman", Times, serif; color: #fb6b07; text-align: right; margin-top: 5px;}
.phonenumber {font-size: 2.0em;}

ul.nav {float: right; width: auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.8em; list-style: none; margin: 0;}
ul.nav li {float: left; width: auto; display: inline; width: auto; margin: 0 0 0 3px;}
ul.nav li a {float: left; display: block; width: auto; height: 30px; text-decoration: none; line-height: 30px; padding: 0 20px 0 10px; -moz-border-radius-topleft: 4px; -webkit-border-radius-topleft: 4px;}
ul.nav li a:link {color: #FFFFFF; background: #0579A8 url(/images/bg-nav.gif);}
ul.nav li a:visited {color: #FFFFFF; background: #0579A8 url(/images/bg-nav.gif);}
ul.nav li a:hover {color: #FFFFFF; background: #555555;}
ul.nav li a:active {color: #FFFFFF; background: #0579A8;}

body#home .nhome {background: #FB6B07;}
body#jobs .njobs {background: #FB6B07;}
body#services .nservices {background: #FB6B07;}
body#candidates .ncandidates {background: #FB6B07;}
body#employers .nemployers {background: #FB6B07;}
body#about .nabout {background: #FB6B07;}
body#contact .ncontact {background: #FB6B07;}

/* SPLASH banner quote */
#splash blockquote {width: 53%; float: left; margin: 20px 10px; background: url(images/quote-start.gif) left top no-repeat;} 
#splash blockquote div {background-color: aqua; padding: 0; margin: 0; background: url(images/quote-end.gif) right bottom no-repeat; padding: 20px 20px 14px 15px;} 
#splash blockquote h1 {font-size: 1.4em; color: #FFFFFF; padding: 0 50px 0 50px;} 
#splash.home { background: url(/images/kingfisher-layout-banner.jpg) right;}
#splash.about { background: url(/images/kingfisher-layout-banner-2.jpg) right;}
#splash.services { background: url(/images/kingfisher-layout-banner-2.jpg) right;}
#splash.candidates { background: url(/images/kingfisher-layout-banner-3.jpg) right;}
#splash.employers { background: url(/images/kingfisher-layout-banner-5.jpg) right;}
#splash.contact { background: url(/images/kingfisher-layout-banner-4.jpg) right;}
#splash.terms { background: url(/images/kingfisher-layout-banner-5.jpg) right;}

/* breadcrumbs */
.crumbs {font-size: 0.8em;}

/* columns */
.col300 {float: left; width: 100%; margin: 0 0 20px 0;}
.col300a {float: left; width: 300px; margin: 0 20px 0 0;}
.col300b {float: left; width: 300px;}
.col300c {float: right; width: 300px;}
.col460 {float: left; width: 100%; margin: 0 0 20px 0;}
.col460a {float: left; width: 460px;}
.col460b {float: right; width: 460px;}

/* jobs */
ul.maincats {float: left; width: 100%; list-style: none; margin: 0 0 10px 0;}
ul.maincats li {float: left; width: 25%; margin: 0 0 5px 0;}
ul.details {float: left; width: 100%; font-size: 0.9em; list-style: none; border-top: 1px dotted #C0C0C0; margin: 0 0 15px 0;}
ul.details li {float: left; width: 50%; padding: 7px 0 7px 0; border-bottom: 1px dotted #C0C0C0;}
ul.details li strong {float: left; width: 35%;}
a.add { display: block; padding: 0 0 0 21px; background: url(/images/icon-add.gif) no-repeat left;}
a.delete { display: block; padding: 0 0 0 21px; background: url(/images/icon-delete.gif) no-repeat left;}

/* sidebar */
ul.cats {font-family: Georgia, "Times New Roman", Times, serif; list-style: none; border-top: 1px dotted #0579A8; margin: 0 0 20px 0;}
ul.cats li {border-bottom: 1px dotted #0579A8; }
ul.cats li a {display: block; text-decoration: none; padding: 5px 10px;}

/* tables */
table.general {float: left; width: 100%; font-size: 0.85em; margin: 0 0 20px 0;}
table.general th {padding: 7px 5px; text-align: left; color: #FFFFFF; background: #0579A8 url(/images/bg-nav.gif); border-bottom: 1px solid #000000;}
table.general td {padding: 10px 5px; border-bottom: 1px solid #F5F5F5;}
table.general tr.row1 {background: #F9F9FF;}
table.general tr.row2 {background: #E9E9FF;}
table.general tr.row1:hover {background: #FFFFCC;}
table.general tr.row2:hover {background: #FFFFCC;}
table.general td.name {font-weight: bold;}

/* forms */
.contact {}
.contact div {width: 100%; padding: 0 0 15px 0;}
.contact span {float: left; width: 33%;}
.contact textarea {background-color: #e9f2f6; border: 1px solid #aaa;}
.contact .text {background-color: #e9f2f6; border: 1px solid #aaa;}
.contact .captcha  {background-color: #e9f2f6; border: 1px solid #aaa; margin-top: 10px;}
.contact .submit {background-color: #e9f2f6; border: 1px solid #aaa;}
.contact .file {background-color: #e9f2f6; border: 1px solid #aaa; margin: 0 10px 0 0;}
#footer .mailinglists {float: right; width: 50%; text-align: right;}

/* footer bits */
#footer p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; color: #FFFFFF; padding: 10px 0; margin: 0;}
#footer a {color: #FFFFFF;}
#credit, #credit a {font-size:12px; color: #eee;}
.float-left {float:left; margin: 0 60px 0 0;}
