html, body{ 
 background-color: #000000;
 background-image: url('layout/2939.jpg');
 background-attachment: fixed;
 margin:0; 
 padding:0; 
 font-family: "Lucida Grande", "Trebuchet MS", Verdana;
 font-size: 14px;
 } 
 
#pagewidth{ 
 background-color: #FFFFFF;
 width:895px; 
 margin-left:auto; 
 margin-right:auto; 
 border-top: 5px solid   #000000;
 border-right: 5px solid #000000;
 border-left:5px solid #000000;
 border-bottom: 10px solid #000000;
} 
 
#header{
 background-image:url('layout/header.jpg');
 position:relative; 
 height:323px; 
 width:100%;
} 
 
#leftcol{
 background-color: #FFFFFF;
 width:20%; 
 float:left; 
 position:relative; 
 }
 
#maincol{
background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:80%; 
 }
 
/* Fonts */

h1{

font-size: 20px; 
font-weight: bold;
text-decoration: underline;
padding:5px;
margin:5px;
}

a:link { color: #333333; text-decoration: underline }
a:visited { color: #333333; text-decoration: underline }
a:hover { color: red; text-decoration: underline }
a:active { color: #333333; text-decoration: none }

img {
   padding:1px;
   border:5px solid #FFFFFF;
   
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*
###############################
#Forms
##############################
*/


fieldset{

display: block;
width: 90%;
margin: 0 0 3em 0;
padding: 0 0 1em 1em;
}

label{

display: block;
margin-top: 1em;
margin-bottom: 1em ;
font-weight: bold;


}

input{

display: block;
width: 18em;

}

select{

display: block;
width: 18em;


}

textarea{
display: block;
width: 40em;
}


td{
border-bottom: 1px dotted #5A3320;
border-left: 1px dotted #5A3320;
margin-top: 1em;
margin-bottom: 1em ;
padding: 5px;

}

table{
border-bottom: 1px dotted #5A3320;
border-left: 1px dotted #5A3320;
margin: 10px;
padding: 10px;


}

/* Menu */

.sexypanels{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu */
}

.sexypanels li{
border-bottom: 1px solid white; /* white border beneath each menu item */
}

.sexypanels li a{
background: #000 url(layout/sexypanelright.gif) no-repeat right top; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.sexypanels li a:visited, .sexypanels li a:active{
color: white;
}

.sexypanels li a:hover{
background-color: #333333; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}



<!--[if IE]>

.sexypanels li a{ /* Menu link width value for IE */
width: 100%;
}

<![endif]-->