/* body and html */
html, body{
	width:100%;
	margin: 0 0 0 0;
	padding: 0px;
	font-family: Verdana, Arial,sans-serif;
    	font-size: 10px;  /* standard size for normal fonts */
	line-height:1.3em;
	color: #fff;    /*standard color for all text */
	background: #000 url('../images/metalBackMain.jpg') 0 0 repeat-x;
}
#theHeader{
    width:912px;
    margin:40px auto 0px auto;
    padding:0px;
clear:both;
}
#bottomHomePage{
    width:912px;
    margin:-5px auto 0 auto;
    background: #dadada url('../images/gradGray.jpg') 0 0 no-repeat;
    height:237px;
}

#bottomPage{
    width:912px;
    margin:0 auto 0 auto;
    background: #dadada url('../images/gradGraySite.jpg') 0 0 repeat-x;
    height:auto;
    padding:0px;
    clear:both;
display:block;
}
#bottomPage p{
     margin:0 40px 0 40px;
    color:#333;
}
#bottomPageAll{
    width:832px;
    margin:0 auto 0 auto;
    background: #dadada url('../images/gradGraySite.jpg') 0 0 repeat-x;
    height:auto;
    padding:0 40px 0 40px;
    clear:both;
display:block;
}
#bottomPageAll p{
     margin:0 auto 20px auto;
    color:#333;
}
li{
     margin:10px 40px 0 40px;
    color:#333;
}
#leftHome{
    width:290px;
    float:left;
    display:inline;
    margin:43px auto 0 auto;
    line-height:2em;
    padding:0 20px 0 20px;
}
#rightHome{
width:570px;
float:left;
display:inline;
}
#rightHome1{
width:220px;
height:167px;
float:left;
display:inline;
margin:36px 0 0 6px;
color:#ff9933;
padding-top:0px;
background: #999 url('../images/partSamBack.jpg') 0 0 no-repeat;
}
#rightHome1 p{
margin-top:6px;
color:#ff9933;
font-size:12px;
}
#rightHome1 a{
color:#333;
font-size:15px;
text-decoration:none;
}
#rightHome1 a:hover { 
color:#ff9933 }

#rightHome2 p{
color:#fff;
}
#rightHome2{
width:310px;
float:left;
display:inline;
margin:43px auto 0 auto;
color:#fff;
padding:0 10px 0 20px;
}
.colAll{
clear:both;
height:auto;
position:relative;
height:110px;}
.col1{
width:270px;
float:left;
margin:0px;
display:inline;
height:auto;

}
.col2{
width:270px;
float:left;
margin:0px;
display:inline;
height:auto;
}
.col3{
width:270px;
float:left;
margin:0px;
display:inline;
height:auto;
clear:right;
}
/*theNavigation is sometimes inside theHeader, sometimes not, but either way, needs its own styles. */
#theNavigation {
    height: 20px;
    line-height: 20px;
    margin: 10px auto 5px auto;
    width: 912px;
    text-align: right;
    color: #ccc;
    font-size: 10px; 
}

/* navigation is very important. especially the a tags. sometimes use blocks, sometimes something else */

#theNavigation a { 
    color: #ccc; 
    text-decoration: none; 
    font-size: 10px; 
    font-weight: bold;
    padding: 0 17px 0 17px;
    height: 20px;
    line-height: 24px;
    display: inline-block;
    margin: 0;
    font-style: verdana, arial, helvetica, sans;
}

#theContainer div#theNavigation a.current,
#theContainer div#theNavigation a:hover { 
color:#ff9933 }
 
/* end navigation */

/*start content styles */
h1 {
    font-size: 16px;
    color: #036;
    margin: 0 12px 10px 0px;
    border-bottom: dotted thin #369;
    padding:0 0 5px 0;
}
h2 {
    font-size: 13px;
    color: #036;
    margin: 22px 12px 2px 0;
    border-bottom: dotted thin #ff9933;
    padding:0 0 5px 0;
}
p {
margin: 0;
color:#333;
}
/* 
#theLeft {
    float: left;
    display: inline;
    width: 360px;
    padding-right: 20px;
    margin:0 0 0 40px;
}*/

#theLeft {
    float: left;
    display: inline;
    width: 360px;
    padding-right: 20px;
    margin:0 0 0 30px;
}

#theRight { 
    float: left;
    display: inline;
    margin: 0 0 0 20px;
    width: 360px;
}

#theRight { 
    float: left;
    display: inline;
    margin: 0 0 0 20px;
    width: 360px;
}

#theFoot { 
    text-align: center;
    clear: both;
    margin: 20px auto 0 auto;
width:912px;
}


#theFoot p {
    padding: 0;
color:#fff;
}    
#theFoot a {
color:#fff;
}   

#theFoot a:hover { 
color:#ff9933 }

 .floatLeft { float: left; display: inline; }
 img.floatLeft { float: left; display: inline; margin: 10px 10px 10px 0; }

/* End Containers */

sup {   font-size: 85%;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
/*fixes floating div problems*/
.clearfix:after, #theContainer:after, #theBody:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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