@charset "utf-8";
/* CSS Document */
body{
margin:0px;
width:100%;
min-width:768px;
	max-width:1200px;
font-family: "微软雅黑","宋体",Tahoma,verdana ;
}

#header{
	background-color:#0097AB;
	border-bottom:3px #BDE1C6 solid;
	color:#DDFF1C;
	/*display:block;text-shadow:#003399;text-align:center;*/
	font-weight: bold;
	padding:20px;
}
#header h1 {
		position: absolute;
		top: 5px;
		left: 10px;
		margin: 0;
		font-size:medium;
		height: 8px;
		z-index: 100; /* above the UL */
	}
#header ul {
		width: auto;
		position:relative;
		bottom: 5px;
		right: 0;
		margin: 0;
		padding: 0 15px 6px 0;
		list-style: none;
		z-index: 90; /* below the H1 */
	}
#header li {
		float: right;
		padding: 0px 6px 0px 0px;
		margin: 0 1px 0px 0;
		font-size:small;
}
#header ul a {
		float: left;
		display: block;
		padding: 4px 10px 4px 16px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}
	#header ul li:hover a { text-decoration:underline;color:#E3ECB1; }
	#header ul li:hover {  }
	
#main{min-width:768px;}
#leftPanel{
	float:left;
	margin:1% 0% 1% 1%;
	background:#FFFFFF;
	min-height:400px;
	width:20%;
	height:100%;
	word-wrap:break-word;
	border:1px #0097AB solid;
}
#leftPanel ul {
	width: auto;
	position:relative;
	top: 0px;
	right: 0;
	margin: 0px;
	padding: 0px 0px 5px 0;
	list-style:none;
}
#leftPanel ul li{
	width: auto;
	font-family:verdana, "宋体", "微软雅黑", Tahoma;
	position:relative;
	padding: 0px 0px 0px 5px;
	font-size:small;
	font-weight:bold;
	color:#0097AB;
}
#leftPanel ul li h2 {
color:#0097AB;
font-size:small;
}
#leftPanel ul li span{
padding-left:24px; 
}
#mainPanel{
float:left;
margin:1% 0% 1% 0%;
	width:57%;
	height:100%;
	min-height:400px;
	word-wrap:break-word;
}
#mainArticle h3{
	padding: 0px 0px 0px 8px;
	margin-top: 5px;;
margin-bottom: 0;
}
#mainArticle h3 a:hover{
	color:#CC0000;
}
div.columns-2-AB-A {
margin-bottom: 0.5em;
float: left;
width:49%;
}
div.columns-2-AB-B {
margin-bottom: 0.5em;
float: right;
width:49%;
}
h4{
padding: 0 8px;
line-height: 1.3;
font-size:smaller;
margin-top: 0;
margin-bottom: 0;
}
h4:hover a{
background-color:#CCCC99;
}
p{
line-height: 1.3;
font-size:smaller;
padding: 0 8px;
margin-top: 0;
padding-bottom: 1px;
margin-bottom: 1.2em;
}
a,
a:hover {
color:#0097AB;
text-decoration: none;
}
a:visited {
	text-decoration:underline;
	color:#003366;
}
#rightPanel{
float:left;

	margin:1% 1% 1% 0%;
	width:19%;
	height:100%;
	min-height:500px;
	word-wrap:break-word;
	border-left:3px #E3ECB1 solid;
}
#footer{
clear:both;
bottom:0px;
width:100%;
padding-top:15px;
	border-top:3px #0097AB solid;
	color:#009E89;
	
	/*background-color:#E3ECB1;padding:20px;display:block;text-shadow:#003399;text-align:center;*/
	height:60px;
}#footer,
#footer .note
{
text-align:center;
color: #444;
font-size:12px;;
}
#footer a, 
#footer a:hover,
#footer a:visited 
{ 
color: #111;
text-decoration: none;
}
#footer a:hover { 
 	background-color: #CCC;
}

.clear-both{
clear:both;
}
.note{
	color:#999966;
	font-size:xx-small;
}