

* {
padding:0px;
margin:0px;
border:0px;
}


body {	
font-family: Arial, Helvetica, sans-serif;	
color:#336699;
text-align:center;
background-color:#666666;
font-size:12px;
}



#mainContainer {
position:relative;
width:650px;
height:550px;
background-color:#006666;/*deeper green*/
margin-top:25px;
margin-left:auto;
margin-right:auto;
text-align:center;
border:black 1px solid;
}

#breadCrumb {
float:left;
width:250px;
height:20px;
margin-top:10px;

}

#breadCrumb a {
float:left;
margin-left:15px;
color:#00FFFF;
}


#contentContainer {
float:left;
width:100%;
background-color::#006666;
padding:0px;
margin:0px;
border-top:0px;

}

#instructions {
float:left;
margin-left:55px;
margin-top:50px;
width:450px;
height:120px;
background-color:#006666;
margin-left:auto;
margin-right:auto;
margin-top:25px;
line-height:1.5em;
text-align:left;
padding-bottom:15px;
margin-bottom:15px;
color:#ffffff;
}

#instructions p {
/*background-color:yellow;*/
margin-top:10px;
}


#cubicYardCalculator {
float:left;
margin-left:85px;
width:650px;
background-color:#006666;
/*background-color:pink;*/

}



form {
float:left;
margin-left:0px;
margin-top:45px;
width:550px;
height:250px;
/*background-color:white;*/
}

#soilCalcForm {
float:left;
margin-left:0px;
margin-top:45px;
width:550px;
height:150px;

}


#cubicYardCalc_table {
float:left;
margin-left:0px;
width:500px;
background-color:#CCCCCC;
text-align:center; 
border:2px solid gray;
font-family:inherit;
font-size:12px;
}

#cubicYardCalc_table td {
border:1px solid gray;

}


a {
	color: #3366CC;
	text-decoration: none;
	font-weight: bold;
}

h1 {
float:left;
margin-left:25px;
font-family: Arial, Helvetica, sans-serif;	
font-size: 2em;
margin-top:40px;
width:500px;	
color:white;

}

#closeWindow {
float:right;
width:50px;
margin-right:10px;
margin-top:10px;
}

#closeWindow a {
color:#CCCCCC;

}


#closeWindow a:hover {
color:black;
background-color:tan;
text-decoration:underline;
font-weight:bold;
}

#contentContainer_cubicYardCalc_page {
float:left;
width:100%;
height:800px;
background-color:#006666;
padding:0px;
margin:0px;
border:black 1px solid;
border-top:0px;

}

#cubicYardCalculator {
float:left;
margin-left:25px;
width:60%;
height:400px;
background-color:#006666;
/*background-color:pink;*/

}

form {
width:100%;
height:200px;
/*background-color:white;*/
}

#cubicYardCalc_table {
width:500px;
margin-left:auto;
margin-right:auto;
background-color:#CCCCCC;
text-align:center; 
border:2px solid gray;
font-family:inherit;
font-size:12px;
}

#cubicYardCalc_table td {
border:1px solid gray;

}

#title {
width:100%;
height:20px; 
/*background-color:#4B9696;*/
text-align:center; 
vertical-align:middle;
font-family:inherit;
font-weight:bold;
}

#instructions {
width:550px;
height:120px;
background-color:#006666;
margin-left:auto;
margin-right:auto;
line-height:1.5em;
text-align:left;
padding-bottom:15px;
margin-bottom:15px;
color:#ffffff;
font-size:14px;
}

#instructions p {
/*background-color:yellow;*/
margin-top:10px;
}


td.heading {
font-weight:bold;
/*background-color:green;*/
width:100px;
text-align:center;
}

.inputField {
/*background-color:lavender;*/
width:75px;
}

td.inchesFeet {
text-align:left;
padding-left:25px;
/*background-color:tan;*/
}

#returnToRocks {
background-color:#CCCCCC;
width:125px;
height:45px;
float:left;
margin-top:15px;
margin-left:15px;
border:1px solid #666666;
padding-top:10px;
}

input.clearButton {
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
background-color:#666666;
}


input.calculateButton {
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
background-color:#666666;

}

#callToOrder {
width:200px;
height:25px;
float:left;
margin-left:90px;
margin-top:25px;
margin-bottom:0px;
font-weight:bold;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:white;
}


table#cubicYardCalc_table .button {
border:1px solid black;
background-color:#666666;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clearfix {
display: inline-block;

}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





