/* CSS Document */
html, body {
margin: 0;
padding: 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #000;
background: #fff;
}
#container {
text-align: left;
background: #FFF url(../images/sidebar_bg.gif) repeat-y 0 0;
}
#contentwrap {
width: 779px;
}
#header {
height: 137px;
border-bottom: 1px solid #FFF;
background: #b8d2ed url(../images/header_image1.jpg) no-repeat 0 0;
}
#contentouter {
width: 590px;
float: right;
padding-bottom: 20px;
line-height: 140%;
}
#contentouter li {
padding: 10px 0;
}
.padding {
padding: 20px;
}
#navbar {
float: left;
width: 184px;
background: url(../images/nav_bg.gif) no-repeat 30px 10px;
}
#footer {
clear: both;
padding: 5px 0 5px 200px;
background: #A9C6EA;
}
#textsize {
position: absolute;
top: 120px;
line-height: 10px;
left: 600px;
background: url(../images/textsize.gif) no-repeat 0 0;
padding-left: 30px;
font: bold 0.85em Arial, Helvetica, sans-serif;
}
#contentouter #textsize a { color: #115D99; }
/********* Link Styles *********/
a {
color: #0263A9;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
/********* Logo Styles *********/
.hide {
display: none;
}
#logo a {
display: block;
width: 169px;
height: 104px;
background: url(../images/logo.gif) no-repeat 0 0;
}
#logo a img {
display: none;
}
/********* Navigation Styles *********/
#navbar ul {
margin: 0;
padding: 0;
list-style: none;
}
#navbar ul li {
display: inline;
margin: 0;
padding: 0;
position: relative;
z-index: 100;
}
#navbar ul li a {
display: block;
width: 185px;
padding: 10px 5px 10px 10px;
color: #06538B;
font-size: .95em;
font-weight: bold;
text-decoration: none;
}
#navbar ul li.last a {
border-right: none;
}
#navbar ul li ul a:hover, #navbar ul li.li_selected ul a {
color: #06538B;
text-decoration: none;
}
#navbar ul li a:hover, #navbar ul li.li_selected a {
color: #fff;
text-decoration: none;
}
#navbar ul li ul li.li_selected a, #navbar ul li ul li.li_selected a {
color: #06538B;
background-color: #ccc;
text-decoration: none;
}
#navbar .lcm {
font-size: 80%;
padding: 20px;
clear: both;
}
#navbar .side,
#navbar .adobe {
padding: 20px 20px 0;
font-size: 80%;
}
#navbar .adobe p { clear: both;}
/********* Content Outer Styles *********/
#contentouter h2 {
margin: 0 0 10px 0;
font: bold 1.3em verdana, arial, helvetica, sans-serif;
color: #0263A9;
text-transform: uppercase;
}
#contentouter h3 {
margin: 20px 0 0 0;
font: bold 1em verdana, arial, helvetica, sans-serif;
color: #0263A9;
border-bottom: 1px solid #0263A9;
}
#contentouter-1 img, #contentouter-2 img, #contentouter-3 img {
float: right;
padding: 0 0 0 5px;
}
#contentouter ul, #contentouter-2 ul, #contentouter-3 ul {
margin-top: 10px;
margin-bottom: 10px;
}
#contentouter-1 p, #contentouter-2 p, #contentouter-3 p {
margin: 0 0 10px 0;
line-height: 1.5em;
}
#contentouter-1 ul li, #contentouter-2 ul li, #contentouter-3 ul li {
margin: 0 0 7px 0;
}
#contentouter div.anchorlinks a {
color: #0263A9;
font: normal .95em arial, helvetica, sans-serif;
}
/********* Footer Styles *********/
#footer p {
margin: 3px;
}
#footer, #footer p a, #footer p.footer {
font-size: 90%;
text-decoration: none;
color: #0263A9;
font-weight: bold;
}
/********* Form *********/
table {border-collapse:collapse; margin:0 0 20px 0;}
th {text-align:center; border-right:1px solid #999; border-bottom:1px solid #999;}
td {border-bottom:1px solid #999; border-right:1px solid #999; text-align:center;}
td.right-col, th.right-col {border-right:none;}
td.left-col {text-align:left;}
table.emergency {border-collapse:collapse; margin:10px 0 20px 0;border:none;}
table.emergency td {text-align:left;border:none;}
table.emergency td.left-col {text-align:left;width:90px;border:none;}
table.emergency td.right-col {text-align:left;width:90px;border:none;}
.employment-form-padding {
padding:20px 0 0 0;
}
#empbox {
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
width:580px;
background:#fff;
}
#empbox p {
clear:both;
margin:5px 0pt;
}
#empbox label {
display:block;
float:left;
margin-right:15px;
padding-top:3px;
text-align:left;
width:185px;
}
#empbox label.vert_radio {
margin-left:-3px;
text-align:left;
width:300px;
}
#empbox label.horiz_label1 {
height:120px;
}
#empbox label.horiz_radio {
margin-left:-3px;
padding-bottom:8px;
width:150px;
}
#empbox label.horiz_radio_long {
margin-left:-3px;
padding-bottom:8px;
width:250px;
}
#empbox label.horiz_radio_extra_long {
margin:0;
padding-bottom:8px;
width:550px;
}
#empbox label.horiz_radio_short {
/*margin-left:-3px;*/
padding-bottom:2px;
width:45px;
}
#empbox form textarea {
width:300px;
}
#empbox form fieldset {
margin:20px 0 0 0;
padding:10px;
border:1px solid #999;
}
#empbox form legend {
color:#0263A9;
font-weight:bold;
margin:0;
padding:0pt;
}
#empbox form fieldset h3 {
margin:5px 0 0 0;
color:#0263A9;
font-family:Arial,Helvetica,sans-serif;
font-size:
border-bottom:1px solid #0263A9;
}
#empbox label.greylongtext {
padding:0 0 0 13px;
color:#999;
width:280px;
}
#empbox label.longtext {
padding:5px 0 0 0;
width:350px;
}
#empbox input {
margin-top:0px;
}
form { margin: 0; }
input, textarea, select {
margin: 0;
padding: 1px;
font-size: 100%;
font-family: inherit;
}
form fieldset {
border: none;
}
form legend {
padding: 0;
margin-bottom: 1em;
font-weight: bold;
color: #666;
}
form label {
line-height: 1.3em;
float: left;
display: inline;
}
form div.cr { /* checkbox radio */
float: left;
display: inline;
}
form p {
clear: both;
padding: 0 0 0 5px;
margin: 0.5em 0 0.5em 0;
}
form option { padding-right: 4px; }
form textarea { width: 250px; }
form span {
display: inline;
padding: 2px 0 0 20px;
font-size: 80%;
color: #ccc;
font-weight: normal;
}
form div.cr label {
float: none;
padding: 0;
line-height: 1.8em;
}
form div.cr input {
margin: 0 3px -3px 0;
}
form ol {
margin: 0;
padding: 0;
}
form li {
list-style: none;
padding: 5px 5px 5px 0;
clear: both;
overflow: hidden;
}
.colwrap-left form li {
background: none;
font-size: 70%;
}
.colwrap-right form ol li { margin: 0 0 0.35em 0; padding: 0; }
form div legend {
padding: 0 0 5px;
font-weight: normal;
}
form div label {
display: block;
width: auto;
}
form .sr {
position: absolute;
left: -9999em;
top: 0;
width: 1px;
height: 1px;
overflow: hidden;
}
form label { width: 145px; } /* Width of labels */
/*\*//*/ form legend { display: inline-block; } /* IE Mac legend fix */
form li.form-error {
background: #FFEBEB;
border: 1px solid #f99;
padding: 2px;
}
form div.form-error {
color: #FF3232;
font-weight: bold;
margin-bottom: 8px;
}
#contactform {
font-size: 12px;
display: block;
position: relative;
}
fieldset { border: 0; }
#contactform label {
display: block;
width: 90px;
padding-bottom: 12px;
}
#contactform input, #contactform textarea, #contactform select {
position: absolute;
left: 125px;
margin-top: 0;
margin-bottom: 12px;
}
#contactform .buttons {
padding: 90px 0 0 0;
left: auto;
}
#contactform .buttons input {
padding: 2px 5px;
position: relative;
}
#contactform ul {
width: 200px;
float: right;
}
#contactform li { font-weight: bold; list-style-type: disc; color: #FF0000; padding-bottom: 5px; }
.mandat { color: #ff0000; }
#box {
width: 450px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#box p {
margin: 5px 0 5px 0;
clear: both;
}
#box label {
display: block;
width: 165px;
float: left;
padding-top: 3px;
text-align: left;
margin-right: 15px;
}
#box .vert_radio {
text-align: left;
margin-left: -3px;
}
#box .horiz_label1 {
height: 120px; /* adjust height for vertical radio buttons */
}
#box .horiz_radio {
width: 50px;
padding-bottom: 8px;
margin-left: -3px;
}
#box input {
margin-top: 0px;
}
p.buttons { padding-left: 180px; }
/* --- Service Centres --- */
div.service_selected {
background: #F2EEF5;
padding-left: 20px;
border-left: 10px solid #0263AA
}
div.service_selected h3 {
padding-top: 5px;
}
div.service_selected p {
padding-bottom: 10px;
}
legend {
font-weight: bold;
}
fieldset.login div {
padding: 2px;
}
/* ------ Other ------- */
img.floatright {float: right; margin: 0 10px 10px 20px; position: relative; display: block;}
.imgLeft {float: left; margin: 0; padding-right: 5px; clear: both;}
.imgRight {float: right; margin: 0; padding-left: 5px; clear: both;}
.top {display: block; text-align: right; padding:5px; clear: both;}
/* ------ Service Centre Search ------- */
#servicecentresearch {
width: 225px;
border: 1px solid #0263A9;
margin: 0;
padding: 0;
float: right;
margin-left: 20px;
}
#servicecentresearch .service {
color: #fff;
background: #0263A9;
display: block;
padding: 10px;
margin: 0;
}
#servicecentresearch .state {
color: #0263A9;
background: #A9C6EA;
display: block;
padding: 10px;
margin: 0;
}
#servicecentresearch #ozmap {
margin: 0 auto;
width: 134px;
padding: 10px;
}
#servicecentresearch form {
padding: 10px;
}
#servicecentresearch form fieldset {
padding: 0;
margin: 0;
}
#servicecentresearch form ul{
padding: 0;
margin: 0;
list-style: none;;
}
#servicecentresearch form li {
display: inline;
}
#servicecentresearch form li.buttons {
position: relative;
top: 6px;
}
#servicecentresearch form li.input_text input{
border: 1px solid #0263A9;
color: #0263A9;
font-size: 80%;
font-weight: bold;
padding: 3px;
width: 120px;
}
#services a,
#contentouter a {
color: #343434;
}
#services a:hover,
#contentouter a:hover {
color: #0263A9;
}
.newsitem p.newsdate {
padding: 0;
margin: 0;
font-size: 85%;
}
.newsheader {
padding: 10px 0 0 0;
margin: 0;
}
form li {
list-style: none;
padding: 10px 0;
}
h3.news-title {
width: 393px;
}
#contentouter ul.news li {
list-style: none;
padding: 0;
margin: 0;
}
ul#subsubnav {
margin: 0;
padding: 0 0 40px 0;
list-style: none;
}
ul#subsubnav li {
float: left;
padding: 0 15px 0 15px;
background: url(../images/bullet_nav.gif) no-repeat 0 50%;
}
ul#subsubnav li.opportunities,
ul#subsubnav li.privacypolicy,
ul#subsubnav li.missionvisionvalues {
background: none;
}
ul#subsubnav li a {
text-decoration: underline;
color: #0263A9;
}
ul#subsubnav li a:hover {
text-decoration: none;
color: #626262;
}