body {
font-family : tahoma, helvetica, arial, sans-serif;
margin : 0 0 10px 0;
background : url(images/darkblue-bg.gif);
background-color : #306090;
color : #000;
}
#anchor {
margin:0;
}
#wrapper {
margin : 0;
padding : 0;
}
#wrapper p {
margin : 0;
}
#wrapper ul li {
margin : 0;
}
p.vSpace4 {
line-height : 0;
margin : -16px 0;
}
body img {
border : 0;
text-decoration : none;
}
#container {
margin : 10px auto 10px auto;
padding : 30px;
background-color : #ffffff;
width : 730px;
}
#banner {
background : url(images/sl_logo_1.jpg) no-repeat left center;
padding : 0 10px 10px 10px;
background-color : #fff;
height : 80px;
text-align : center;
border : 0 solid #007778;
vertical-align : middle;
}
#recruit_cont {
position : relative;
left : 260px;
width : 450px;
height : 80px;
float : left;
margin-top : 2px;
background : #fff url(images/recruit-prof.jpg) no-repeat 0% 55%;
}
#content a:link, #footer a:link {
font-weight : bold;
color : #007778;
background-color : transparent;
text-decoration : underline;
}
#content a:visited, #footer a:visited {
font-weight : bold;
color : #bbbbbb;
background-color : transparent;
padding : 0;
text-decoration : underline;
}
#content a:hover, #footer a:hover {
font-weight : bold;
text-decoration : none;
background-color : #007778;
color : #ffffff;
}
#content a:active, #footer a:active {
font-weight : bold;
text-decoration : underline;
background-color : transparent;
color : orange;
}
#footer div.bottomnav a:link, #footer div.bottomnav a:visited {
font-weight : bold;
color : #4ab;
background-color : transparent;
text-decoration : underline;
}
#footer div.bottomnav a:hover {
font-weight : bold;
text-decoration : none;
background-color : #4ab;
color : #ffffff;
}
#footer div.bottomnav a:active {
font-weight : bold;
text-decoration : underline;
background-color : transparent;
color : orange;
}
#footer div.navHome {
position : absolute;
top : -25px;
right : 500px;
}
#footer div.navTop {
position : absolute;
top : -25px;
right : 258px;
}
#footer div.navPrev {
position : absolute;
top : -25px;
right : 0;
}
#content {
margin-left : 190px;
padding : 5px;
text-align : justify;
vertical-align : top;
font-size : 0.9em;
}
#content span {
font-size : 100%;
font-weight : bold;
color : #999;
}
#content br {
line-height : 50%;
}
#content p {
margin : 5px 0;
}
div#note {
margin : 0 100px 0 100px;
font-weight : bold;
font-size : 90%;
}
#content p.office {
font-weight : bold;
color : #007778;
}
#main {
margin-left : -5px;
}
.leftcol {
width : 220px;
float : left;
}
.rightcol {
width : 310px;
float : left;
}
#content p.bullet {
padding : 0 0 0 15px;
}
#content p.bullet span {
color : orange;
margin : 0 5px 0 -15px;
}
#content ul.margin {
margin-left : -15px;
font-size : 115%;
font-weight : bold;
color : #007778;
}
#leftnav {
background : #e6f6f6;
color : #000;
padding : 10px 10px 10px 10px;
margin : 10px 10px 30px 2px;
border : 1px solid #007778;
float : left;
width : 150px;
text-align : left;
font-weight : bold;
}
#leftnav ul {
list-style : none;
margin : 0;
padding : 0;
margin-bottom : 4px;
}
#leftnav li {
list-style : none;
padding : 2px 0;
font-weight : bold;
color : #007778;
}
#leftnav ul li {
text-decoration : none;
margin-top : 2px;
}
#leftnav ul ul li {
padding : 3px 0 3px 5px;
font-size : 80%;
font-weight : normal;
color : #007778;
}
#leftnav img {
margin-top : 5px;
}
span.wcag {
display:none;
}
#rcsa {
margin-top : 10px;
width : 150px;
height : 70px;
background : white url(images/rcsa-logo-1a.jpg) no-repeat 95% 50%;
margin-right : 2px;
}
p.rcsa {
display:none;
margin-top : 0;
width : 147px;
background : transparent;
padding : 2px 0 2px 3px;
font-size : 10px !important ;
font-weight : bold;
color : #550099;
}
p.rcsa span {
color : #4ab;
}*/
#leftspacer div.index {
display:none;
}
div.c2 {
height : 59px;
}
#footer {
position : relative;
margin : 30px auto 0 auto;
border-top : 2px solid #007778;
border-bottom : 2px solid #007778;
background : #fff;
clear : both;
text-align : center;
font-size : 13px !important ;
}
ul#list-ftr {
margin : 3px 0 5px 0;
}
ul#list-ftr li {
display : inline;
list-style-type : none;
}
ul#list-ftr li noscript span {
color : red;
}
hr {
width : 50%;
text-align : center;
border : 1px solid #007778;
height : 1px;
}
h1.seo, h2.seo {
display:none;
}
h1 {
font-size : 2em;
}
h2 {
font-size : 1.5em;
background : #e6f6f6;
color : #007778;
border : 1px solid #007778;
padding : 2px 5px;
text-align : left;
margin : 5px -5px 0 -5px;
}
h2.cv span {
font-weight : normal;
color : #007778;
}
h3 {
font-size : 115%;
font-weight : 600;
color : #007778;
line-height : 80%;
}
h3.sub {
margin : 7px 0;
}
h4.sub {
font-size : 0.95em;
margin : 7px 0;
}
dd {
text-align : justify;
}
.br {
display : block;
margin : 15px 0;
}
/*====== Vacancies Text Files =======*/
#vacancies {
margin-top : 15px;
}
#vacancies p {
font-size : 15px;
text-align : justify;
}
#vacancies p span {
color : #007778;
}
#vacancies p.posName {
font-weight : bold;
}
#vacancies span.pos {
margin-right : 35px;
}
#vacancies span.posTitle {
color : #000;
}
#vacancies span.loc {
margin-right : 32px;
}
#vacancies span.con {
margin-right : 15px;
}
#vacancies p span.bold {
font-weight : bold;
}
#vacancies ul {
line-height:20px;
margin:0 20px 5px -10px;
}
#vacancies hr {
border : 1px solid #aaa;
width : 30%;
text-align : center;
margin : 5px auto;
}
#vacancies td.on {
   background-image: url('images/onhold.gif');
   background-repeat: no-repeat;
   background-position: 50% 50%;*/
}
#vacancies td span.yes {
   display:inline-block;
   margin-left:106px;
   font-weight:normal;
   color:black;
}
#vacancies td span.no {
   display:none;
   margin-left:106px;
   font-weight:normal;
   color:black;
}
/*======= Home Page Text =======*/
div.photo dl {
width : 460px;
margin-left : -8px;
}
div.photo dl dt {
font-size : 140%;
}
div.photo dl dd {
margin : 10px 0;
font-size : 15px;
line-height : 105%;
}

/*======= Contact Form ========*/
#theform {
width : 99%;
margin : 0 -5px 0 -5px;
border : 1px solid #007778;
background : #e6f6f6;
padding : 5px;
text-align : left;
}
#theform table.sl-form td input, textarea {
border : 1px solid #bfe7e7;
}
#theform table.sl-form td {
font-family : tahoma, 'sans serif';
font-size : 90%;
text-align : left;
background : #e6f6f6;
color : #004f50;
}
#theform fieldset {
border-style:none;
border:solid 1px #8bc;
}
#theform legend {
color : #007778;
font-weight:bold;
}
#theform table.sl-form td.descript {
width : 120px;
}
#theform table.sl-form td span {
color : #007778;
font-size : 85%;
font-style : italic;
}
#theform textarea.c3 {
width : 490px;
font-family : tahoma;
font-size : 14px;
}
/*========= Error Page =========*/
.error-page-heading1 {
   font-family: tahoma;
   color: #007778;
   font-size: 1.5em;
   font-weight: bold;
}
.error-page-heading2 {
   font-family: tahoma;
   color: #007778;
   font-size: 1.2em;
   font-weight: bold;
}
.line-closing {
   font-family: tahoma;
   color: #0066CC;
   font-size: 1em;
   font-weight: bold;
}
.line-opening {
   font-family: tahoma;
   color: #0066CC;
   font-size: 1em;
   font-weight: bold;
}
.message-error {
   font-family: tahoma;
   color: #CC3300;
   font-size: 1em;
   font-weight: bold;
}
.message-footer {
   display:none;
   font-family: tahoma;
   color: #000000;
   font-size: .8em;
   font-weight: bold;
}
/*======== End Error Page ========*/
div#map-spacer {
height : 0;
}
div#form-spacer {
height : 0;
}

/*======== Vacancies Menu =======*/
p#vhdr {
font-size : 15px !important ;
font-weight : bold;
color : #007778;
width : 150px;
margin : 5px auto;
text-align : center;
}
ul#leftvac li {
width : 150px;
margin : 0 0 1px 0;
}
ul#leftvac li a {
font-size : 13px !important ;
font-weight : normal;
display : block;
padding : 2px 0 2px 4px;
border : 1px solid #007778;
text-decoration : none;
}
ul#leftvac li a:link {
background : #fff;
color : #000;
}
ul#leftvac li a:visited {
background : #fff;
color : #777;
}
ul#leftvac li a:hover {
background : #4ab;
color : #fff;
}
ul#leftvac li a:active {
background : orange;
color : #fff;
}