html {
height:100%; 
max-height:100%;
position:absolute;  
padding:0;
margin:0; 
border:0; 
background: url(http://www.soilscreenersinc.com/pictures/P5090002bg.JPG); 
background-position:0 0; 
background-repeat:no-repeat;
background-attachment: fixed;
font-size:76%;
font-family: times new roman, serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body
{
height:100%;
width:100%;
left:30; 
top:140px; 
bottom:20px; 
width:220px; 
padding:0px;
overflow:hidden;
}

#left 
{
position:absolute; 
left:0; 
top:140px; 
bottom:20px; 
width:220px; 
padding:10px;
background: url(http://www.soilscreenersinc.com/pictures/P5090002bg.JPG); #FFFFCC; 
background-position:0 -140; 
background-repeat:no-repeat; 
background-attachment: fixed;
z-index:4; 
overflow:auto;
}

#content 
{
padding-top: 20px;
padding-left: 120px;
padding-right: 20px;
overflow:auto; 
position:absolute; 
z-index:3;
top:140px; 
bottom:20px; 
left:220px; 
right:0; 
font-size:1.9em;
}

* html #content 
{
top:0; 
left:0; 
right:0; 
bottom:0; 
height:100%; 
max-height:100%; 
width:100%; 
overflow:auto; 
position:absolute; 
background: transparent;
z-index:3;
border-top:140px solid #fff; 
border-bottom:20px solid #fff; 
border-left:200px solid #fff;
}

#head {
font-family: "BAZOOKA", "Mistral";
position:absolute; 
margin:1; 
top:0; 
left:0; 
display:block; 
width:100%; 
height:140px; 
background: #DEB887; 
font-size:4.5em; 
z-index:5; 
overflow:hidden; 
color: #006633;
}

#titletext
{
position:absolute; 
margin:0; 
top:65px; 
left:10px; 
display:block; 
width:75%; 
height:45px; 
background: #DEB887; 
font-size:1.25em; 
z-index:5; 
overflow:hidden; 
color: #006633;
}

#sidetext
{
position: absolute;
float:right;
margin:1; 
top:0px; 
right:0px; 
display:block; 
width:25%; 
height:140px; 
background: transparent; 
font-size:1.75em; 
z-index:5; 
overflow:hidden; 
color: #006633;
}

#cardbanner
{
height:30px;
width:100%;
position:absolute;
top:110px;
left:0;
font-size:4em; 
z-index:6;
}

#foot 
{
position:absolute; 
margin:0; 
bottom:0; 
left:0; 
display:block; 
width:100%; 
height:20px; 
font-size:1em; 
z-index:5; 
overflow:hidden;
background: #FFF5EE; 
color: red;
}


* html #left 
{
height:100%; 
top:0; 
bottom:0;
border-top:140px solid #fff; 
border-bottom:20px solid #fff; 
color:#006633;
}

#content p 
{
padding:10px;
}

.right
{
float: right;
font-weight:bold;
}

.bold 
{
font-size:1.2em; 
font-weight:bold;
}

dd 
{
display:none;
}

a.nav, a.nav:visited 
{
color: #006633;
display:block; 
width:180px; 
height:25px; 
background: #DEB887; 
border:1px solid #000; 
text-decoration:none; 
text-align:center; 
font-size:17px;
line-height:25px;
}

a.nav:hover 
{
background: #006633;
color: #DEB887; 
text-decoration:none; 
text-align:center; 
line-height:25px;
display:block; 
width:180px; 
height:25px; 
}

ul#submenu 
{
list-style-type : none; 
text-align : center;
float: bottom;
margin : 0 0 0.75em; 
padding : 0; 
} 

ul#submenu li 
{
color : red;
display : inline; 
padding : 0 2px;
font-size : 0.8em; 
height : 1.5em; 
} 

ul#submenu li a, ul#submenu li a:visited 
{
font-family : arial, sans-serif; 
font-weight: bold;
text-decoration : none; 
color : 009900; 
padding-right : 5px; 
border-right : 3px solid black; 
} 

ul#submenu li a:hover 
{
color : blue; 
border-right : 3px solid black;
}
#big {
position : relative; 
top : 10px; 
left : 10px; 
width : 292px;
background-color : #fff; 
z-index : 100; 
} 
#big a.p1, #big a.p1:visited {
display : block; 
width : 292px; 
height : 207px; 
text-decoration : none; 
background : #fff; 
top : 0; 
left : 0; 
border : 0; 
} 
#big a img {
border : 0; 
} 
#big a.p1:hover {
text-decoration : none; 
background-color : #8c97a3; 
color : #000; 
} 
#big a .large {
display : block; 
position : absolute; 
width : 1px; 
height : 1px; 
border : 0; 
top : -1px; 
left : -1px; 
} 
#big a.p1:hover .large {
display : block; 
position : absolute; 
top : -60px; 
left : 150px; 
width : 600px; 
height : 600px; 
border : 10px solid #fff;
}
#fixpic {display:block; position:fixed; bottom:0; left:0;}