/*
Edited: 18 May 2007 ()
Website: http://www.drainageandwater.co.uk
Created: 10 May 2007
Author: Laura Zucchetti
======================================
HIGH CONTRAST
======================================
*/

@import url("home.css");/*Home only styles and layout*/
@import url("sidebar.css");/*Sidebar boxes, searches etc*/
@import url("typography.css");/*Fonts and sizes*/
@import url("sIFR-screen.css");/*Flash replacement css

/*
ACCESSIBILITY
======================================
*/
#skip_to{
height:0;
padding:0;
}

#skip_to ul,
#skip_to li,
#skip_to a{
height:0;
padding:0;
margin:0;
text-indent:-999px;
list-style-type:none;
display:inline;
overflow:hidden;
position:absolute;
}

/*
GLOBAL LAYOUT VALUES
======================================
*/

.clear {
clear:both;
height:0;
width:0;
font-size:0;
}

body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
}

#outer {
width:944px;
}

/*
CONTENT PAGES
======================================
*/

#hold_image {
float:right;
}

#hold_image img {
display:none;
}

#content_holder {
width:838px;
padding-left:16px;
float:left;
}

#main_content {
width:620px;
float:left;
}

#search_report_questions ul {
margin:0;
padding:0;
}

#search_report_questions ul li {
font-size:1.2em;
list-style-type:none;
line-height:1.2em;
padding-bottom:10px;
margin:0;
}

/*
CONTENT PAGES WITH PINK PIPES ON THE RIGHT (BLUE FOOTER)
======================================
*/
body.pink_pipes {
margin:0;
padding:0;
height:100%;
}

body.pink_pipes #image_footer {
clear:both;
width:100%;
}

body.pink_pipes #image_footer img {
display:none;
}

/*
CONTENT PAGES WITH BLUE PIPES ON THE RIGHT (PINK FOOTER)
======================================
*/
body.blue_pipes {
margin:0;
padding:0;
height:100%;
}

body.blue_pipes #image_footer {
clear:both;
width:100%;
}

body.blue_pipes #image_footer img {
display:none;
}

/*
HEADER INCLUDING NAVIGATION
======================================
*/

#header {
height:103px;
width:836px;
padding-top:14px;
}

#logo {
width:234px;
height:56px;
float:left;
}

#logo h1 {
display:block;
width:234px;
height:56px;
background-image:url(../../images-css/con29dw-logo.gif);
margin:0;
padding:0;
border:none;
}

#logo h1 a {
display:block;
width:234px;
height:56px;
text-indent:-9999px;
text-decoration:none;
font-size:.2em;
margin:0;
padding:0;
outline:none;
}

#navigation {
float:right;
width:590px;
}

#navigation ul {
float:right;
list-style-type:none;
margin:0;
padding:0;
}

#navigation ul li {
list-style-type:none;
float:left;
line-height:2em;
padding:0;
margin:0;
}

#navigation ul li a {
display:block;
width:185px;
height:24px;
padding:0;
margin:0 0 7px 7px;
text-indent:7px;
background-color:#663300;
color:#FFFFCC;
line-height:1.65em;
text-decoration:none;
font-size:1.2em;
border:solid 1px #663300;
font-weight:bold;
}

#navigation ul li.active a {
background-color:#FFFFCC;
color:#663300;
border:solid 1px #663300;
}

/*
FLOATS
======================================
*/

.left {
float:left;
}

.right {
float:right;
}

/*
ADDRESS FORMATTING ON THE CONTACT PAGE
======================================
*/
ul.add_list {
margin:0;
padding:0;
list-style-type:none;
}

ul.add_list li {
position:relative;
border-top:solid 1px #CCCCCC;
border-bottom:dashed 1px #E9E9E9;
padding:10px 0 0 0;
margin:1em 0;
}

ul.add_list li img {
float:left;
width:207px;
padding:0;
margin:0;
}

ul.add_list li p {
width:413px;
margin-left:207px;
margin-bottom:0;
padding-bottom:1em!important;
}

/*
IMAGE FORMATTING ON WATER COMPANY CONTACT PAGE
======================================
*/

table.small {
width:310px;
border:none;
}

table.small th {
width:216px;
padding:.2em 20px .2em 0;
}

table {
width:100%;
margin-bottom:1.5em;
border:solid 1px #CCC;
border-collapse:collapse;
}

table tr.alt {
background-color:#663300;
color:#FFFFCC;
}

td,
th {
border:solid 1px #CCC;
}

/*
FOOTER
======================================
*/

#footer {
position:absolute;
width:835px; /*867-16-16=835*/
margin:0 16px 4em 16px;
padding-top:1em;
clear:both;
height:60px;
}

#footer div.clear {
width:100%;
border-bottom:1px solid #000;
}

#footer p {
float:left;
}

#footer ul {
float:right;
list-style-type:none;
margin:0;
padding:0;
}

#footer ul li {
float:left
}

#footer ul li a {
border-right:solid 1px #000;
padding:0 1em;
}

#footer ul li.last_link a  {
border:none;
padding-right:0;
}