/* Midwest Mechanical */

body {
background-color: #FFFFFF;
background-image:  url("../graphics/background.gif");
background-position: center center;
background-repeat: repeat-y;
margin: 0px; 
padding: 0px;
text-align: center; /*tricks IE5.x into centering the page*/
font: 101% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* stops shorter pages from jumping when there is no scrollbar */
html { min-height:100%; margin-bottom:1px; }

/*wrapper div styles the wrapper around the nav bar*/
#wrapper {
	position: relative;
	margin:auto;
	width:750px;
	text-align: left;
}

/*dropwdown 3 div change the co ordinates for left and top if you need to move the dropdown menu*/

#dropdown3 {
position:absolute; 
left:242px; 
top:148px; 
width:153px; height:96px; 
z-index:5; 
visibility: hidden;}

/*dropwdown 4 div change the co ordinates for left and top if you need to move the dropdown menu*/
#dropdown4 {
	position:absolute;
	left:361px;
	top:148px;
	width:153px;
	height:95px;
	z-index:5;
	visibility: hidden;
}

/*this is the closer div -this is needed so that on mouseout the dropdowns close*/
#closer {left:0px; position:absolute; margin-top:148px;visibility:hidden;width:750px;	z-index:1;}

/*This is the background image for navbar*/
#navbar td{
background-image:  url("../graphics/buttons/buttonback.gif");
background-repeat: repeat-x;
}

/* styles the menu table inside the dropdown div*/
.menu{
border-right: 1px solid #AEAF49;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
width: 150px;
}

.menu a{
background: #CCD5DC;
display: block;/*needed so that the whole cell is highlighted on mouseover*/
text-decoration: none;
width: 100%;
}

.menu a:link{
background: #EEEAE2;
border-bottom: 1px solid #AFA592;
color:#000033;
padding: 2px 2px 2px 2px;  
}

.menu a:visited,.menu a:active{
background: #EEEAE2;
border-bottom: 1px solid #AFA592;
color: #666666;
padding: 2px 2px 2px 2px;
}

.menu a:hover{
background: White;
border-bottom:1px solid #AFA592;
color: #990000;
padding: 2px 2px 2px 2px;
}

 /*declares the styles for cells paragraphs and lists */  
 td, p {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #666666;
 }
 
/*main content area*/
#contenttable {	
background-color: #EAE6DB;
text-align: left; /*re-aligns the text for IE5+*/
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
/*padding: 10px;*/ /*gives a bit of breathing space between the edge and text*/
}

#contenttable td {
	padding: 16px; /*gives a bit of breathing space between the edge and text*/
color: #0033FF;
}
/* spaces the paragraph text in the content table */
#contenttable p{
		line-height: 1.5em;
}
/*styles the content area links*/
#contenttable a:link {
	color: #5D5D29;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#contenttable a:visited {
	color: #000066;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#contenttable a:hover {
	color: #510037;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#contenttable a:active {
	color: #707031;
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/*heading styles*/
  h1 {
 	color: #600041;
	font-size: 14px;
	margin-bottom: -1px;
 }
 
 h2{
 	color: #AE5E5E;
	font-size:13px;
 }
 
h3{
 	color: #75809E;
	font-size: 12px;
 }

/*styles the bottom text link bar */
 #linkbar {
 background-color: #DAD3C1;	
 color: #000099;
 padding-top: 2px;
 padding-bottom: 2px;
 border-top: 1px solid #000099;
 height: 35px;
 }
 /*to keep NS4 happy define styles for the td*/
  #linkbar td{
 background-color: #DAD3C1;	
 color: #000099;
 }
 
 #linkbar a:link {
	color: #510037;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}

#linkbar a:visited {
	color: #680047;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}
#linkbar a:active {
	color: #510037;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: none;
}

#linkbar a:hover {
	color: #64829F;
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	text-decoration: underline;
}

/* sets the background color when focus is on the following parts of the form */
textarea:focus, input:focus, select:focus {
	background-color: #F4F4F4;
	color: #000;
}

/*This styles a bulleted list*/
li {
	color: #0033FF;
	list-style-type: circle;
	line-height: 2em;
}

ul {
	color: #000099;
	list-style-type: square;
}

#slogansection {
height: 146px;
padding:0px;
margin:0px;
}

.imgleft {float: left;
padding: 6px;
}
.imgright {float: right;
padding: 6px;
}
.rightsidebar {
	border-left: 1px solid white; 
	width: 175px;
	background-image:  url("../graphics/sidebar_back.gif");	
	padding: 0px;
	margin-top: 0px;
	vertical-align: top;
	text-align: center;
}
.rightsidebar img {
	border: 1px solid black;
	padding: 1px;
}
/*styles for the contact form*/

#divform {
	width: 90%;
	margin: auto auto;
}

form { 
margin: 0;
padding: 0;
}

label,span.spacer {
width:140px;
padding: 0;
margin: 0;
}
/*styles the form fields*/
label{
font-weight: bold;
color: #5A5F76;
font-weight: bold;
}
fieldset{
padding:0px;
border: 1px solid #BCAF8D;
padding:5px;
}
/*styles the 'contact form' text at top of contact form*/
legend {
color: #AE5E5E;
font-weight: bold;
font: 14px Arial, Verdana, Geneva, Helvetica, sans-serif;
padding-top: 10px;  /*gives a bit of padding between the border and the text*/
}

input,textarea {
	background-color: #E4DFD2;
	padding: 0;
	margin: 0;
border: 1px solid #BCAF8D;
}
.submit {
border: 1px solid #BCAF8D;
}