<style type="text/css">  
body{font-size:12px;text-align:left;}    
  
.main{width:901px;/* 总的宽度 */   
border:1px solid #ccc; 
margin:0 auto; 
}   
.main .col-1{   
float:left;/* 这个是关键的地方 让col1往左浮动，这样它的后面（右边）就可以放置别的元素（别的元素：可以是div，图片，文字等） */   
width:709px;height:300px;      
margin-left:10px;/* 让col2和col1之间有些间隔 */
}   
.main .col-2{
	float:left;/* 这个是关键的地方 让col2也往左浮动，紧跟在col1的后面 */
	
	width:180px;
	height:880px;/* 给一个尺寸 可以随意*/
	background:#003223;
}   
.clear-float{clear:both}/* 清除col1和col2的float,否则main的高度会出错 没有包住它里面的有float的元素。 */   
</style> 


div#top-links{
margin-top:0px;
padding-top:0px;
width:86;
font-size:12px;
text-align:center;
height:25;
}
div#top-links li{
float:left;  
list-style-type:none;
}
div#top-links li a{
display:block;
width:86px;
padding:6px 0px 1px 0px;
margin:0px;
text-decoration:none;
text-align:center;}
div#top-links li a:link,div#top-links li a:visited{
color:#000000;
}
div#top-links li a:hover{
color:#FFFFFF;
text-decoration:none;
background-color:#000033;
}










.STYLE2 {font-family: "黑体"}
.STYLE3 {font-weight: bold; color: #FFFFFF; font-size: 16px;}
html,body,p,div,form,td,th {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:2px;	
	line-height:180%
}

a {
	FONT-SIZE: 12px; COLOR: #333333}
a:link {
	color: #333333;
	text-decoration: none;
	FONT-SIZE: 12px;
}
a:hover {
	color: #330000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;TEXT-DECORATION: none
}
a:active {
	text-decoration: none;
	color: #990000;
}

.STYLE6 {color: #6D193A; font-weight: bold; font-size: 14px; }
.bdtb {background:black;}
.bdtb td {background:white;}
.style8 {color: #6D193A; font-weight: bold; font-size: 12px; }
.style9 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}





#changpic{
	background-image: url(dream100.jpg);
	height: 170px;
	filter: Alpha(Opacity=100, FinishOpacity=0, Style=3);
}
#name{
	font-family: "隶书";
	font-size: 18px;
	color: #66aa33;
	word-spacing: 0.5em;
	text-decoration: blink;
}


/* common styling */
.menu {
	font-family: arial, sans-serif;
	width:135px;
	height:200px;
	position:relative;
	font-size:12pt;
	margin:50px 0;
	text-align: ;
	float:right;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
}
.menu li{
	list-style-type:none;
	line-height: 30px;
	list-style-type: none;
	color: #FFFFFF;
	
}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:105px; height:20px; text-align:left; color:#fff; border:0px solid #aaa; background:#003223; line-height:20px; font-size:11px; overflow:hidden;}
 .menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
 .menu ul li ul {display: none;}
/* specific to non IE browsers */
/*.menu ul li:hover a {color:#fff; background:#36f;}
/*.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
/*.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
/*.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
/*.menu ul li:hover ul li ul {display: none;}
/*.menu ul li:hover ul li a {display:block; background:#eee; color:#000;}
/*.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
/*.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}*/

<!--[if lte IE 6]>

.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a:hover {color:#fff; background:#6a3;}/*鼠标悬浮时文字颜色，背景色*/
.menu ul li a:hover ul {
	display:block;
	position:absolute;
	left:105px;
	width:195px;
	border: 1px solid #6a3;
	background-color: #6a3;
	overflow: hidden;
	top: 0px;
}
.menu ul li a:hover ul li a.sub {
	background:#6a3;
	color:#fff;
	border: 0px none #6a3;
}
.menu ul li a:hover ul li.xi {
	display: block;
	background-color: #6a3;
	background:#6a3;
	width: 100%;
}
.menu ul li a:hover ul li a {
	display:block;
	background:#eee;
	color:#000;
	width: auto;
}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	left:105px;
	top:0;
	color:#000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #6a3;
	border-right-color: #6a3;
	border-bottom-color: #6a3;
	border-left-color: #6a3;
}

<![endif]-->