/*
	project: internet broadcast template
	author: luka cvrk (www.solucija.com) 
	
*/
   
/* default styles */
body { padding: 5px 0 0 0; margin: 0; font-family: 宋体;
	font-size: 12px; line-height: 1.7em; background: #fff url(images/bg.gif) repeat-x; color: #ebebeb; fload:center;}
a { color: #2F637A; background: inherit; font-size: 12px;}
a:hover { color: #808080; background: inherit; }
p {	margin: 0 0 5px 0; }
h1 {	font: bold 2.2em 宋体, Sans-Serif; padding: 8px 0 0 0; margin: 0; letter-spacing: -1px;color: #FCE2CA; }
h2 { margin: 0; padding: 0; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a, h2 a { color: #000; background: inherit; text-decoration: none; }
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0; }


/* layout */
#content {
	width: 950px;
	background: #fff url(images/bgshade.gif) repeat-x;
	color: #333;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}	


#slogan { font-size: 0.9em; margin: 0 0 10px 2px; padding: 0; color: #808080; background: #fff; }
#top_info { line-height: 27px; float: right; color: #808080; background: #fff; margin: 12px 5px 7px 0; text-align: right; height: 74px; }

/* round blue login button */
#loginbutton a { text-decoration: none; width: 24px; padding: 7px 12px; margin: 0 0 0 8px; height: 28px; background: #fff url(images/lb.gif) no-repeat; color: #000; }
#loginbutton a:hover{ background: #fff url(images/lbhover.gif) no-repeat; color: #000;}

/* main horizontal menu */
.r1 {
border-right: 1px solid #000;
border-left: 1px solid #000;
border-top: 2px solid #000;
}
.r2 {
border-bottom:1px solid #000;
border-right:1px solid #ccc;
padding:10px;
font-size:14px;
color: #336600;
}
.r3 {
border-bottom:1px solid #000;
padding:10px;
font-size:14px;
color: #336600;
}
.r4 {
border-bottom:1px solid #000;
border-right:1px solid #ccc;
padding:6px;
font-size:14px;

}
.r5 {
border-bottom:1px solid #000;
padding:6px;
font-size:14px;

}
/* main menu topics */
#topics {
	clear: left;
	float: left;
	width: 630px;
	background: #B0D0DC url(images/topicsbg.gif) repeat-x left bottom;
	padding: 8px 5px;
	margin: 0 0 5px 0;
	color: #fff;
	height: 59px;
}
	#topics li a { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: center left;  padding: 0 0 0 12px; }
#search {
	text-align: left;
	background: #fff url(images/searchbg.gif) no-repeat;
	color: #000;
	padding: 32px 0px 0px 0px;
	min-height: 32px; /* FF height */
	height: 25px;	/* IE height */
	width: 200px;
}

	/* search form styling */
	form, form p { margin: 0; padding: 0; line-height: 25px; }
	
		.search { width: 120px; border: 1px solid #357994; background: #fff; color: #478F36; padding: 4px; margin: 0; font-weight: bold; font-size: 1.3em;  }
		.button { padding: 4px; font: bold 1em Arial, Sans-Serif; }
input.search { 
	width: 90px; 
	border: 1px;
	background: #FFF;
	padding: 3px ; 
	color: #2F637A;
	font-size: 12px;
	 padding-left:12px;
	 background: #fff url(images/ab.gif) no-repeat;
}
input.submit {
	background:#66CC00;
	border: 0;
	padding: 1px 0;
	width: 25px;
	margin: 0 5px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}
.search_form { width:200px;padding:2px 0px 2px 20px; }
/* left side */
.left {
	float: left;
	width: 200px;
}
	.subheader {
		margin: 0px 0 10px 0;
		padding: 8px;
		background: #f4f4f4 url(images/bgshade.gif) repeat-x;
		color: #808080;
		border-bottom: 1px solid #ccc;
	}
	.left_articles {
	margin: 0px 0 3px 0;
	background: #fff url(images/bgshade.gif) repeat-x;
	color: #333;
	padding: 17px 0px 5px 0px;
	width: 660px;
	}
		.date { font-size: .9em; padding: 0 0 0 12px; background: #fff url(images/bluebullet.gif) no-repeat center left; color: #808080; }
		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #eee;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
		}
	.left_box {
		background: #F4F1Ff;
		color: #808080;
		border: 1px dotted #B0D0DC;		
		padding: 10px 0 2px 0;
		margin: 0 0 1px 0;
	}

	
	.thirds {
		float: left;
		width: 310px;
		padding: 0 15px 0 5px;
		background: #F4F1Ff;	
	}		
/*导航目录*/
.man {
     width:200px;
     line-height: 24px; 
     list-style-type: none;
     text-align:center;
	 font-size: 14px;
	 color: #339900;
	 background:url(images/bg127.gif) no-repeat center bottom; 
}
.bab {
     width:200px;
	 padding: 12px 0px 0px 0px; 
	 background: #fff url(images/129.gif) repeat-x;
}
.man1 {	 background:url(images/bg128.gif); 	
height: 30px;
text-align:center;
padding:5px 0 0 0;
}
.man1 a{
font-size: 12px;
color:#003300;
}
.man1 a:hover{
        color:#CC0000 ;
        text-decoration:none;
        font-weight:normal;
     	font-size:14px;}
.man1 a:visited   {
        color:#666;text-decoration:none;
		
}
.man2 {	 
background:url(images/bg124.gif); 	
height: 20px;
text-align:center;
padding:10px 0 0 0;
font-size: 12px;
color:#666;
text-decoration:none;
}
.man3 {	 
background:url(images/bg130.gif); 	
height: 170px;
text-align:center;
padding:10px 0 0 0;
color:#003300;
line-height: 40px; 
}
/* right side */
.right {
	float: right;
	width: 730px;
	margin: 0 0 10px 0;
}
    .rbab{
	margin: 15px 5px 0 0;
	border-bottom:#ccc 1px solid;
	text-align:left;
	color:#666;}
	 .rbab1{
	margin: 20px 5px 0 0;

	text-align:center;
	color:#666;}
	.rtit{
	float: left;
	margin: 10px 10px 0 10px;
	width:280px;
	text-align:left;
	}

	.rimg{
	float: right;
		margin: 10px 0 0 0;
	width:425px;}
	.right_articles {
		border: 1px solid #ccc;
		padding: 8px;	
		margin: 0 0 10px 0;
		background: #eee;
		color: #454545;
	}
	.image { float: left; margin: 0 9px 3px 5px; width:85px; height:52px; }
	.notes {
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 17px 10px 17px 80px;	
		margin: 0 0 10px 0;
		background: #fff url(images/notes.gif) no-repeat center left;
		color: #454545;
	}
/* footer */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
	#footer .right { float: right; }
#nav {
     width:180px;
     line-height: 24px; 
        list-style-type: none;
        text-align:left;
	
     /*定义整个ul菜单的行高和背景色*/
}
/*==================一级目录===================*/
#nav a {
        width: 130px; 
        display: block;
        padding-left:70px;
		
        /*Width(一定要)，否则下面的Li会变形*/
}
#nav li {
        background:url(images/bg124.gif); /*一级目录的背景色*/
        /*border-bottom:#fff 1px solid; /*下面的一条白边*/
        float:left;
		padding: 4px 0px 3px 0px;
		
        /*float：left,本不应该设置，但由于在Firefox不能正常显示
        继承Nav的width,限制宽度，li自动向下延伸*/
}
#nav li a:hover{
        background:#CC0000 url(../images/arrow1.gif) no-repeat center left;        /*一级目录onMouseOver显示的背景色*/
}
#nav a:link   {
        color:#003300; text-decoration:none;		
}
#nav a:visited   {
        color:#003300;text-decoration:none;
		
}
#nav a:hover   {
        color:#FFF;text-decoration:none;font-weight:bold;
		
}
/*==================二级目录===================*/
#nav li ul {
        list-style:none;
        text-align:left;
		padding:0 1px;
}
#nav li ul li{       
        background: #EBEBEB; /*二级目录的背景色*/
}
#nav li ul a{
          padding-left:50px;
          width:149px;
        /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
}
/*下面是二级目录的链接样式*/
#nav li ul a:link   {
        color:#003300; text-decoration:none;
}
#nav li ul a:visited   {
        color:#666;text-decoration:none;
}
#nav li ul a:hover {
        color:#CC0000 ;
        text-decoration:none;
        font-weight:normal;
        background:#33FFCC;
		font-size:14px;
        /* 二级onmouseover的字体颜色、背景色*/
}
#nav li:hover ul {
        left: auto;
}
#nav li.sfhover ul {
        left: auto;
}

#nav ul.collapsed {
        display: none;
}