#surveyform .score { padding-right: 31px; }
#surveyform label { float:none; }
#surveyform input { margin-right: 10px; }
#surveyform li { padding-bottom: 20px; }
#surveyform ol {margin:0; padding:0;}
#surveyform ol label { padding-bottom: 15px; }
#surveyform input { margin-top: 10px; }
#surveyform #personal { border: 1px dotted #bdbdbd; margin: 15px 0; margin-right: 20px }
#surveyform #personal label { display: block; float: left; padding-top: 14px; width: 70px; }
#surveyform textarea { vertical-align: -5px; margin-top: 15px; }

input { margin-left: -5px; vertical-align: -3px; }
#surveyform #personal label { padding-right: 6px; }


body {
background-color: #f7f7f7;
}

.BodyClass {
background-color: #f7f7f7;
text-align: center;
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-size: 0.6em;
line-height: 1.4em;
letter-spacing: 0em;
color: #696259;
margin: 0;
padding: 0;
}

img {
border: 0;
}

a:link, a:visited {
color: #6DA3CC;
text-decoration: underline;
font-weight: bold;
}

a:hover, a:active {
color: #246596;
text-decoration: underline;
font-weight: bold;
}

h1 {
color: #1C6899;
font-size: 2.1em;
margin: 12px 0;
padding: 0;
}

h2 {
color: #1C6899;
font-size: 1.6em;
margin: 20px 0 4px 0;
padding: 0;
}

#Wrapper {
width: 772px;
margin: 4px auto;
text-align: center;
}

#Content {
width: 772px;
background: #f7f7f7 url(/images/back_repeater.gif) repeat-y top right;
text-align: left;
}

#ContentTop {
background: #f7f7f7 url(/images/back_top.gif) no-repeat top right;
width: 772px;
height: 13px;
overflow: hidden;
}

#ContentBottom {
background: #f7f7f7 url(/images/back_bottom.gif) no-repeat top right;
width: 772px;
height: 13px;
overflow: hidden;
}

.ImageBlock {
display: block;
}

.Clearer {
clear: both;
height: 1px;
overflow: hidden;
}

#HeaderGraphic {
display: block;
margin: 0 13px;
}

#SubHead {
background: #BDBDBD;
border-width: 1px 0;
border-style: solid;
border-color: #ffffff;
height: 19px;
overflow: hidden;
color: #5E5E5E;
font-weight: bold;
line-height: 19px;
text-align: right;
padding: 0 10px 0 0;
}

#ContentBlock {
float: right;
width: 576px;
margin: 0 13px 0 0;
display: inline;
}

#NavBlock {
float: left;
width: 167px;
margin: 0 0 0 13px;
display: inline;
padding: 1px 0 0 0;
}

table {
font-size: 1em;
border-collapse: collapse;
}

.navtoolbar {
background-color: #BDBDBD;
border-width: 0 0 1px 0;
border-color: #ffffff;
border-style: solid;
width: 165px;
}

.navtoolbarover {
background-color: #909090;
border-width: 0 0 1px 0;
border-color: #ffffff;
border-style: solid;
width: 165px;
}


.NavWater {
background-color: #6594B0;
border-width: 0 0 1px 0;
border-color: #ffffff;
border-style: solid;
width: 165px;
}

.NavWaterOver {
background-color: #4D7186;
border-width: 0 0 1px 0;
border-color: #ffffff;
border-style: solid;
width: 165px;
}

.NavEng {
background-color: #B0A664;
border-width: 0 0 1px 0;
border-color: #ffffff;
border-style: solid;
width: 165px;
}

.NavEngOver {
background-color: #867E4C;
border-width: 0 0 1px 0;
border-color: #ffffff;
border-style: solid;
width: 165px;
}

.NavEnv {
background-color: #9DAC73;
border-width: 0 0 1px 0;
border-color: #ffffff;
border-style: solid;
width: 165px;
}

.NavEnvOver {
background-color: #778357;
border-width: 0 0 1px 0;
border-color: #ffffff;
border-style: solid;
width: 165px;
}

#NavBlock a:link, #NavBlock a:visited, #NavBlock a:hover, #NavBlock a:active {
text-decoration: none;
font-weight: bold;
color: #ffffff;
display: block;
padding: 0 0 0 11px;
height: 17px;
}

#DefaultText {
padding: 36px 12px 12px 36px;
}

#DefaultText p {
padding: 0;
margin: 0 0 12px 0;
}

#HomeText {
padding: 9px;
}

#HomeText p {
padding: 0;
margin: 0 0 6px 0;
}

#PanelWrapper {
width: 576px;
background: url(/images/panel_repeater.gif) repeat-y top right;
}

.Panels {
float: left;
width: 193px;
background: url(/images/panel_repeater.gif) repeat-y top left;
}

.Panels a:link, .Panels a:visited, .Panels a:hover, .Panels a:active {
text-decoration: none;
}

#WaterPanel {
background: url(/images/water_projects.jpg) no-repeat top right;
width: 193px;
height: 35px;
overflow: hidden;
}

#EngineeringPanel {
background: url(/images/engineering_projects.jpg) no-repeat top right;
width: 193px;
height: 35px;
overflow: hidden;
}

#EnvironmentalPanel {
background: url(/images/environmental_projects.jpg) no-repeat top right;
width: 190px;
height: 35px;
overflow: hidden;
}

#LastPanel {
width: 190px;
}

.Panels h2 {
color: #ffffff;
text-align: center;
line-height: 35px;
margin: 0;
padding: 0;
font-size: 1.1em;
}



#DefaultFooter {
float: right;
width: 576px;
margin: 55px 13px 0 0;
display: inline;
background: #BDBDBD;
border-width: 1px 0;
border-style: solid;
border-color: #ffffff;
line-height: 19px;
text-align: right;
padding: 3px 0;
color: #5E5E5E;
font-weight: normal;
letter-spacing: 0;
font-size: 0.9em;
}

#DefaultFooter p {
margin: 0;
padding: 0 10px 0 0;
}

#DefaultFooter a:link, #DefaultFooter a:visited {
color: #5E5E5E;
font-weight: normal;
text-decoration: none;
letter-spacing: 0;
}

#DefaultFooter a:hover, #DefaultFooter a:active {
color: #f7f7f7;
font-weight: normal;
text-decoration: none;
letter-spacing: 0;
}

#WebDesign {
float: left;
width: 167px;
margin: 0 0 0 13px;
display: inline;
padding: 36px 0 8px 0;
text-align: center;
}

#FinalClearer {
clear: both;
height: 1px;
overflow: hidden;
margin: 0 13px;
background: url(/images/clearer_repeater.gif) repeat-x top right;
}

#WebDesignHome {
float: left;
width: 167px;
margin: 0 0 0 13px;
display: inline;
padding: 160px 0 8px 0;
text-align: center;
}

#WebDesign a:link, #WebDesign a:visited, #WebDesign a:hover, #WebDesign a:active, #WebDesignHome a:link, #WebDesignHome a:visited, #WebDesignHome a:hover, #WebDesignHome a:active {
color: #cccccc;
text-decoration: none;
font-weight: normal;
}

ul {
list-style-type: disc;
/* type set in case images are disabled */
list-style-image: url(/images/bullet.gif);
margin: 0;
padding: 0;
}

li {
margin: 0 0 0 18px;
}


.StyledForm {
padding: 0px;
margin: 0px;
clear: right;
}

.StyledForm label {
width: 9.5em;
float: left;
text-align: right;
margin: 0 1em 10px 0;
clear: both;
font-weight: bold;
color: #1C6899;
}

.StyledForm textarea {
margin-bottom: 10px;
width: 14em;
}

.StyledFormInput {
margin-bottom: 10px;
width: 14em;
}

.StyledButton {
clear: both;
border: 1px solid #5E5E5E;
background-color: #bdbdbd;
color: #5E5E5E;
font-size: 0.9em;
letter-spacing: 0.08em;
cursor: pointer;
font-weight: bold;
letter-spacing: 0;
}

#SubButton {
margin-left: 11em;
}

.subsection1element a:link, .subsection1element a:visited {
background: #BDBDBD;
border-width: 1px 0 0 0;
border-color: #ffffff;
border-style: solid;
}

.subsection1element a:hover, .subsection1element a:active {
background: #909090;
border-width: 1px 0 0 0;
border-color: #ffffff;
border-style: solid;
}

.subsection1contents a:link, .subsection1contents a:visited {
background: #BDBDBD;
border-width: 1px 0 0 0;
border-color: #ffffff;
border-style: solid;
}

.subsection1contents a:hover, .subsection1contents a:active {
background: #909090;
border-width: 1px 0 0 0;
border-color: #ffffff;
border-style: solid;
}


