/* ----------begin header/footer/utility bar styles----------- */
#containbanner {
margin:0;
padding:0;
width:100%;
background:#fff;
float:left;
border-bottom:1px solid #333367
}
#containbanner div#bannerid {
float:left
}
#containbanner div#tourismid {
float:right
}
/* ----------end header/footer/utility bar styles----------- */

/* ----------begin home page header----------- */
#containhead{
background-image:url("/csd/images/header.jpg");
background-repeat:no-repeat;
background-color:#fff;
height:100px;
margin:0;
padding:0
}
#containhead div#siteid{
float:left
}
#containhead div#tagline{
float:right
}
#siteid h1 {
display:none;
background:#fff;
color:#000;
font-size:1.4em;
margin:0;
padding:0
}
/* ----------end home page header----------- */

/* ----------begin utility bar----------- */
#containutility{
width:100%;
float:left;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#fff
}
#utility1{
height:22px;
float:left;
color:#000;
margin:0;
padding:2px 0 0 5px
}
#utility1 dt{
font-size:1.1em;
display:inline;
margin:0;
padding:0 0 0 2px
}
#utility1 dt.first{
border:0
}
#utility1 a:link{
color:#0c0fad;
text-decoration:none
}
#utility1 a:visited{
color:#0c0fad;
text-decoration:none
}
#utility1 a:hover{
color:#000;
text-decoration:underline;
background:#fff
}
#utility1 a:active{
color:#ccc9c2;
background-color:#fff;
text-decoration:none
}
#utility1 img{
margin:0 0 -2px 0
}
#search{
float:right;
height:22px;
text-align:right;
background-color:#fff;
vertical-align:middle;
margin:0;
padding-top:1px !important;
padding:1px 5px 0 0
}
#search label{
font-size:1.0em;
color:#000;
font-weight:normal;
vertical-align:middle
}
#search input.searchbox{
border:1px solid #cdcdcd;
vertical-align:middle;
font-size:1.2em;
margin:0
}
#search input.searchbutton{
background:#fff;
border:1px solid #cdcdcd;
font-weight:normal;
font-size:1.0em;
color:#000;
margin:0;
padding:0;
vertical-align:middle;
text-decoration:none
}
/* ----------end utility bar----------- */

.clear{
clear:both;
}

#containfooter{
width:100%;
clear:left;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#fff
}
#mandatory{
clear:left;
height:23px;
background-color:#fff;
color:#000;
margin:0;
padding:3px 0 0 5px
}
#mandatory dt{
font-size:1.1em;
background-color:#fff;
vertical-align:middle;
display:inline;
margin:0;
padding:0 0 0 2px
}
#mandatory dt.first{
border:0
}
#mandatory a:link{
color:#0c0fad;
text-decoration:none
}
#mandatory a:visited{
color:#0c0fad;
text-decoration:none
}
#mandatory a:hover{
color:#000;
text-decoration:underline;
background:#ffffff
}
#mandatory a:active{
color:#ccc9c2;
background-color:#fff;
text-decoration:none
}
#stickers{
float:right;
height:23px;
background-color:#fff;
margin:0;
padding:3px 5px 0 0
}
#stickers dt{
font-size:1.1em;
border-left:1px solid #ffffff;
vertical-align:middle;
display:inline;
margin:0;
padding:0 0 0 2px
}
#stickers dt.first{
border:0
}
#stickers a:link{
color:#0c0fad;
text-decoration:none
}
#stickers a:visited{
color:#0c0fad;
text-decoration:none
}
#stickers a:hover{
color:#000;
text-decoration:underline;
background:#ffffff
}
#stickers a:active{
color:#787366;
text-decoration:none
}

#copyright{
font-size:0.9em;
color:#666;
background-color:#fff;
clear:both;
padding:5px 0 0 7px;
}
/* ----------end header/footer/utility bar styles----------- */

/* ----- global styles ------ */
acronym{
border-bottom:1px dashed #666666;
text-decoration:none
}
*>html body{
font-size: 72.5%
}
body{
background-color:#ffffff;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:72.5%;
margin:0;
padding:0
}
h1{
margin:0;
padding:0;
}
h4{
font-variant:small-caps
}
h5{
font-style:italic
}
h6{
font-style:italic;
font-weight:normal
}
h2, h3, h4, h5, h6{
margin:5px 0px 0px 0px;
padding:0
}
hr{
height:1px;
border-bottom:1px solid #bbbbbb;
border-right:0px;
border-top:0px;
border-left:0px
}
fieldset{
border:1px solid #cccccc;
padding:0 0 10px 0 
}
strong{
color:#444444;
font-weight:bold
}
em{
font-style:italic
}
form{
margin:0;
padding:0
}
.contactinfo{
font-size:1.2em;
line-height:150%;
margin:0 0 10px 20px;
padding:0 0 0 0
}
.contactinfo span{
display:block
}

img.text-wrap-left {
float:left;
}
img.text-wrap-right {
float:right;
}
/* ----- end global styles ------ */

/* ----- content styles ------ */
blockquote{
margin:10px 10px 10px 20px
}
.content{
	margin:0 0 0 180px;
	padding:0 20px 10px 20px;
}
.content p, .content ol, .content ul, .content dl, .content tr{
font-size:1.0em
}
.content ul ul, .content ol ol, .content ol ul, .content ul ol, .content li{
font-size:1.0em;
}
.content h1 {
border-bottom:1px dashed #cccccc;
color:#000;
font-size:1.6em;
margin:19px 0 10px 0;
padding:3px 0 3px 0
}
.content h2 {
color:#000;
font-size:1.4em;
margin:5px 0 5px 0;
padding:3px 0 2px 0
}
.content h3 {
color:#000;
font-size:1.2em;
margin:10px 0 10px 0;
padding:3px 0 2px 0
}
h3 + h4 {
	margin-top:-7px;}
/* ----- content container ------ */
#container {
	background-image:url("/csd/images/content-bg.gif");
	background-repeat:repeat-y;
	width: 100%;
	float: left;
}
#skipnav {
visibility:hidden;
}
ul {
margin:7px 0px 0px 10px;
}
ol{
margin:7px 0px 0px 10px
}
li{
margin:0 0 0 15px
}
p, dl, table, fieldset{
margin:10px 0px 0px 0px
}
p, li, dt, dd, blockquote{
line-height:150%
}
label{
font-weight:bold;
vertical-align:top
}
#pagenav{
margin:50px 0 0 0
}
#pagenav dt{
display:inline;
margin:0 10px 0 0
}
#pagenav a:link{
color:#0c0fad;
text-decoration:none
}
#pagenav a:visited{
color:#0c0fad;
text-decoration:none
}
#pagenav a:hover{
color:#000;
text-decoration:underline;
background:#fff
}
#pagenav a:active{
color:#2962A0;
text-decoration:none
}
#print{
font-size:1.2em;
float:right;
text-align:right
}
.tableapp{
}
.tableapp table{
border:0
}
.tableapp th{
background-color:transparent;
border:0;
text-align:left
}
.tableapp td{
border:0
}
.tableapp strong{
vertical-align:top;
padding:0 2px 0 10px
}
table{
font-size:1.0em;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc
}
table li{
font-size:0.9em
}
tr{
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align:top
}
th{
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#efefef;
padding:2px 5px 2px 5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc
}
td{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:2px 5px 2px 5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc
}
.topictable{
border-top:1px solid #fff;
border-left:1px solid #fff;
background-color:#ffffcc;
}
.topictable td{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:3px 5px 3px 5px;
border-right:1px solid #fff;
border-bottom:1px solid #fff
}
/* ----- end content styles ------ */

/* ----- sidebarleft styles ------ */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #sidebarleft {
  margin-right: -3px
}
* html .content {
  height: 1%;
  margin-left: 0
}
.vacancy {
margin:10px;
padding:0
}
.vacancy p, .vacancy ol, .vacancy ul, .vacancy dl, .vacancy tr{
font-size:1.2em
}
.vacancy ul ul, .vacancy ol ol, .vacancy ol ul, .vacancy ul ol, .vacancy li{
font-size:1.0em
}
.vacancy h1 {
border-bottom:1px dashed #cccccc;
color:#000;
font-size:1.6em;
margin:15px 0 10px 0;
padding:3px 0 3px 0
}
.vacancy h2 {
color:#000;
font-size:1.4em;
margin:12px 0 0 0;
padding:3px 0 0 0
}
.heading {
font-weight:bold
}

/* End hide from IE5/mac */

.sidebarleft{
float:left;
width:180px;
margin:0;
padding:0
}
.chevrons{
font-weight:bold;
color:#f00
}
.chevrons2{
font-size:1.0em;
font-weight:bold;
color:#f00
}
#sidebarleft p{
color:#ccc9c2;
background-color:#fff;
font-size:1.0em;
margin:0;
padding:5px 0 5px 5px
}
#sidebaroptions{
margin:0 0 15px 0;
padding:0
}
#sidebaroptions dt {
font-family:Verdana, Arial, Helvetica, sans-serif;
border-top:1px solid #ccc;
background-image:url("/csd/images/arrow.gif");
background-position:left;
background-repeat:no-repeat;
margin:0;
padding:0
}
#sidebaroptions dt.firstdt {
border-top:1px solid #f1f1f1;
background-position:left;
background-repeat:no-repeat;
margin:0;
padding:0
}
#sidebaroptions dt.highlightdt {
border-top:1px solid #ccc;
background-image:url("/csd/images/arrow-down.gif");
background-position:left;
background-repeat:no-repeat;
font-weight:bold;
margin:0;
padding:0
}
#sidebaroptions dt.opendt {
border-top:1px solid #ccc;
background-image:url("/csd/images/arrow-down.gif");
background-position:left;
background-repeat:no-repeat;
font-weight:bold;
margin:0;
padding:0
}
#sidebaroptions dt.lastdt {
background-image:none;
background-position:left;
background-repeat:no-repeat;
font-weight:bold;
margin:0;
padding:0
}
#sidebaroptions dd.sublink {
background-position:left;
background-repeat:no-repeat;
margin:0;
padding:0 0 0 22px
}
#sidebaroptions dt.selected a {
width:155px;
display:block;
text-decoration:none;
background-color:#ccc9c2;
background-image:url("/csd/images/arrow.gif");
background-position:left;
background-repeat:no-repeat;
color:#89A8BE;
margin:0;
padding:4px 0px 4px 20px
}
#sidebaroptions dt.selected a:hover {
text-decoration:underline;
background-color:#fff;
background-image:url("/csd/images/arrow-on.gif");
background-position:left;
background-repeat:no-repeat;
color:#89A8BE;
margin:0;
padding:4px 0px 4px 20px
}
#sidebaroptions dt a {
width:160px;
display:block;
text-decoration:none;
color:#0c0fad;
margin:0;
padding:4px 0px 4px 20px
}
#sidebaroptions dt a:hover {
text-decoration:underline;
background-image:url("/csd/images/arrow-on.gif");
background-position:left;
background-repeat:no-repeat;
background-color:#fff;
color:#000;
margin:0;
padding:4px 0px 4px 20px
}
#sidebaroptions dd {
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
margin:0;
padding:0 0 0 12px
}
#sidebaroptions dd.address {
font-size:0.95em;
margin:0;
padding:0 0 0 21px
}
#sidebaroptions dd.logo {
margin:0;
padding:15px 0 0 20px
}
#sidebaroptions dd.lastdd {
background-position:left;
background-repeat:no-repeat;
margin:0;
padding:0 0 8px 12px
}
#sidebaroptions dd a:link {
text-decoration:none;
color:#0c0fad;
margin:0;
padding:0
}
#sidebaroptions dd a:visited {
text-decoration:none;
color:#0c0fad;
margin:0;
padding:0
}
#sidebaroptions dd a:hover {
text-decoration:underline;
color:#000;
margin:0;
padding:0
}
/* ----- end sidebarleft styles ------ */




