@charset "UTF-8";

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #333333;
text-align: center;
font-family: arial sans-serif;
}


a {
color: black;
text-decoration:none;
font-size:14px;
}

a:hover {
color: red;
text-decoration: none;
}

a:visited {
color: black;
text-decoration: underline;
}

input.text, select, file {
font-size: 11px;
border: 1px #333333 solid;
background-color: #EEE;
padding: 0px;
}

h1 {
color: red;
font-size: .8em; text-align: center;}
h2 {color: black;
font-size: 1em;
text-align: left;
padding-top:10px;
padding-bottom:1px;
}

h4 {
font-size: 16px;
font-weight: 700;
color: black;
}

h5 {
font-size: 15px;
font-weight: 700;
}

h6 {
font-size: 14px;
font-weight: bold;
font-style: italic;
}

body hr {
color: orange;
background-color: orange;
height: 1px;
position:relative; top: -18px;
}

#container {
width: 800px;
height: auto;
background: #fff;
margin: 0 auto;
text-align: left;
border-left: solid 1px black;
border-right:solid 1px black;
}

#toplogo {
height: 65px;
background: #ffffff;
background-image: url(../images/top.jpg);
background-repeat: no-repeat;
padding: 0 10px 0 0px;
}

#tophalf {
width: 800px;
height: 414px;
border-top: 1px solid #ccc;
}

#topleft  {
width: 414px;
float: left;
}

#topright {
width: 327px;
float: right;
}

#topright .free {
margin: 0 auto;
color: red;
font-size: 12px;
font-weight: bold;
padding-top:5px;
padding-right: 20px;
text-align:center;
}

/* form */
#form {
width: 250px;
padding-left: 35px;
padding-bottom:2px;
padding-top:15px;
position: absolute;
}

#form .formStyle {
padding: 3px;
font-size: 12px;
border: 2px solid #7F9DB9;
color: black;
}

#form p {
margin: 0 0 5px 0;
}

/* end form */

/* Utility Construction Expo img */
#underform {
position: relative; top: 320px;
}

#breadcrumbs {
	position: relative;
	left:-10px;
	padding-top: 5px;
}

#left {
margin: 0 auto;
width: 441px;
float: left;
background: #fff;
padding-left: 20px;
padding-right:10px;
padding-bottom:10px;
height: auto;
}

#left p { 
font-size:14px;
}

#left li {
padding: 5px 0px 5px 0px;
list-style: none;
color:black;
}

#left a {
text-decoration: none;
font-weight: bold;
}

#right {
margin: 0 auto;
width: 299px;
float: right;
background: #ffffff;
padding-right: 10px;
padding-left: 20px;
padding-top: 5px;
height: 1000px;
}

#right ul {
margin: auto 0;
list-style-image: url(images/ul.gif);
line-height: 5px;
padding-left:20px;
padding-top:0px;
padding-bottom:20px;
}

#right li {
padding-top:20px;
padding-left:5px;
padding-bottom:20px;
}

#right p {
padding-top: -75px;
}

#right a {
text-decoration:none;
color:black;
font-size:14px;
}

#right a:hover {
text-decoration:none;
color:red;
}

#right a:visited {
text-decoration:none;
color:black;
}


#footer {
background: #333333;
max-height: 60px;
clear: both;
}

#footer p {
margin: 0px;
padding: 0 0 0 0;
height: auto;
font-size: .8em;
color: white;
}

/* let the form begin  */
#form {
width: 250px;
padding-left: 30px; 
padding-bottom:1px;
}

#form h5 {
color: red;
}

#form form .formStyle {
padding: 3px;
font-size: 12px;
border: 2px solid #7F9DB9;
}

#form form p { 
margin: 0 0 5px 0;
}

#underform {
position: relative; top: 320px;
}

#footer {
background: #333333;
max-height: 60px;
clear: both;
min-height: 60px;
border-top: 3px solid black;
}

#footer p {
margin: 0px;
height: auto;
font-size: .8em;
}