body { 
margin-top:10px; 
margin-bottom:20px; 
background: #5b6890 url(images/bg.jpg) fixed repeat-x; 
} 

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

/* header area start */ 

#header { 
background:url(images/header-repeat.jpg) top left repeat-x; 
background-position: 266px 0%; 
border-bottom: 1px #000000 solid; 
text-align:left; 
} 

#logo { 
text-align:left; 
position: absolute; 
left:19px; 
top:21px; 
z-index:5; 
padding-left:5px; 
margin:0; 

} 
#utility_nav { 
position:absolute; 
z-index:3; 
text-align: right; 
padding-top: 23px; 
margin-left:60%; 
padding-bottom: 4px; 
float:right; 
} 

/* topnav area start */ 

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

/* main area start */ 

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

#leftnav { 
margin:0; 
width: 175px; 
padding-top: 12px; 
padding-bottom: 100px; 
padding-left:0; 
background: #3b5090 url(images/bg_main_pro_001.gif); 
background-repeat: repeat-x; 
} 

#nav { 
padding-bottom:20px; 
} 

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

.bucket { 
float:left; 
width: 145px; 
height:230px; 
border-bottom: 1px solid #3b5090; 
border-right: 1px solid #3b5090; 
border-left: 1px solid #ccc; 
border-top: 1px solid #ccc; 
background:url(images/bucket-bg.jpg) bottom left repeat-x; 
text-align:center; 
margin-right:20px; 
padding:8px 3px 3px 3px; 
} 

.bucket2 { 
float:left; 
width: 145px; 
height:245px; 
border-bottom: 1px solid #3b5090; 
border-right: 1px solid #3b5090; 
border-left: 1px solid #ccc; 
border-top: 1px solid #ccc; 
background:url(images/bucket-bg.jpg) bottom left repeat-x; 
text-align:center; 
margin-right:20px; 
margin-top:20px; 
padding:8px 3px 3px 3px; 
} 
html > body .bucket { 
height:200px; 
} 
html > body .bucket2 { 
height:235px; 
} 
/* footer area start */ 

#footer { 
text-align: center; 
padding-top: 5px; 
padding-bottom: 6px; 
background-color: #f3bd1d; 
background-image: url(images/bg_footer_pro_001.gif); 
background-repeat: repeat-x; 
} 

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

/* heading styles */ 

h1 { 
color: #3b5090; 
font-size: 20px; 
font-weight: bold; 
padding: 0 0 7px 0px; 
} 
h1 span { 
font-size:12px; 
} 
h2 { 
color: #3b5090; 
font-size: 14px; 
font-weight: bold; 
background:url(images/h1-bg.gif) top left repeat-x; 
padding: 10px 0 7px 0px; 
border-top: 1px solid #d9d9d9; 
border-left: 1px solid #d9d9d9; 
border-right: 1px solid #d9d9d9; 
} 

h3 { 
color: #3b5090; 
font-size: 12px; 
font-weight: bold; 
padding-left:0; 
border-bottom:1px solid #f3bd1d; 
} 
h4 { 
color: #660000; 
font-size: 12px; 
font-weight: bold; 
padding:0 0 0 0; 
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 */ 

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 #666; 
border-bottom:1px solid #666; 
padding-bottom:10px; 
text-align:right; 
} 
.red { 
background: #e1baba; 
} 
.yellow { 
color: #f3bd1d; 
} 
.border td { 
border-bottom:1px solid #d9d9d9; 
padding:8px 5px 8px 0; 
}