#container { background-color: #FFF; margin: auto; text-align: center; font-family: 'Arial'; width: 750px; }

#l_head { width: 355px; float:left; height: 85px;}
#r_head { width: 390px; float: left; vertical-align: bottom }

#hft { font-size: 12px; }
#hfb { font-size: 18px; }

.nav { background-image: url('img/abgs.gif'); background-repeat: no-repeat;
	text-decoration: none; float: left;
	text-align: center; width: 85px; margin-left: 2px;}
.hl { text-decoration: none; padding-top: 6px; 
	color: #FFF; font-weight: bolder ; font-size: 15px;  display: block; padding-top: 10px;}
	
	
.bl {background: url(img/blg.gif) 0 100% no-repeat #999966; width: 20em; clear:both; width: 750px; }
.bl2 {background: url(img/blb.gif) 0 100% no-repeat #e5dcb9; width: 20em; clear:both; width: 470px; }
.br {background: url(img/brg.gif) 100% 100% no-repeat; overflow: hidden;}
.br2 {background: url(img/brb.gif) 100% 100% no-repeat;}
.tl {background: url(img/tlg.gif) 0 0 no-repeat; }
.tl2 {background: url(img/tlb.gif) 0 0 no-repeat; }
.tr {background: url(img/trg.gif) 100% 0 no-repeat; padding:10px;}
.tr2 {background: url(img/trb.gif) 100% 0 no-repeat; padding:10px; text-align: justify}
.clear {font-size: 1px; height: 1px} 

#cc { width: 730px; }
#cl { width: 240px; float: left; }
#cr { width: 470px; margin-left: 10px; float: left; }

#clearing { width: 231px; height: 305px; }
#clearing2 { width: 231px; height: 30px; }
#cl2 a{ text-decoration: none; color: #999966 }

#pre { width: 231px; color: #FFF; background-color: #2f2e2b }

p img{ float: left; margin-right: 10px;}
.topic { font-size: 18px; font-weight: bolder; text-align: center}


#footer { clear: both; font-size: 12px; }