body {
background-color: #545454;
text-align: center;
margin: 0;
}

body {
font-family: verdana, arial, sans-serif;
color: #333;
font-size: .72em;
}

#container {
width: 740px;
margin: 0 auto;
text-align: left;
background-color: #fff;
}

img {
border: 0;
}

img.state-gov {
border: 0;
margin: 10px 0 0 110px;
}

img.sa-central {
border: 0;
}


#banner {
height: 172px;
background-image: url("/custom/files/2006111357796/eocbanner.jpg");
background-repeat: no-repeat;
border-top: 2px solid #006EC7;
}


div.menuBar {
  background-color: #006EC7;
  border: 2px solid;
  border-color: #006EC7;
  padding: 4px 2px 4px 2px;
  text-align: center;
}

div.menuBar a.menuButton {
  background-color: #006EC7;
  border: 1px solid #006EC7;
  color: #202020;
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 18px 2px 18px;
  position: relative;
  text-decoration: none;
  top: 0px;
}

div.menuBar a.menuButton {
  font-family: verdana, arial, "MS Sans Serif", sans-serif;
  font-size: .95em;
  font-style: normal;
  font-weight: bold;
  color: #fff;
}


div.menuBar a.menuButton:hover {
  background-color: #D3E2EF;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #202020;
  left: 1px;
  top: 1px;
}

div.menuBar a.menuButton:focus {
  background-color: #D3E2EF;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #202020;
  left: 1px;
  top: 1px;
}

div.menuBar a.menuButton:active {
  background-color: #D3E2EF;
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #202020;
  left: 1px;
  top: 1px;
}

#utilities h1 {
font-family: arial, verdana, "MS Sans Serif", sans-serif;
text-align: right;
color: #006EC7;
font-size: 2.3em;
margin: 5px 15px 5px 0;
}

#utilities {
width: 250px;
float: right;
display: inline;
}

#utilities {
margin: 0 0 10px 0;
}


#search {
font-family: arial, verdana, "MS Sans Serif", sans-serif;
margin: 0 0 5px 25px;
background: url("http://www.eoc.sa.gov.au/custom/files/searchbg1.gif") 
transparent top left;
background-repeat: no-repeat;
overflow: visible;
height: 30px;
width: 225px;
}

#search form {
margin: 0;
}

.searchcontrol #search_basic_str input {
margin: 4px 0 5px 5px;
font-size: 12px;
color: #000;
border: 0px;
}

.searchcontrol img {
margin: 6px 0 5px 0;
}

.searchtext {
padding: 8px 0 0 10px;
color: #fff;
font-weight: bold;
float: left;
display: inline;
}

.searchtext p {
margin: 0;
padding: 3px 0 0 0;
line-height: 1em;
}

#search_basic {
width:165px;
margin-top: 5px;
}

#utilities h2 a:link {
color: #fff;
}

#utilities h2 a:visited {
color: #fff;
}

#utilities h2 a:hover {
color: #fff;
text-decoration: none;
}

.menu {
width: 160px;
margin: 5px 20px 0 0;
float: left;
background: url("/custom/files/eocmenubg.jpg") transparent top left repeat-y;
background-color: #E6F0F9;
font-size: .97em;
display: inline;
}

.menu img {
display: block;
}

#family_links {
padding:0;
width: 140px;
margin: 5px 0 0 0;
}

#navcontainer {
padding-bottom: 11px;
}

#navcontainer a {
padding: 5px 0px 5px 8px;
width: 120px;
display: block;
color:#333;
text-decoration: none;
border-bottom: 1px solid #006EC7;
}

#navcontainer a:hover {
color:#fff;
background-color: #545454;
text-decoration: none;
}

#navcontainer ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
} 

#navcontainer ul a {
display: block;
padding: 5px 20px 5px 5px;
color: #333;
background-color: #E6F0F9;
text-decoration: none;
border-bottom: 1px solid #006EC7;
font-weight:normal; 
}

#navcontainer ul ul li {
margin: 1px 0 1px 0;
display: block;
width: 120px;

}

#navcontainer ul ul a {
display: block;
width: 110px;
padding: 5px 20px 5px 15px;
color: #333;
background-color: #E6F0F9;
text-decoration: none;
border-bottom: 1px solid #006EC7;
font-weight:normal; 
}

#navcontainer ul ul a:hover {
color: #fff;
background-color: #545454;
text-decoration: none; 
}

#navcontainer ul ul ul li {
margin: 1px 0 1px 0;
display: block;
width: 120px;
}

#navcontainer ul ul ul a {
display: block;
width: 100px;
padding: 5px 20px 5px 25px;
color: #333;
text-decoration: none;
border-bottom: 1px solid #006EC7;
font-weight:normal; 
}

#navcontainer ul ul ul a:hover {
color: #fff;
background-color: #545454;
text-decoration: none; 
}


#navcontainer ul ul ul ul li {
margin: 1px 0 1px 0;
display: block;
width: 120px;
}

#navcontainer ul ul ul ul a {
display: block;
width: 95px;
padding: 5px 20px 5px 30px;
color: #333;
text-decoration: none;
border-bottom: 1px solid #006EC7;
font-weight:normal; 
}

#navcontainer ul ul ul ul a:hover {
color: #fff;
background-color: #545454;
text-decoration: none; 
}

#navcontainer ul ul ul ul ul li {
margin: 1px 0 1px 0;
display: block;
width: 120px;
}

#navcontainer ul ul ul ul ul a {
display: block;
width: 90px;
padding: 5px 20px 5px 35px;
color: #333;
text-decoration: none;
border-bottom: 1px solid #006EC7;
font-weight:normal; 
}

#navcontainer ul ul ul ul ul a:hover {
color: #fff;
background-color: #545454;
text-decoration: none; 
}



#navcontainer ul#navlist li#active a:link {
display: block;
color: #fff;
background-color: #006EC7;
text-decoration: none;
border-bottom: 1px solid #006EC7;
}

#navcontainer ul#navlist li#active a:visited {
display: block;
color: #fff;
background-color: #006EC7;
text-decoration: none;
border-bottom: 1px solid #006EC7;
}

#navcontainer ul#navlist li#active a:hover {
display: block;
color: #fff;
background-color: #006EC7;
text-decoration: none;
border-bottom: 1px solid #006EC7;
}

#navcontainer ul#navlist li#active ul li a:link {
background-color: #9ec9ea;
color: #474747;
}

#navcontainer ul#navlist li#active ul li a:visited {
background-color: #9ec9ea;
color: #474747;
}

#navcontainer ul#navlist li#active ul li a:hover {
background-color: #545454;
color: #fff;
}


#content {
padding: 5px 0 0 0;
overflow: auto;
width: 740px;
float: left;
display: inline;
}

#breadcrumbs {
font-size: 0.9em;
color: #333;
}

#breadcrumbs a:link {
color: #006EC7;
text-decoration: none;
}


#breadcrumbs a:visited {
color: #006EC7;
text-decoration: none;
}

#breadcrumbs a:hover {
text-decoration: underline;
color: #006EC7;
}

#downloads {
font-family: verdana, arial, sans-serif;
text-align: left;
font-size: 1.1em;
font-weight: bold; 
color: #333;
}

#downloads a {
font-family: verdana, arial, sans-serif;
color: #333;
font-weight:normal; 
text-decoration:none; 
font-style:normal; 
}

#downloads a:link {
font-family: verdana, arial, sans-serif;
color: #333;
font-weight:normal; 
text-decoration:none; 
font-style:normal;
}


#content h1 {
text-align: left;
color: #006EC7;
font-size: 1.4em;
font-weight: bold;
}

#content h2 {
text-align: left;
color: #006EC7;
font-size: 1.2em;
font-weight: bold;
}

#content h3 {
text-align: left;
color: #006EC7;
font-size: 1.1em;
font-weight: bold;
}

#content h4 {
text-align: left;
color: #545454;
font-size: 1.1em;
font-weight: bold;
}

#content-text {
width: 520px;
margin: 5px 0 5px 5px;
float: left;
}

#content-text a:link {
color: #006EC7;
text-decoration: none;
}

#content-text a:visited {
text-decoration: none;
}

#content-text a:hover {
color: #006EC7;
text-decoration: underline;
}

#content-text #video-questions a:link {
color: #006EC7;
text-decoration: none;
}

#content-text #video-questions a:visited {
color: #006EC7;
text-decoration: none;
}

#content-text #video-questions a:hover {
color: #006EC7;
text-decoration: underline;
}


#content-text #video-questions h4 {
color: #000;
padding: 5px;
background-color: #eee;
}

#footer {
font-family: verdana, arial, sans-serif;
font-size: .95em;
color: #fff;
}

#footer {
clear: left;
height: 97px;
width: 740px;
background-image: url("/custom/files/200611070106296/footerbg.gif");
background-repeat: no-repeat;
background-color: #545454;
}

#footer {
font-family: verdana, arial, sans-serif;
font-size: .95em;
color: #fff;
}


.footer-1 {
width: 84px;
margin: 40px 0 0 10px;
float: left;
border: 0px solid #000;
}

.footer-2 {
margin: 40px 0 0 15px;
float: left;
width: 450px;
}

.footer-3 {
margin: 60px 0 0 55px;
float: left;
border: 0px solid #000;
}

.footer-4 {
clear: left;
margin: 0 0 0 115px;
border: 0px solid #000;
}

#footer a:link {
color: #fff;
text-decoration: none;
font-weight: bold;
}

#footer a:visited {
color: #fff;
text-decoration: none;
font-weight: bold;
}

#footer a:hover {
color: #fff;
text-decoration: underline;
font-weight: bold;
}

.footer-3 {
color: #fff;
font-weight: bold;
}

.footer-4 {
text-align: left;
font-size: .96em;
}

.footer-4 ul {
list-style: none;
color: #fff;
font-weight: bold;
margin:0;
display: inline;
}

.footer-4 ul li {
padding: 0 4px;
list-style: none;
display: inline;
}

.footer-4 a:link {
color: #fff;
}

.footer-4 a:visited {
color: #fff;
}

.footer-4 a:hover {
color: #fff;
text-decoration: none;
}