/* -------------------------
RecruitmentAgency.org - Screen Styles
version:1.1
last update:11 August 2006
author:Andy Gosling
email:andy@ecru.co.uk
---------------------------- */
/* general layout
---------------------------- */

* {
/* global white space reset */
padding:0;
margin:0;
}

body {
font:81.25%/150% Tahoma, "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
background-color:#FFF;
color:#666;
text-align:center;
}

#wrapper {
width:740px;
margin:0 auto;
text-align:left;
}

#divLeft {
float:left;
width:160px;
margin-top:2px;
}

#middleCol {
float:left;
width:370px;
margin-left:10px;
margin-top:0;
}

#rightCol {
float:left;
width:160px;
margin-left:10px;
}

#footer {
clear:both;
background:transparent url("../images/dot_rule.gif") repeat-x left top;
margin:20px 0;
padding-top:5px;
}

.clear {
clear:both;
height:0;
}

/* header adverts
--------------------------------- */

#headerAdverts {
background-color:#fff;
border-top:1px solid #FFA200;
padding-top:12px;
padding-bottom:0;
margin-bottom:0px;
}

/* =header
------------------------------------ */

#headerBar {
background:#8DCC18 url("../images/header_bg.gif") repeat-x;
height:83px;
}

#headerContainer {
position:relative;
width:740px;
height:83px;
margin:0 auto;
text-align:left;
}

#headerContainer #logo {
position:absolute;
width:259px;
height:83px;
background:transparent url("../images/logo.gif") no-repeat;
top:0;
left:10px;
text-indent:-1000em;
}

#headerContainer #strapline {
position:absolute;
width:263px;
height:27px;
background:transparent url("../images/strapline.gif") no-repeat;
top:43px;
right:10px;
text-indent:-1000em;
}

/* header menu */

#headerContainer ul {
position:absolute;
top:5px;
right:10px;
list-style:none;
}

#headerContainer li {
display:inline;
font-size:0.88em;
color:#FFF;
border-left:1px solid #B5E118;
padding-left:5px;
margin-left:2px;
}

#headerContainer li.first {
border-left:none;
padding-left:0;
margin-left:0;
}

#headerContainer ul a:link, #headerContainer ul a:visited {
color:#FFF;
text-decoration:none;
}

#headerContainer ul a:hover, #headerContainer ul a:active {
color:#FFF;
border-bottom:1px solid #FFF;
}

/* left column
------------------------ */

#mainMenu h2 {
font-size:1.3em;
line-height:1.3em;
font-weight:normal;
color:#9FD513;
margin:0 0 0.5em 10px;
}

/* primary menu items */

#mainMenu ul {
list-style:none;
margin-bottom:7px;
padding-bottom:20px;
background:transparent url("../images/dot_rule_menu.gif") repeat-x left bottom;
}

#mainMenu li {
font-size:0.8em;
line-height:1.3em;
margin-bottom:5px;
}

/* secondary menu items */

#mainMenu ul li ul {
background:none;
margin-bottom:0;
padding-bottom:0;
margin:5px 0 0 10px;
}

#mainMenu li ul li {
font-size:0.88em;
}

/* tertiary menu items */

#mainMenu ul li ul ul li ul {
}

#mainMenu li ul li ul li {
font-size:1em;
}

/* selected menu item */

#mainMenu li#selected {
background:transparent url("../images/bullet_green.gif") no-repeat 0 0.52em;
}

/* menu hyperlinks */

#mainMenu li a:link, 
#mainMenu li a:visited {
color:#666;
text-decoration:none;
padding:0 0 0 10px;
}

#mainMenu li a:hover, 
#mainMenu li a:active {
color:#000;
padding:0 0 0 10px;
}

#mainMenu li ul li a {
background:transparent url("../images/child.gif") no-repeat 0 0.2em;
}

/* left column adverts */

#leftColAds {
padding:0 0 0 10px;
}

/* middle column
------------------------------ */

/* typography */

#middleCol abbr, #middleCol acronym {
cursor:help;
border-bottom:1px dotted;
}

#middleCol p {
font-size:1em;
margin:0 0 1em 0;
}

#middleCol h1 {
font-size:1.8em;
font-weight:bold;
letter-spacing:-0.05em;
line-height:1.2em;
color:#2E5E0F;
margin:0 0 0.5em 0;
}

#middleCol h2 {
font-size:1.5em;
letter-spacing:-0.05em;
font-weight:normal;
line-height:1.2em;
color:#9FD513;
margin:0 0 0.5em 0;
}

#middleCol h3 {
font-size:1.3em;
font-weight:normal;
font-style:italic;
line-height:1.2em;
color:#2E5E0F;
margin:0 0 0.7em 0;
}

#middleCol h4 {
font-size:1.3em;
font-weight:normal;
line-height:1.2em;
color:#2E5E0F;
margin:0 0 0.8em 0;
}

#middleCol h5 {
font-size:1em;
font-weight:bols;
line-height:1.1em;
color:#2E5E0F;
margin:0 0 0.9em 0;
}

#middleCol h6 {
font-size:1em;
font-weight:normal;
line-height:1.2em;
color:#9FD513;
margin:0 0 1em 0;
}

#middleCol strong {
font-weight:bold;
}

/* hyperlinks */

#middleCol a:link, #middleCol a:visited {
color:#FF7C00;
text-decoration:none;
}

#middleCol a:hover, #middleCol a:active {
color:#2E5E0F;
}

/* breadcrumb */

#breadcrumb p {
font-size:0.88em;
}

/* lists */

#middleCol ul {
list-style:none;
margin:0 0 1em 1em;
}

#middleCol ul li {
background:transparent url("../images/bullet_green.gif") no-repeat 0 0.58em;
padding-left:10px;
}

#middleCol ol {
margin:0 0 1em 3em;
}

/* blocklists */

#divList1 {
float:left;
width:200px;
height:100px;
overflow:auto;
margin:10px
}

#divList2 {
float:left;
width:200px;
height:100px;
overflow:auto;
margin:10px;
}

#divList3 {
float:left;
width:200px;
height:100px;
overflow:auto;
margin:10px;
}

#divList4 {
float:left;
width:200px;
height:100px;
overflow:auto;
margin:10px;
}

#divList5 {
float:left;
width:200px;
height:100px;
overflow:auto;
margin:10px;
}

/* layout */

img.rangeLeft {
float:left;
}

img.rangeRight {
float:right;
}

.rule {
clear:both;
background:transparent url("../images/dot_rule.gif") repeat-x;
height:1px;
margin:1em 0 1em 0;
}

/* right column
---------------------------------- */

#rightCol #rightColAds {
padding:10px 0 5px 5px;
}

/* footer
---------------------------------- */

#footer {
color:#999;
font-size:0.88em;
}

/* hyperlinks */

#footer a:link, #footer a:visited {
color:#FF7C00;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#2E5E0F;
}