body {
background-color: #ffffff;
background-image: url(images/menurunner.gif);
background-repeat: no-repeat;
color: #2f2f32;
font-family: Arial, Verdana, "Times New Roman", Sans-serif;
font-size: 75%
}


/* ------------- Alignment Styles -------------- */

.cntr {
text-align: center
}

.right {
text-align: right
}

.mid {
vertical-align: middle
}


/* ------------- General HTML Styles -------------- */

td {
vertical-align: top
}

form {
margin-bottom: 0px;
margin-top: 13px;
padding: 0px;
}

select {
font-size: 75%
}

a.titlelinks {
background-color: #6a9ccf;
color: #ffffff;
text-decoration: none
}
a:hover.titlelinks {
text-decoration: underline
}

a.bluelink {
background-color: #f5fcff;
color: #16437b
}

a.boldbluelink {
background-color: #f5fcff;
color: #16437b;
font-weight: bold
}

img {
border: 0px
}

img.border {
border: 1px solid #abaaae
}

.rightimg {
float: right;
margin-left: 6px;
margin-bottom: 3px
}

.leftimg {
float: left;
margin-right: 6px;
margin-bottom: 3px
}

hr {
background-color: #ffffff;
color: #babee8;
height: 1px
}

h5 {
background-color: #f5fcff;
color: #284f65;
font-size: 120%;
margin-bottom: 7px;
margin-top: 0px
}

.bold {
font-weight: bold
}

.underline {
text-decoration: underline
}

.italic {
font-style: italic
}

.boldunderline {
font-weight: bold;
text-decoration: underline
}

.colour1 {
background-color: #e4e9f4;
color: #1d6393;
}

.colour2 {
background-color: #e4e9f4;
color: #367cad;
}


/* ------------- width attributes -------------- */

.half {
width: 50%
}


/* ------------- div placements -------------- */

#header {
background-color: #e4e9f4;
color: #ffffff;
height: 110px;
left: 0px;
position: absolute;
top: 0px;
width: 747px;
z-index: 1
}

#pic1 {
height: 75px;
left: 0px;
position: absolute;
top: 0px;
width: 105px;
z-index: 2
}

#pic2 {
height: 75px;
left: 107px;
position: absolute;
top: 0px;
width: 105px;
z-index: 3
}

#pic3 {
height: 75px;
left: 214px;
position: absolute;
top: 0px;
width: 105px;
z-index: 4
}

#pic4 {
height: 75px;
left: 321px;
position: absolute;
top: 0px;
width: 105px;
z-index: 5
}

#pic5 {
height: 75px;
left: 428px;
position: absolute;
top: 0px;
width: 105px;
z-index: 6
}

#pic6 {
height: 75px;
left: 535px;
position: absolute;
top: 0px;
width: 105px;
z-index: 7
}

#pic7 {
height: 75px;
left: 642px;
position: absolute;
top: 0px;
width: 105px;
z-index: 8
}

#sidebar {
background-color: #ffffff;
color: #000000;
height: 100px;
left: 0px;
position: absolute;
top: 85px;
width: 191px;
z-index: 9
}

#sitesearchblock {
background-color: #1d6393;
color: #ffffff;
height: 25px;
left: 0px;
overflow: hidden;
position: absolute;
top: 85px;
width: 25px;
z-index: 10
}

#sitesearchheader {
background-color: #367cad;
background-image: url(images/searchcurl.gif);
background-repeat: no-repeat;
color: #ffffff;
font-weight: bold;
height: 20px;
left: 26px;
overflow: hidden;
padding-left: 7px;
padding-top: 5px;
padding-bottom: 0px;
position: absolute;
top: 85px;
width: 158px;
z-index: 11
}

#logo {
font-size: 170%;
font-weight: bold;
height: 50px;
left: 200px;
text-align: center;
position: absolute;
top: 85px;
width: 540px;
z-index: 50
}

#sitesearch {
background-color: #5894be;
color: #ffffff;
height: 42px;
left: 0px;
padding-left: 10px;
padding-top: 0px;
position: absolute;
top: 111px;
width: 181px;
z-index: 13
}

#menublock {
background-color: #1d6393;
color: #ffffff;
height: 25px;
left: 0px;
overflow: hidden;
position: absolute;
top: 154px;
width: 25px;
z-index: 14
}

#menuheader {
background-color: #367cad;
color: #ffffff;
font-weight: bold;
height: 20px;
left: 26px;
overflow: hidden;
padding-left: 7px;
padding-top: 5px;
position: absolute;
top: 154px;
width: 158px;
z-index: 15
}

/* ------- Menu -------- */

#menu {
background-color: #5894be;
color: #002040;
left: 0px;
position: absolute;
top: 180px;
width: 191px;
z-index: 16
}

#onmenu {
background-color: #4b86b0;
color: #ffffff;
font-family: Arial, Verdana, Sans-serif;
height: 19px;
padding-left: 0px;
padding-bottom: 1px;
padding-top: 4px
}

.menuitem {
background-color: #5894be;
color: #ffffff;
height: 23px;
overflow: hidden;
padding-bottom: 1px;
padding-left: 0px
}

.menuitem a { background-color: #5894be; color: #ffffff; text-decoration: none; display: block; height: 19px; padding-top: 4px }

.menuitem a:hover { background-color: #4b86b0; color: #ffffff; }


/* ------- Quick Links ------ */

#linksblock {
background-color: #1d6393;
color: #ffffff;
height: 25px;
left: 0px;
overflow: hidden;
position: absolute;
top: 517px;
width: 25px;
z-index: 17
}

#linksheader {
background-color: #367cad;
color: #ffffff;
font-weight: bold;
height: 20px;
left: 26px;
overflow: hidden;
padding-left: 7px;
padding-top: 5px;
position: absolute;
top: 517px;
width: 158px;
z-index: 18
}

#links {
background-color: #5894be;
color: #ffffff;
height: 100%;
left: 0px;
position: absolute;
top: 543px;
width: 191px;
z-index: 19
}


/* ------- Main Page -------- */

#titleblock {
background-color: #1d6393;
color: #ffffff;
height: 25px;
left: 192px;
overflow: hidden;
position: absolute;
top: 111px;
width: 25px;
z-index: 20
}

#titleheader {
background-color: #367cad;
color: #ffffff;
font-weight: bold;
height: 20px;
left: 218px;
overflow: hidden;
padding-left: 7px;
padding-top: 5px;
position: absolute;
top: 111px;
width: 522px;
z-index: 21
}

#content {
background-color: #f5fcff;
color: #2f2f32;
left: 192px;
height: 503px;
overflow: visible;
padding-bottom: 15px;
padding-left: 7px;
padding-top: 7px;
position: absolute;
top: 137px;
width: 548px;
z-index: 22
}

#leftcol {
left: 0px;
position: relative;
top: 10px;
z-index: 23
}

#rightcol {
left: 280px;
position: relative;
top: 5px;
z-index: 24
}


/* ------------- Board Members table lists -------------- */

.tableborder {
border: 1px solid #367cad;
margin-left: 40px;
width: 409px
}

#listtables {
padding: 0px;
margin: 0px;
}


/* ------- Headers -------- */

.listheader{
width: 400px;
margin: 0px;
padding: 0px;
}

.listheader ul {
padding:1px;
margin:0px;
list-style:none;
}
	
.listheader ul li {
color:#ffffff;
font-size: 100%;
font-weight: bold;
margin-top:1px;
display: block;
padding: 1px 0 1px 5px;
background-color: #367cad;
border: 1px solid #1d6393;
width: 400px;
}


/* ------- Contents -------- */

.listcontents{
width: 400px;
margin: 0px;
padding: 0px;
}

.listcontents ul {
padding:1px;
margin:0px;
list-style:none;
}
	
.listcontents ul li {
color:#1d6393;
font-size: 100%;
margin-top:1px;
display: block;
padding: 1px 0 1px 5px;
background-color: #ffffff;
border: 1px solid #367cad;
width: 400px;
}

/* ------------- Flood Defence Asset table -------------- */

table.assets {
border: 1px solid #367cad;
margin-left: 5px;
width: 525px;
}


/* ------- Headers -------- */

th.assetname {
background-color: #367cad;
border: 1px solid #367cad;
color: #ffffff;
text-align: left
}

th.location {
background-color: #367cad;
border: 1px solid #367cad;
color: #ffffff;
text-align: left
}


/* ------- Contents -------- */

td.assets {
background-color: #ffffff;
border: 1px solid #367cad;
color: #367cad
}




/* --------- PDF Box ---------- */

a.innercontentlink {
background-color: #ffffff;
color: #2f2f32;
text-decoration: underline
}

.innertext {
left: 3px;
position: relative;
top: 3px;
width: 183px
}

.innercontenttext {
background-color: #ffffff;
color: #2f2f32;
left: 0px;
margin-top: 2px;
padding-top: 3px;
padding-left: 3px;
padding-right: 1px;
padding-bottom: 3px;
top: 0px;
}

.prepdfhelp {
height: 35px
}
