* {
margin: 0px;
padding: 0px;
}

body {
background-color: #000;
background-image: url(images/bg02.png);
color: #000;
font-family: arial, helvetica, sans-serif;
}

/*containerInner contains document; outer containers used to add CSS borders*/

/*#containerOuter {
margin: auto;
width: 1004px;
border: 5px solid #333;
border-top: 0px;
}*/

#containerOuter {
margin: auto;
width: 994px;
border: 5px solid #666;
border-top: 0px;
}

#containerInner {
width: 984px;
border: 5px solid #999;
border-top: 0px;
}

/*#accessibility {
width: 977px;
padding: 2px;
padding-left: 5px;
background-color: #fff;
font-size: 67.5%;
border-bottom: 3px solid #e7e7e7;
color: #333;
}*/

#header {
width: 984px;
height: 150px;
background-image: url(images/head60_5.jpg);
}

#horNavWrap {
padding-bottom: 10px;
width: 984px;
height: expression( this.scrollHeight > 44 ? "45px" : "auto" );
height: 45px;
/*border-top: 3px solid #e7e7e7;*/
border-bottom: 4px ridge #e7e7e7;
background-color: #303030;
text-align: center;
overflow: hidden;
}


#horNav {
padding-bottom: 10px;
width: 880px;
margin: auto;
height: expression( this.scrollHeight > 44 ? "45px" : "auto" );
height: 45px;
/*border-top: 3px solid #e7e7e7;*/
overflow: hidden;
}

.dropDown {
position: absolute;
top: 0px;
margin: auto;
left: 0px;
background: #303030;
width: 200px;
z-index: 1200;
border: 1px dotted #ccc;
border-top: 1px dotted #ccc;
border-bottom: 0px;
text-align: left;
font-family: arial, helvetica, sans-serif;
font-size: 80%;
}

.hide {
visibility: hidden;
}

.dropDown a {
color: #fff;
display: block;
border-bottom: 1px dotted #ccc;
text-decoration: none;
padding: 3px;
padding-left: 10px;
}



.dropDown a:hover, .dropDown a:focus {
background: pink;
color: #333;
}

#horNav li {
list-style-type: none;
position: relative;
float: left;
}

/*set colour of dotted bounding box on links*/

#horNav a {
color: white;
} 

#horNav a.home {
display: block;
width: 160px;
height: 45px;
overflow: hidden;
background-image: url('images/homebtn2.jpg');
}

/*li used as block level element: fix for IE 6 slow hover load times*/
/*hover state set to no background so li image shows through*/

#horNav li.homeBg {
display: block;
width: 160px;
height: 45px;
overflow: hidden;
background-image: url('images/homebtn2.jpg');
background-position: 0px -45px;
}

#horNav a.home:hover, #horNav a.home:focus {
background: none;
}

#horNav a.about {
display: block;
width: 180px;
height: 45px;
overflow: hidden;
background: url('images/about_btn2.jpg');
}

#horNav li.aboutBg {
display: block;
width: 180px;
height: 45px;
overflow: visible;
background-image: url('images/about_btn2.jpg');
background-position: 0px -45px;
}

#horNav a.about:hover, #horNav a.about:focus {
background: none;
}

#horNav a.services {
display: block;
width: 200px;
height: 45px;
overflow: hidden;
background-image: url('images/services_btn3.jpg');
background-position: 0px 0px;
}


#horNav li.servicesBg {
position: relative;
display: block;
width: 200px;
height: 45px;
overflow: hidden;
background-image: url('images/services_btn3.jpg');
background-position: 0px -45px;
cursor: pointer;
}


#horNav a.location {
display: block;
width: 160px;
height: 45px;
overflow: hidden;
background-image: url('images/location_btn2.jpg');
}

#horNav li.locationBg {
display: block;
width: 160px;
height: 45px;
overflow: hidden;
background-image: url('images/location_btn2.jpg');
background-position: 0px -45px;
}

#horNav a.location:hover, #horNav a.location:focus {
background: none;
}

#horNav a.contact {
display: block;
width: 180px;
height: 45px;
overflow: hidden;
background-image: url('images/contact_btn2.jpg');
}

#horNav li.contactBg {
display: block;
width: 180px;
height: 45px;
overflow: hidden;
background-image: url('images/contact_btn2.jpg');
background-position: 0px -45px;
}

#horNav a.contact:hover, #horNav a.contact:focus {
background: none;
}


#splash {
border-bottom: 4px ridge #e7e7e7;
height: 274px;
}

#splash img {
padding-bottom: 0px;
margin-bottom: 0px;
}

#content {
font-size: 75%;
background-color: #333;
padding: 0px;
color: #fff;
overflow: visible;
}

.setHeightContent {
height: 300px;
}

.setHeightSplash {
height: 274px;
}

#content p {
margin: 0px;
padding: 0px;
}

#content img {
display: inline;
position: relative;
margin: 0px;
padding: 0px;
margin-right: -3px;
}

#footer {
background-color: #303030;
color: #ccc;
height: 30px;
font-weight: normal;
font-size: 70%;
border-top: 4px groove #e7e7e7;
border-bottom: 4px groove #e7e7e7;
background: url('images/footer.jpg');
background-repeat: no-repeat;
}

#footer a {
height: 30px;
float: right;
width: 350px;
color: white;
}
