body { 
margin-top: 23px; 
background-color: #c8c8c8; 
background-image: url(images/bg.jpg); 
background-position: top; 
background-repeat: repeat-x 
} 

#container { 
width: 960px; 
background-color: #FFFFFF; 
} 

/* header area start */ 

td 
{ 
font-family:Arial; 
font-size: 12px; 
color: #000000; 
} 

a { 
text-decoration: underline; 
color: #000000; 
} 

a:hover { 
text-decoration: none; 
color: #000000; 
} 

#header { 
width: 960px; 
white-space: nowrap; 
background-image: url(images/header_bg.jpg); 
background-repeat: no-repeat; 
background-position:283px top; 
text-align: left; 
} 

#header.chinese { 
background-image: url(../images/chinese-header_bg.jpg); 
} 


/* topnav area start */ 

#topnav { 
width: 960px; 
text-align: right; 
padding-top: 7px; 
padding-bottom: 7px; 
white-space: nowrap; 
background-image: url(images/topnav_bg.jpg); 
background-repeat: no-repeat; 
background-position: 267px top; 
} 

#searchnav 
{ 
width: 960px; 
text-align: center; 
height: 51px; 
background-image: url(images/searchnav_bg.jpg); 
background-position: top left; 
background-repeat: no-repeat; 
} 

/* main area start */ 

#main { 
width: 960px; 
background-image: url(images/main_bg.jpg); 
background-repeat: no-repeat; 
background-position: 22px bottom; 
padding-bottom: 2px; 
} 

#leftnav { 
width: 191px; 
padding-bottom: 357px; 
background-color: #eeeeee; 
background-image: url(images/leftnav_bg.jpg); 
background-repeat: no-repeat; 
background-position: bottom left; 
} 

#nav { 
width: 191px; 
float: left; 
background-image: url(images/nav_bg.jpg); 
background-repeat: repeat-x; 
background-position: top left; 
border-bottom: 1px solid #DDDDDD; 
} 

#content_area { 
padding-left: 24px; 
padding-right: 26px; 
padding-top: 16px; 
padding-bottom: 20px; 
} 

/* footer area start */ 

#footer { 
width: 960px; 
text-align: left; 
padding-top: 5px; 
padding-bottom: 30px; 
background-image: url(images/footer_bg.jpg); 
background-repeat: no-repeat; 
background-position: bottom left; 
} 

#thomas_info { 
width: 960px; 
text-align: left; 
padding-top: 5px; 
padding-bottom: 2px; 
} 

/* heading styles */ 

h1 { 
color: #333333; 
font-size: 16px; 
font-weight: bold; 
} 

.greenpageh1 
{ 
color: #04af00; 
font-size: 18px; 
font-weight: bold; 
} 

h2 { 
color: #333333; 
font-size: 14px; 
font-weight: bold; 
} 

h3 { 
color: #000000; 
font-size: 13px; 
font-weight: bold; 
} 

/* 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; 
} 

.img04 
{ 
margin-left: -5px; 
margin-bottom: 1px; 
} 

.img05 
{ 
margin-top: 9px; 
} 

.img06 
{ 
margin-left: 21px; 
margin-right: 5px; 
margin-bottom: 10px; 
margin-top: -8px; 
} 

/* miscellaneous */ 

li { 

} 

.footer_left 
{ 
display:block; 
margin-left:22px; 
} 

.footer_right 
{ 
float:right; 
margin-right: 21px; 
width: 50px; 
margin-top:6px; 
} 

.thomas_info_right 
{ 
float: right; 
margin-right: 21px; 
} 

.thomas_info_right a 
{ 
color: #666666 !important; 
} 

.thomas_info_right a:hover 
{ 
color: #666666 !important; 
} 

.thomas_info_left 
{ 
display:block; 
margin-left: 376px; 
} 

.greenpagelink a 
{ 
color: #04af00 !important; 
font-weight: bold !important; 
} 

.greenpagelink a:hover 
{ 
color: #04af00 !important; 
font-weight: bold !important; 
} 

.separator 
{ 
padding-left: 26px; 
padding-right: 26px; 
} 

form 
{ 
margin-top: 0px; 
margin-bottom: 0px; 
} 

input 
{ 
font-size: 11px; 
} 
select 
{ 
font-size: 11px; 
} 

.bucket 
{ 
width: 235px; 
background-image: url(images/bucket_bg.gif); 
background-position: bottom left; 
background-repeat: no-repeat; 
padding-bottom: 0px; 
} 

html > body .bucket 
{ 
padding-bottom: 16px; 
} 

.bucket2 
{ 
width: 187px; 
background-image: url(images/bucket2_bg.gif); 
background-position: bottom left; 
background-repeat: no-repeat; 
} 

html > body .bucket2 
{ 
padding-bottom: 0px; 
} 

.bucket3 
{ 
width: 324px; 
background-image: url(images/bucket3_bg.gif); 
background-position: bottom left; 
background-repeat: no-repeat; 
} 

html > body .bucket3 
{ 
padding-bottom: 16px; 
} 

ul.BucketContent 
{ 
margin-top: 2px; 
text-align: left; 
font-size:11px; 
margin-left: 0px; 
color: #000000; 
} 

ul.BucketContent li 
{ 
background-image: url(images/bullet.gif); 
background-position: left 6px; 
background-repeat: no-repeat; 
list-style-type: none; 
margin-left: 28px; 
padding-left: 7px; 
line-height:13px; 
} 

html > body ul.BucketContent li 
{ 
margin-left: -9px; 
} 

.morelink a 
{ 
float: right !important; 
font-size: 10px !important; 
text-decoration: underline !important; 
margin-top: 63px !important; 
margin-left: 0px !important; 
font-weight: normal !important; 
} 

.morelink a:hover 
{ 
float: right !important; 
font-size: 10px !important; 
text-decoration: none !important; 
margin-top: 63px !important; 
margin-left: 0px !important; 
font-weight: normal !important; 
} 

ul.BucketContent2 
{ 
margin-top: 7px; 
text-align: left; 
font-size:11px; 
margin-left: 0px; 
color: #000000; 
} 

ul.BucketContent2 li 
{ 
background-image: url(images/bullet.gif); 
background-position: left 6px; 
background-repeat: no-repeat; 
list-style-type: none; 
margin-left: 26px; 
padding-left: 7px; 
line-height:13px; 
} 

html > body ul.BucketContent2 li 
{ 
margin-left: -14px; 
} 

.morelink2 a 
{ 
float: right !important; 
font-size: 10px !important; 
text-decoration: underline !important; 
margin-top: 31px !important; 
margin-left: 0px !important; 
font-weight: normal !important; 
margin-right: 21px !important; 
text-align: right !important; 
width: 33px !important; 
} 

.morelink2 a:hover 
{ 
float: right !important; 
font-size: 10px !important; 
text-decoration: none !important; 
margin-top: 31px !important; 
margin-left: 0px !important; 
font-weight: normal !important; 
margin-right: 21px !important; 
text-align: right !important; 
width: 33px !important; 
} 

.morelink3 a 
{ 
float: right !important; 
font-size: 10px !important; 
text-decoration: underline !important; 
margin-top: 33px !important; 
margin-left: 0px !important; 
font-weight: normal !important; 
margin-right: 21px !important; 
text-align: right !important; 
width: 33px !important; 
} 

html > body .morelink3 a 
{ 
margin-top: 25px !important; 
} 

.morelink3 a:hover 
{ 
float: right !important; 
font-size: 10px !important; 
text-decoration: none !important; 
margin-top: 33px !important; 
margin-left: 0px !important; 
font-weight: normal !important; 
margin-right: 21px !important; 
text-align: right !important; 
width: 33px !important; 
} 

html > body .morelink3 a:hover 
{ 
margin-top: 25px !important; 
} 

.bucket3text1 
{ 
display: block; 
margin-left: 14px; 
margin-bottom: 23px; 
} 

.bucket2 p 
{ 
clear: both; 
margin-top: 0px; 
margin-bottom: 0px; 
padding-top: 0px; 
padding-bottom: 0px; 
color:#666666; 
font-size:11px; 
} 

.bucket3heading 
{ 
margin-bottom: 3px; 
display: block; 
white-space:nowrap; 
width: 150px !important; 
text-align: center; 
margin-left:84px !important; 
} 

.bucket3heading a 
{ 
display: block; 
white-space:nowrap; 
color: #333333 !important; 
margin-left: 0px !important; 
} 

.bucket3heading a:hover 
{ 
display: block; 
white-space:nowrap; 
color: #333333 !important; 
margin-left: 0px !important; 
} 

.tables { 
border-top:1px solid #ccc; 
border-left:1px solid #ccc; 
} 

.tables td { 
border-right:1px solid #ccc; 
border-bottom:1px solid #ccc; 
padding:8px; 
} 

.tables h2 { 
padding:0; 
margin:0; 
}