@charset "utf-8";
/* CSS Document */

*  {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	}
	
body {
	color:#3E3E3E;
	font-family:arial;
	font-size:12px;
 }
 

	

/*headers and default tags*/
h1{
	font-family:arial;
	font-size:18px;
	padding-bottom:5px;
	font-weight:normal;
	color:#000000;
	line-height: normal;
	padding:0 0 10px 0;
	margin:0;
}
h2{
	font-family:arial;
	font-size:14px;
	padding-bottom:5px;
	font-weight:bold;
	color:#000000;
	line-height: normal;
	padding:0 0 0 0;
	margin:0;
}

p{
	margin:0 0 10px 0;
	padding:0;
}

a, a:hover, a:visited{ 
   text-decoration:none;
   color:#000000;
   
}
a:hover{
	text-decoration:underline;
}
em{
	color:#999999;
	font-size:11px;
}
/*headers*/

.black_bg{
	color:#FFFFFF;
	line-height:40px;
	height:40px;
	font-size:11px;
	text-align:center;
	background: url(images/s5_cityportal_toprepeat.jpg) repeat-x top;
	}	
	
.white_text, a.white_text, a.white_text:visited{
	color:#FFFFFF !important;
	}	
	
	

.email {
		height:11px;
		width:16px;
		margin-right:11px;
		float:left;
		margin-top:15px;
		background: url(images/s5_cityportal_mail.jpg) no-repeat;} 	
		
.homepage {
		height:15px;
		margin-top:13px;
		width:16px;
		float:left;
		background: url(images/s5_cityportal_homepage.jpg) no-repeat;} 	
		
		
.rss {
		height:14px;
		width:16px;
		float:left;
		margin-top:14px;
		background: url(images/s5_cityportal_rss.jpg) no-repeat;} 		
		
.oct {
		float:left;
		font-size:14px;
		margin-left:145px;
		}			
		
.topmenu {
		padding-top:12px;
		padding-right:10px;
		}

	

.topmenu ul li {
	color:#FFFFFF;
	display:block;
	height:14px;
	float:left;
	line-height:14px;
	font-size:11px;
	padding-left:1px;
	}
.topmenu li a {
	color:#FFFFFF;
	background:none;
	display:block;
	padding:0px 5px;
	border-right:1px solid #CCCCCC;
	text-decoration:none;
	}


	
.topmenu ul li a:hover {
	text-decoration:underline;}		
	
#wrapper{
	width:993px;
	
}	

.logo {
		height:73px;
		width:237px;
		margin-top:14px;
		float:left;
		background: url(images/s5_cityportal_logo.png) no-repeat;
		} 
	
	
.search_left{
		float:left;
		background: url(images/s5_searchmodule_left.png) no-repeat;
		width:10px;
		height:88px;
		}
		
.search_middle {
		height:88px;
		float:left;
		width:469px;
		background:url(images/s5_searchmodule_middle.png) repeat-x;	
		}		

.search_right {
		height:88px;
		width:10px;
		float:left;
		background:url(images/s5_searchmodule_right.png) no-repeat;	
		}
		



ul li{
	list-style:none;
	padding-left:15px;
	}
	
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}	



.nav_middle_top {
	font-size:11px;
	margin-left:4px;
	margin-top:11px;
	}
	

		
.nav_middle_top ul li {
	height:27px;
	line-height:25px;
	float:left;
	color:#000000;}
	
.nav_middle_top ul li span{
		float:left;
		height:27px;
		line-height:25px;
		margin-left:-4px;
		margin-right:8px;
		padding-right:10px;
		color:#000000;}
		
.nav_middle_top ul li.active {
	height:27px;
	line-height:25px;
	float:left;
	background:transparent url(images/s5_searchmodule_lileft.png) no-repeat scroll left 1pt;
	color:#000000;}
	
.nav_middle_top ul li.active span{
		float:left;
		height:27px;
		line-height:25px;
		margin-left:-4px;
		margin-right:8px;
		padding-right:10px;
		background:transparent url(images/s5_searchmodule_liright.png) no-repeat scroll right 1pt;
		color:#000000;}
		
.nav_middle_top ul li:hover {
	height:27px;
	line-height:25px;
	cursor:pointer;
	float:left;
	background:transparent url(images/s5_searchmodule_lileft.png) no-repeat scroll left 1pt;
	color:#000000;}
	
	
.nav_middle_top ul li:hover span{
		float:left;
		height:27px;
		cursor:pointer;
		line-height:25px;
		margin-left:-4px;
		margin-right:8px;
		padding-right:10px;
		background:transparent url(images/s5_searchmodule_liright.png) no-repeat scroll right 1pt;
		color:#000000;}						
		
.s5_search_bm {
	height:27px;}	
	
	<!--City Portal, Google, Yahoo-->
	

	

/* FORM
--------------------------------------------------------- */
.button:hover, .button:focus {
	color:#CCCCCC;
	border-color:#5F5F5F;
	cursor:pointer;
	border:none; }

.button {
	color:#FFFFFF;
	border:none;
	height:17px;
	margin-top:5px;
	margin-bottom:1px;
	border:none;
	font-size:11px;
	padding:1px 6px 11px 6px;} 	


#mod_search_searchword, #mod_search_searchword:hover, #keyword, #keyword:hover, #mod_search_searchword1, #mod_search_searchword1:hover,
#mod_search_searchword2, #mod_search_searchword2:hover, #q, #p {
	background:transparent url(images/s5_searchmodule_input.png) no-repeat;
	border:none;
	height:31px;
	margin-left:4px;
	margin-top:8px;
	padding-left:30px;
	padding-top:6px;
	width:330px;
	font-size: 12px;
	}
	
	
#s5_search_middle_bottom .button, #s5_search_middle_bottom .button:hover {
	height:41px;
	padding-left:0;
	padding-right:2px;
	width:101px;
	border:none;
	color:#FFFFFF;
	background:transparent url(images/s5_searchmodule_button.png) no-repeat; }
	
	
#s5_search_bm li a:hover{
	text-decoration:none;
}
#s5_search_bm {
	height:27px;}
	
	
/*	End FORM*/


.button_register{

	float:left;
	background:url(images/register_button.jpg) no-repeat;
	width:80px;
	height:25px;
	color:#FFFFFF;
	font-size:11px
	}
	
.button_register a{
	color:#FFFFFF;
	}	
	
.login_button{
	float:right;
	margin-right:5px;
	background:url(images/login_button.jpg) no-repeat;
	width:70px;
	height:25px;
	color:#FFFFFF;
	font-size:11px
	}	
	
.login_button a{
	color:#FFFFFF;
	}	
	





/*body*/	


.body_topleftbody {
				width:11px;
				height:11px;
				float:left;
				background: url(images/s5_cityportal_top_left.png) no-repeat;} 	
				
.body_topmiddlebody {
				height:11px;
				float:left;
				width:953px;
				background: url(images/s5_cityportal_top_middle.png) repeat-x;} 	
				
.body_toprightbody {
				width:11px;
				height:11px;
				float:left;
				background: url(images/s5_cityportal_top_right.png) no-repeat;} 	
				
.body_middleleft {
		padding-left:8px;
		background: url(images/s5_cityportal_side_left.png) repeat-y left;
		width:975px;} 	
		
.body_middleright {
		padding-right:8px;
		background: url(images/s5_cityportal_side_right.png) repeat-y right;
		width:960px;} 	
		
.body_middlebody {
		width:960px;
		background-color:#FFFFFF;
		/*background:#FFFFFF url(images/s5_cityportal_middle_repeat.jpg) repeat-x;*/
		}
		
.middlebodypadding {
		width:100%;
		padding-left:15px;
		padding-right:15px;}	
		
		
		
/*main nav*/
.title{
	font-size:13px;
	font-weight:bold;
	}

.main_nav {
	font-size:12px;
	font-weight:bold;
	}	
.main_nav ul li {
	
	float:left;
	color:#000000;}
	
.main_nav ul li a{
		float:left;
		height:31px;
		line-height:25px;
		margin-left:-4px;
		margin-right:8px;
		padding-right:10px;
		color:#000000;}
		
.main_nav ul li.active {

	display:block;
	margin-top:-6px;
	height:31px;
	line-height:25px;
	float:left;
	background:transparent url(images/s5_cityportal_leftactive.jpg) no-repeat scroll left 1pt;
	color:#000000;}
	
.main_nav ul li.active a{
	
		float:left;
		height:31px;
		line-height:25px;
		margin-left:-4px;
		margin-right:8px;
		padding-right:10px;
		padding-top:5px;
		background:transparent url(images/s5_cityportal_rightactive.jpg) no-repeat scroll right 1pt;
		color:#ffffff;}
		
		
.main_nav ul li.active2 {

	display:block;
	margin-top:-6px;
	height:31px;
	line-height:25px;
	float:left;
	background:transparent url(images/s5_cityportal_leftactive_2.jpg) no-repeat scroll left 1pt;
	color:#000000;}
	
.main_nav ul li.active2 a{
	
		float:left;
		height:31px;
		line-height:25px;
		margin-left:-4px;
		margin-right:8px;
		padding-right:10px;
		padding-top:5px;
		background:transparent url(images/s5_cityportal_rightactive_2.jpg) no-repeat scroll right 1pt;
		color:#ffffff;}
		
.main_nav ul li:hover {
	margin-top:-6px;
	height:31px;
	line-height:25px;
	cursor:pointer;
	float:left;
	background:transparent url(images/s5_cityportal_leftactive.jpg) no-repeat scroll left 1pt;
	color:#FFFFFF;
	}
	
	
.main_nav ul li:hover a{
		float:left;
		height:31px;
		cursor:pointer;
		line-height:25px;
		margin-left:-4px;
		margin-right:8px;
		padding-right:10px;
		padding-top:5px;
		background:transparent url(images/s5_cityportal_rightactive.jpg) no-repeat scroll right 1pt;
		color:#FFFFFF;}		
		
					
/*end of main nav*/	


.bottomleftbody {
		width:11px;
		height:11px;
		float:left;
		background: url(images/s5_cityportal_bottom_left.png) no-repeat;} 

.bottommiddlebody {
		height:11px;
		float:left;
		background: url(images/s5_cityportal_bottom_middle.png) repeat-x;
		width:953px;} 	
		
.bottomrightbody {
		width:11px;
		height:11px;
		float:left;
		background: url(images/s5_cityportal_bottom_right.png) no-repeat;} 	
		
		
/*body left*/


.left_body_top{
	background:url(images/left_body_top.jpg) no-repeat;
	height:1px;
	}
	
.left_body_middle{
	background:url(images/left_body_middle.jpg) repeat-y;
	}	
	
.left_body_bottom{
	background:url(images/left_body_bottom.jpg) no-repeat;
	height:7px;
	}	
	
	
/*body left*/

/*a.mainlevel-img  {
	color:#000000;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	height:33px;
	border-bottom:1px solid #CCCCCC;
	line-height:31px;
	list-style-position:outside;
	list-style-type:none;
	margin-left:20px;
	padding-left:8px;
	text-decoration:none;
	width:135px;
	}
	*/


a.mainlevel-img  {
	color:#000000;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	height:33px;
	border-bottom:1px solid #CCCCCC;
	line-height:31px;
	list-style-position:outside;
	list-style-type:none;

	padding-left:8px;
	text-decoration:none;
	 /*Start Google map*/
	width:100px;
	 /*End Google map*/
	}
	

	
a.mainlevel-img:hover,
a.mainlevel-img:active,
a.mainlevel-img:focus  {
	color:#000000;
	text-decoration:none;
	background:#EEEFF1 url(images/s5_cityportal_hover.jpg) repeat-x;}	
	


			

	
.online_top { 
	background: url('images/online_top.jpg') no-repeat ;
	width:187px;
	height:7px;
	}
	
.online_middle { 
	background: url('images/online_middle.jpg') repeat-y ;
	width:187px;
	
	}	
	
.online_bottom { 
	background: url('images/online_bottom.jpg') no-repeat ;
	width:187px;
	height:8px;
	
	}		



.poll_topmiddle{
	background: url('images/poll_middle.jpg') repeat-x;
	}  
	
.poll_middle_left{
	background: url('images/poll_middle_left.jpg') repeat-y;
	width:7px;
	}  	
	
.poll_middle_right{
	background: url('images/poll_middle_right.jpg') repeat-y;
	width:7px;
	}  
	
.poll_bottom_middle{
	background: url('images/poll_bottom_middle.jpg') repeat-x;
	height:6px;
	}  					
	
	
.button:hover, .button:focus {
	color:#CCCCCC;
	border-color:#5F5F5F;
	cursor:pointer;
	border:none; }
	
.button:hover, .button:focus {
	color:#CCCCCC;
	border-color:#5F5F5F;
	cursor:pointer;
	border:none; }

.button {
	color:#FFFFFF;
	border:none;
	height:17px;
	margin-top:5px;
	margin-bottom:1px;
	border:none;
	font-size:11px;
	padding:1px 6px 11px 6px;
	background:#000000 url(images/s5_cityportal_buttonb.jpg) repeat-x;} 			








ul li.active_ts span.s5_tabstart {
		height:30px;
		display:block;
		float:left;
		width:12px;
		background:url(images/s5_tab_show_tl_a.png) no-repeat;	}
	
	ul li.active_ts span.s5_tabmiddle {
		height:30px;
		padding-left:4px;
		padding-right:4px;
		display:block;
		font-size:11px;
		line-height:23px;
		float:left;
		background:url(images/s5_tab_show_tm_a.png) repeat-x;	}
		
		ul li.active_ts span.s5_tabmiddle a {
			color:#000000;}
		
	ul li.active_ts span.s5_tabend {
		height:30px;
		display:block;
		float:left;
		width:12px;
		background:url(images/s5_tab_show_tr_a.png) no-repeat;	}




ul li span.s5_tabstart {
	height:25px;
	display:block;
	float:left;
	width:8px;
	background:url(images/s5_tab_show_lb.png) no-repeat;	}
	
ul li.active_ts span.s5_tabstart {
		height:30px;
		display:block;
		float:left;
		width:12px;
		background:url(images/s5_tab_show_tl_a.png) no-repeat;	}
		
ul li:hover span.s5_tabstart {
		height:30px;
		display:block;
		float:left;
		width:12px;
		background:url(images/s5_tab_show_tl_a.png) no-repeat;	}		
		
ul li span.s5_tabmiddle {
	height:25px;
	padding-left:8px;
	padding-right:8px;
	display:block;
	font-size:11px;
	line-height:23px;
	float:left;
	background:url(images/s5_tab_show_mb.png) repeat-x;	}	
	
ul li.active_ts span.s5_tabmiddle {
		height:30px;
		padding-left:4px;
		padding-right:4px;
		display:block;
		font-size:11px;
		line-height:23px;
		float:left;
		background:url(images/s5_tab_show_tm_a.png) repeat-x;	}
		
ul li.active_ts span.s5_tabmiddle a {
			color:#000000;}
			
ul li:hover span.s5_tabmiddle {
		height:30px;
		padding-left:4px;
		padding-right:4px;
		display:block;
		font-size:11px;
		line-height:23px;
		float:left;
		background:url(images/s5_tab_show_tm_a.png) repeat-x;	}
		
ul li:hover span.s5_tabmiddle a {
			color:#000000;}
			
ul li span.s5_tabend {
	height:25px;
	display:block;
	float:left;
	width:8px;
	background:url(images/s5_tab_show_rb.png) no-repeat;	}	
	
ul li.active_ts span.s5_tabend {
		height:30px;
		display:block;
		float:left;
		width:12px;
		background:url(images/s5_tab_show_tr_a.png) no-repeat;	}	
		
ul li:hover span.s5_tabend {
		height:30px;
		display:block;
		float:left;
		width:12px;
		background:url(images/s5_tab_show_tr_a.png) no-repeat;	}														











































 		
	

#container_bd #s5_button_frame ul li {
	margin: 0 2px;
}
#container_bd #s5_button_frame ul li img{
	border: 1px solid #9cf;
	padding: 2px; }

#container_bd #s5_button_frame ul li img:hover {border: 1px solid #369;}

#s5_button_frame a:hover {
	text-decoration:none;}
	
#s5_button_frame ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:0px;
line-height:21px;
}

#s5_button_frame  ul li {
	cursor:pointer;
	float:left;
	padding-left:0px;
	margin-right:0px;
	font-weight:bold;
	font-size:13px;
	padding-right:11px;}
	

#s5_button_frame ul li:hover, #s5_button_frame ul li.over {
	position:relative;
	color:#000000;
	cursor:pointer;}
		
#s5_button_frame ul li.s5_fsfirst {
	cursor:pointer;}
	
#s5_button_frame ul li.s5_fsfirst:hover, #s5_button_frame ul li.s5_fsfirst.over {
	cursor:pointer;}
	
	
.body_middle_bottom{
	background:url(images/body_middle_bottom.png) no-repeat;
	width:449px;
	height:9px;
	}
	
.body_middle_middle{
	background:url(images/body_middle_middle.jpg) repeat-y;
	width:449px;

	}	
	
.body_middle_top  {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #CCCCCC;
	width:447px;
	margin-top:-1px;
	
	}	
	
	
.body_right_top  {
	border-bottom:1px solid #CCCCCC;
	width:265px;
	margin-top:-1px;
	}		
	
.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon  {
	font-size: 0.9em;
	}
	
a.readon  {
	float: right;
	padding: 2px 17px 8px 15px;
	display: block;
	font-size:11px;
	color:#FFFFFF;
	margin-top:13px;
	font-weight: normal;
	background: url(images/s5_cityportal_readmore.jpg) no-repeat top center; 
	text-decoration: none; }		
	
a.readon:hover, a.readon:active, a.readon:focus  {
    color:#E5E5E5;	
	text-decoration:none;}	
	
.box{
	background:url(images/box.jpg) no-repeat;
	width:67px;
	height:18px;
	padding-top:3px;
	}	
	
.black_text{
	color:#000000;
	}	


	
.dotted {
	
	border-bottom:1px dotted #CCCCCC;
	width:447px;
	
		
	}	
	
.ad{
	background:url(images/s5_cityportal_adtoph3.jpg) repeat-x;
	height:15px;
	width:265px;
	color:#FFFFFF;
	}	
	
.weather_top{
	background:	url(images/weather_top.jpg) no-repeat;
	height:9px;
	width: 231px;
	}
	
.weather_middle{
	background:	url(images/weather_middle.jpg) repeat-y;
	width: 231px;
	
	}
	
.weather_middle_text{
	font-size:11px;

	}	
	
.weather_bottom{
	background:	url(images/weather_bottom.jpg) no-repeat;
	height:18px;
	width: 231px;
	}
	
.bottom_middle{
	background:	url(images/bottom_middle.jpg) repeat-x;
	height:66px;
	background-position:bottom;	
	}
.bottom_text{
	color:#606060;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	}		
	
.bottom_text a:hover{
	color:#000000;
	text-decoration:underline;
	line-height:20px;
	}	
	
.current_page{			
	color:#999999;
	font-size:11px;
	}
	
	
.bottommenu ul li {
	color:#bcbbbb;
	display:block;
	height:14px;
	float:left;
	line-height:14px;
	font-size:11px;
	padding-left:1px;
	}	
	
.bottommenu li a {
	color:#bcbbbb;
	background:none;
	display:block;
	padding:0px 9px;
	border-right:1px solid #CCCCCC;
	text-decoration:none;
	}	
	
.footer {
	color:#bcbbbb;
	height:14px;
	line-height:14px;
	font-size:11px;
	padding-left:1px;
	}	
	

	
/*category content style*/
ul.category, li.category{
	margin:10px 0 0 8px;
	padding:0;
	list-style:disc;
}
/*category content style*/

/*global*/
.breadcrumbs{
	float:right;
}
.float_right{
	float:right;
	padding-left:5px;
}
.float_left{
	float:left;
	margin-right:5px;
}
.err{
	color:#FF0000;
}
.nostyle{
	text-decoration:none;
}
.small{
	font-size:11px;
}
.noclass{
	border:0;
	padding:0;
	margin:0;
	background:none;
}
.show_float, .float, .show_float_style{
	background-color:#FFFBD5;
	border:1px #2E2E2E solid;
	padding:5px;
}
.float{
	position:absolute;
	display:none;
}
.show_float_2{
}
.show_float{
	position:absolute;
}
input.text{
	border:1px solid #999999;
	padding:1px 2px 1px 2px;
}
input.readonly{
	background-color:#CCCCCC;
	color:#666666;
}
.btn_post{
	color:#333333;
	font-size:14px;
	padding:2px 15px 2px 15px;
}
#comment_comment{
	width:99% !important;
}
.highlight{
	font-weight:bold;
	color:#000000;
}
/*global*/

/*pager*/
.pager, .pagerx{
	padding:2px 5px 2px 5px;
	text-decoration:none;
	margin-right:2px;
}
.pager:hover{
	color:#000000;
}
.pagerx{
	background-color:#666666;
	color:#FFFFFF;
}
/*pager*/

.red{
	color:#FF0000;
}

.noliststyle{
	list-style:none !important;
	padding:0 0 10px 0 !important;
	margin:0 !important;
}