body {
background-position: center center;
 background-attachment: scroll; 
 background-image: url(Images/Back.jpg);
  background-repeat: repeat;
  	font-family: verdana, arial, sans-serif;
	font-size: 70%;
}

p {

}

h1 {
	font-size: 170%;
	font-weight: normal;
	margin: 0;
}
h2 {
	font-size: 170%;
	font-weight: normal;
	margin: 0;
	color:red;
}

h3 {
font-size:14px;
font-weight:400;
padding:0;
margin:0;
}

hr {
color:red;
}
a
{
color:black;
text-decoration:none;
}
a:Hover
{
color: #ef0b02;
text-decoration:underline;
}

a img{
border:0;
}

img {

}

#container {
width:956px;
margin-left:auto;
margin-right:auto;
margin-bottom:2px;
}

#header {
width:956px;
}

#logo {
width:639px;
border:1px solid red;
float:left;
margin-right:2px;
margin-bottom:auto;
background:#ffffff;
}

#left {
width:241px;
float:left;
height:446px;
border:1px solid red;
margin-right:2px;
border-bottom:1px solid red;
background:#ffffff;
}

#left-nav {
width:241px;
float:left;
margin-bottom:2px;
list-style:none;
}

#left-nav ul {
padding:0;
margin:0;
white-space:nowrap;
}

#left-nav li {
list-style-type:none;
color:black;
text-decoration:none;
float:left;
clear:both;
font-weight:400;
padding:0;
margin:0;
}

#left-nav li a {
width:231px;
background:#9e0a0a;
padding:5px;
margin:0;
color:white;
font-size:11px;
text-decoration: none;
border-bottom: solid 1px black;
float:left;
clear:both;
font-weight:400;
}

#leftnav a.drop {
width:188px;
padding:5px 0 5px 25px;
font-size:12px;
color:#777777;
background:url(../images/button.gif) no-repeat #E7E7E7;
text-decoration: none;
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
float:left;
clear:both;
font-weight:400;
}

#left-nav li a:link a:visited {
color:black;
}

#left-nav li a:hover {
background:black;
}

#left-content {
padding:5px;
max-height:488px;
overflow:auto;
}


#header-nav {
width:311px;
height:73px;
float:left;
border:1px solid red;
background:#ffffff;
padding-top:10px;
margin-bottom:2px;
}
#header-nav-region {
width:311px;
height:83px;
float:left;
border:1px solid red;
background:#ffffff;
margin-bottom:2px;
}

#header-bar {
width:301px;
height:22px;
border:1px solid red;
margin-bottom:2px;
float:left;
background:#d9dce1;
padding-left:10px;
line-height:20px;
}
#header-bar-2{
width:301px;
height:22px;
border:1px solid red;
margin-bottom:2px;
float:left;
background: url('images/titleback.png');
padding-left:10px;
}
#res-header-bar {
width:318px;
height:22px;
border:1px solid red;
margin-bottom:2px;
float:left;
background: url('images/titleback.png');
}
#res-header-bar-r {
width:307px;
height:22px;
border:1px solid red;
margin-bottom:2px;
float:left;
background: url('images/titleback.png');
line-height:20px;
padding-left:10px;
}

#header-bar2 {
width:311px;
height:40px;
border:1px solid red;
margin-bottom:2px;
float:left;
background: url('images/titleback.png');
text-align:center;
line-height:20px;
}

#header-bar3 {
width:200px;
height:22px;
border:1px solid red;
margin-bottom:2px;
margin-left:2px;
float:left;
background: url('images/titleback.png');
text-align:center;
line-height:20px;
}


#navbar {
width:954px;
height:22px;
border:1px solid red;
clear:both;
background: url('images/titleback.png');
}

#main {
width:956px;
}


#image1 {
width:348px;
height:144px;
float:left;
border:1px solid red;
margin-bottom:2px;
margin-right:2px;
background:#ffffff;
background-image: url(Images/Developmenttravelbus.jpg);
}
#image2 {
width:287px;
height:39px;
float:left;
padding-top:105px;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
background-image: url(Images/DevelopmentTravelWiseimage.jpg);
text-align:center;
}

#image3 {
width:374px;
padding:10px;
height:265px;
float:left;
overflow:auto;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
background-image: url(Images/image3.png);
}

#image4 {
height:144px;
width:344px;
float:left;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
background-image: url(Images/image4.png);
}

#dist-cont-main {
width:324px;
padding:10px;
height:278px;
float:left;
overflow:auto;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
background-image: url(Images/image3.png);
}
#image-res {
width:639px;
height:174px;
float:left;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
text-align:center;
background-image: url(Images/house.png);
}

#district-largemap {
width:639px;
height:285px;
float:left;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
text-align:center;
}
#district-text{
width:619px;
height:426px;
float:left;
padding:10px;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
}
#district-main-content {
width:599px;
height:172px;
float:left;
border:1px solid red;
background:#ffffff;
overflow:auto;
padding-left:20px;
padding-right:20px;
padding-top:15px;
margin-bottom:2px;
}

#right-content {
width:297px;
height:137px;
float:left;
padding:10px;
border:1px solid red;
margin-bottom:2px;
background:#ffecec;
}
#res-left-content {
width:318px;
height:242px;
float:left;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
overflow:auto;
}
#res-left {
width:320px;
height:268px;
float:left;
margin-right:2px;
background:#ffffff;
}
#res-right {
width:319px;
height:270px;
float:left;
margin-bottom:2px;
background:white
}
#res-right-content {
width:297px;
height:102px;
float:left;
padding:10px;
margin-bottom:2px;
border:1px solid red;
background:#ffecec;
}
#res-right-content2 {
width:297px;
height:70px;
float:left;
padding:10px;
border:1px solid red;
background:#ffecec;
}
#res-header-bar-r2 {
width:307px;
height:22px;
border:1px solid red;
margin-bottom:2px;
float:left;
padding-left:10px;
background: url('images/titleback.png');
line-height:20px;
}

#region-main-content {
width:380px;
padding-left:10px;
padding-right:4px;
padding-top:5px;
padding-bottom:5px;
height:275px;
float:left;
overflow:auto;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
}

#main-content {
width:354px;
height:142px;
float:left;
border:1px solid red;
background:#d9dce1;
overflow:auto;
padding-left:20px;
padding-right:20px;
padding-top:15px;
margin-bottom:2px;
}
.dist-c-right a, #map-content a, #district-text a, #main-content a, #main-content2 a, #res-header-bar a, #res-right-content a, #res-header-bar-r a, #res-header-bar-r2 a, #header-bar-2 a, #dist-cont-main a, #left-content a, #headerdistrict a, #headerdistrict2 a, #right-nav3 a {
color:#ef0b02;
text-decoration:underline;
}
.dist-c-right a:hover, #map-content a:hover,  #district-text a:hover, #main-content a:hover, #main-content2 a:hover, #res-header-bar a:hover, #res-right-content a:hover, #res-header-bar-r a:hover, #res-header-bar-r2 a:hover, #header-bar-2 a:hover, #dist-cont-main a:hover, #left-content a:hover, #headerdistrict a:hover, #headerdistrict2 a:hover, #right-nav3 a:hover {
color:black;
text-decoration:underline;
}

#main-content3 {
width:599px;
height:183px;
float:left;
border:1px solid red;
background:#ffffff;
overflow:auto;
padding-left:20px;
padding-right:20px;
padding-top:15px;
margin-bottom:2px;
}


#main-map-holder {
width:312px;
height:300px;
float:left;
background:#ffffff;
margin-right:2px;
line-height:20px;
}
#Development-map {
width:310px;
height:272px;
float:left;
border:1px solid red;
background:#ffffff;
margin-bottom:2px;
}
#main-map-header {
width:300px;
height:22px;
float:left;
border:1px solid red;
background: url('images/titleback.png');
margin-bottom:2px;
line-height:20px;
padding-left:10px;
}

#main-info {
width:327px;
height:300px;
float:left;
background:#ffffff;
margin-bottom:2px;
margin-right:2px;
}
#main-info-header {
width:325px;
height:22px;
float:left;
text-align:center;
border:1px solid red;
background: url('images/titleback.png');
margin-bottom:2px;
line-height:20px;
}
#main-info-1 {
width:325px;
height:100px;
float:left;
background:#FBE7E7;
border:1px solid red;
margin-bottom:2px;
}
#main-calendar {
width:325px;
height:168px;
float:left;
border:1px solid red;
}

#main-content2 {
width:669px;
height:431px;
float:left;
border:1px solid red;
background:#ffffff;
overflow:auto;
padding-left:20px;
padding-right:20px;
padding-top:15px;
margin-bottom:2px;
}

#left-bar {
width:241px;
height:446px;
float:left;
border:1px solid red;
margin-bottom:2px;
margin-right:2px;
background:#ffffff;
background-image: url(Images/VerticalTravelBanner.jpg);
}

#large-map {
width:710px;
height:431px;
float:left;
border:1px solid red;
background:#ffffff;
overflow:auto;
padding-left:20px;
padding-right:20px;
padding-top:15px;
margin-bottom:2px;
}

#fix-large-map {
width:610px;
height:431px;
float:left;
border:1px solid red;
background:#ffffff;
overflow:auto;
padding-left:20px;
padding-right:20px;
padding-top:15px;
margin-bottom:2px;
}

#map-key {
width:200px;
height:266px;
float:right;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
}

#fix-map-key {
width:300px;
height:266px;
float:right;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
}

#map-key2 {
width:200px;
height:420px;
float:right;
border:1px solid red;
margin-bottom:2px;
margin-left:2px;
background:#ffffff;
}

#map-directions {
width:200px;
height:150px;
float:right;
border:1px solid red;
margin-bottom:2px;
margin-left:2px;
background:#ffffff;
}



#admin-bar {
width:241px;
height:446px;
float:left;
border:1px solid red;
margin-bottom:2px;
margin-right:2px;
background:#ffffff;
}

#right-nav {
width:313px;
float:right;
}

#right-nav3 {
width:363px;
float:right;
}
#right-nav2 {
width:204px;
float:right;
}

#map {
width:311px;
height:285px;
float:left;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
text-align:center;
}

#dist-cont {
width:361px;
height:446px;
float:left;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
text-align:left;
}

#dist-walking {
width:361px;
height:109px;
float:left;
margin-bottom:2px;
border-bottom:1px solid black;
}

#dist-cycling {
width:361px;
height:109px;
float:left;
margin-bottom:2px;
border-bottom:1px solid black;
}

#dist-public {
width:361px;
height:109px;
float:left;
margin-bottom:2px;
border-bottom:1px solid black;
}

#dist-public {
width:361px;
height:109px;
float:left;
margin-bottom:2px;
border-bottom:1px solid black;
}

#dist-car {
width:361px;
height:110px;
float:left;
}

.dist-c-left{
width:130px;
padding:5px;
float:left;
text-align:left;
}
.dist-c-right{
width:201px;
padding:5px;
float:left;
text-align:left;
}



#map-content {
width:291px;
height:265px;
float:left;
border:1px solid red;
margin-bottom:2px;
background:#ffecec;
overflow:auto;
padding:10px;
}
#map-content-2 {
width:311px;
height:259px;
float:left;
border:1px solid red;
margin-bottom:2px;
background:#ffecec;
}

#Developmentinfo {
width:301px;
height:270px;
float:left;
border:1px solid red;
margin-bottom:2px;
padding-left:10px;
padding-top:15px;
background:#FBE7E7;
}

#unregisteredDevelopment-map {
width:311px;
height:259px;
float:left;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
text-align:center;
}

#district-map {
width:311px;
height:241px;
float:left;
border:1px solid red;
margin-bottom:2px;
background:#ffffff;
text-align:center;
}

#search {
width:311px;
height:131px;
float:left;
border:1px solid red;
background:#ffffff;
background-image: url(Images/searchbackimage.jpg);
margin-bottom:2px;
}
#news-brief {
width:291px;
height:111px;
float:left;
border:1px solid red;
padding:10px;
background:#ffffff;
background-image: url(Images/searchbackimage.jpg);
margin-bottom:2px;
overflow:auto;
}

#whatson {
width:311px;
height:131px;
float:left;
border:1px solid red;
background:#ffffff;
margin-bottom:2px;
}

#footer {
width:954px;
height:22px;
border:1px solid red;
background:#d9dce1;
clear:both;
}

#fix-right-nav2 {
width:302px;
float:right;
}

#fix-map-directions {
width:300px;
height:150px;
float:left;
border:1px solid red;
margin-bottom:2px;
background:#FFFFFF;
}

#fix-header-bar3 {
width:300px;
height:22px;
border:1px solid red;
margin-bottom:2px;
float:left;
background: url('images/titleback.png');
text-align:center;
line-height:20px;
}

#topnav {
width: 241px;
}

#topnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#topnav a, #topnav h2 {
display: block;
border-bottom: solid 1px black;
border-bottom: solid 1px black;
margin: 0;
padding:5px;
}

#topnav h2 {
color: #fff;
background: #003300;
}

#topnav a {
color:white;
background:#9e0a0a;
text-decoration: none;
}

#topnav a:hover {
background:black;
}

#topnav li {
position: relative;
}

#topnav ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#topnav ul ul ul,
div#topnav ul ul li:hover ul ul
{display: none;}

div#topnav ul ul li:hover ul,
div#topnav ul ul ul li:hover ul
{display: block;}

</style>

<!--[if IE]>
<style type="text/css" media="screen">
 #topnav ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#topnav ul li {float: left; width: 100%;}
#topnav ul li a {height: 1%; border-left: solid 1px black;} 

#topnav a, #topnav h2 {

}