body { 
margin-top:10px; 
margin-bottom:20px; 
background: #b89f9f; 
} 

#container { 
border: 1px #000 solid; 
background-color: #FFFFFF; 
min-width:800px; 
width:expression(document.body.clientWidth < 800? "800px": "auto" ); 

} 

/* header area start 

#header { 

text-align:right; 
height:130px; 
} 
*/ 
#header { 
margin:0; 
text-align:left; 
background: url(images/header-bg-repeat1.png) top left repeat-x; 
} 
#utility_nav { 
z-index:10; 
position:absolute; 
text-align: right; 
padding-top: 49px; 
padding-bottom: 4px; 
right:20px; 
} 

/* topnav area start */ 

#topnav { 
text-align: right; 
padding-top: 8px; 
padding-bottom: 8px; 
white-space: nowrap; 
background-image: url(images/div_topnav_pro_001.gif); 
background-repeat: repeat-x; 

} 



#main { 
background-image: url(images/bg_main_pro_001.gif); 
background-repeat: repeat-x; 
} 

#leftnav { 
width: 163px; 
padding:0 0 100px 0; 
background: url(images/leftnav_bg.jpg) top left repeat-y; 
margin:0; 
} 

#content_area { 
padding-left: 20px; 
padding-right: 20px; 
padding-top: 20px; 
padding-bottom: 20px; 
text-align:center; 
} 

.bucket { 
float:left; 
width: 130px; 
height:170px; 
border: 1px solid #ccc; 
border-top:1px solid #eee; 
border-left:1px solid #eee; 
background: #fff url(images/bucket_bg.jpg) bottom left repeat-x; 
text-align:center; 
margin-right:15px; 
} 
.bucket2 { 
float:left; 
width: 130px; 
height:315px; 
border: 1px solid #ccc; 
border-top:1px solid #eee; 
border-left:1px solid #eee; 
background: #fff url(images/bucket_bg.jpg) bottom left repeat-x; 
text-align:center; 
margin-right:15px; 
margin-top:15px; 
} 
html > body .bucket2 { 
float:left; 
width: 130px; 
height:295px; 
border-top:1px solid #eee; 
border-left:1px solid #eee; 
border: 1px solid #ccc; 
background: #fff url(images/bucket_bg.jpg) bottom left repeat-x; 
text-align:center; 
margin-right:15px; 
margin-top:15px; 
} 

.bucket3 { 
float:left; 
width: 130px; 
height:275px; 
border: 1px solid #ccc; 
border-top:1px solid #eee; 
border-left:1px solid #eee; 
background: #fff url(images/bucket_bg.jpg) bottom left repeat-x; 
text-align:center; 
margin-right:15px; 
margin-top:15px; 
} 
html > body .bucket3 { 
float:left; 
width: 130px; 
height:255px; 
border-top:1px solid #eee; 
border-left:1px solid #eee; 
border: 1px solid #ccc; 
background: #fff url(images/bucket_bg.jpg) bottom left repeat-x; 
text-align:center; 
margin-right:15px; 
margin-top:15px; 
} 
/* footer area start */ 

#footer { 
text-align: center; 
padding-top: 5px; 
padding-bottom: 6px; 
background: #cc0000; 
color:#fff; 
} 

#thomas_info { 
font-family: Arial; 
font-size: 10px; 
color: #fff; 
text-align: right; 
padding-top: 2px; 
padding-bottom: 2px; 
padding-right:5px; 
width:360px; 
float:right; 
} 

/* heading styles */ 

h1 { 
color: #000; 
font-size: 18px; 
font-weight: bold; 
background-image: url(images/bg_topnav_pro_001.jpg); 
background-position: bottom ; 
background-repeat: no-repeat; 
padding: 4px 0 10px 10px; 
} 
h1 span { 
font-size:12px; 
} 
h2 { 
color: #383838; 
font-size: 14px; 
font-weight: bold; 
padding: 10px 0 7px 10px; 
background:url(images/bucket_bg.jpg) bottom left repeat-x; 
} 

h3 { 
color: #660000; 
font-size: 12px; 
font-weight: bold; 
padding-left:10px; 
} 

h4 { 
color: #660000; 
font-size: 12px; 
font-weight: bold; 
padding:0 0 0 10px; 
margin:0; 
} 

hr { 
height:1px; 
border:none; 
background:#ccc; 
margin:0; 
padding:0; 
} 
/* image styles */ 

.img01 { 
border: 1px #000000 solid; 
} 

.img02 { 
border: 1px #000000 solid; 
float: left; 
margin-right: 10px; 
margin-bottom: 10px; 
} 

.img03 { 
border: 1px #000000 solid; 
float: right; 
margin-left: 10px; 
margin-bottom: 10px; 
} 

/* miscellaneous */ 

ul li { 
list-style-image: url(images/bullet_pro_001.gif); 
} 

.fright { 
float: right; 
margin: 0 5px 5px 5px; 
} 


.fleft { 
float: left; 
margin: 5px 15px 10px 15px; 
} 

.box { 
border-top:1px solid #c00; 
border-bottom:1px solid #c00; 
padding-bottom:10px; 
text-align:right; 
} 
.red { 
background: #fff; 
} 
.border td { 
border-bottom:1px solid #d9d9d9; 
padding:8px 5px 8px 0; 
}