@charset "utf-8";
/* CSS Document */
a{text-decoration:none; color:#007cc6; text-decoration:underline;}
a:hover{text-decoration:underline; color:#FF0000;}
a:visited{}
a:visited:hover{text-decoration:underline; color:#FF0000;}
a:hover{text-decoration:underline;color:#FF0000;}
a:active{}
.spacer{ height:10px; display:block;}

/*headings & texts*/
h1,h2,h3,h4{ margin:10px 0 10px 0; padding:0; line-height:15px;}
h1{ font-size:18px; font-weight:bold;}
h2{ font-size:15px; font-weight:bold;}
h3{ font-size:13px; font-weight:bold;}
h4{ font-size:12px; font-weight:normal;}

	html body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0;
	padding:0;
	background-image:url(../images/bg_header.jpg);
	background-repeat:no-repeat;
	background-color:#974d0d;
	}
	
		/**** wrapper *****/
		#wrapper{
		margin:auto;
		width:1100px;
		height:auto;
		overflow:auto;
		border:solid 0px #000000;
		background-repeat:no-repeat;
		}
		
			/**** menu *****/
			#menu{
			margin:auto;
			margin-top:280px;
			width:962px;
			height:72px;
			display:block;
			}
			
				#menu ul{
				width:962px;
				margin:0;
				padding:0;
				list-style:none;
				overflow:auto;
				overflow-y:hidden;
				overflow-x:hidden;
				color:#FFFFFF;
				}
				
				#menu ul li{
				float:left;
				}
				
				#menu ul li a{
				display:block;
				text-decoration:none;
				outline:none;
				text-indent:-9999px;
				}

				#menu ul li a:hover{
				display:block;
				background-position:bottom;
				height:72px;
				}
				
				#menu ul .nav_home, #menu ul .nav_home a{
				background-image:url(../images/nav_home.png);
				width:212px;
				height:72px;
				display:block;
				}
				
				#menu ul .nav_generalInfo a{
				background-image:url(../images/nav_generalInfo.png);
				width:146px;
				height:72px;
				display:block;
				}
				
				#menu ul .nav_government a{
				background-image:url(../images/nav_government.png);
				width:145px;
				height:72px;
				display:block;
				}	
				
				#menu ul .nav_businessIndustries a{
				background-image:url(../images/nav_businessIndustries.png);
				width:185px;
				height:72px;
				display:block;
				}	
				
				#menu ul .nav_torism a{
				background-image:url(../images/nav_tourism.png);
				width:104px;
				height:72px;
				display:block;
				}
				
				#menu ul .nav_citiesMunicipalities a{
				background-image:url(../images/nav_citiesMunicipalities.png);
				width:170px;
				height:72px;
				display:block;
				}																				
			
			/**** body *****/
			#body{
			background-image:url(../images/bg_body.png);
			width:1100px;
			height:auto;
			display:block;
			overflow:auto;
			}
			
				/**** submenu *****/
				#submenu{
				background-image:url(../images/submenuBg.jpg);
				background-repeat:repeat-x;
				margin:auto;
				width:948px;
				height:32px;
				display:block;
				overflow:auto;					
				overflow-y:hidden;
				overflow-x:hidden;
				}		
				
					#submenu ul{
					margin:0 0 0 15px;
					padding:0;
					list-style:none;
					color:#FFFFFF;
					overflow:auto;					
					overflow-y:hidden;
					overflow-x:hidden;
					font-size:11px;					
					}
					
					#submenu ul li{
					float:left;
					width:auto;
					height:30px;
					display:block;
					margin:0;
					margin:0 12px 0 12px;	
					padding:10px 0 9px 0;
					overflow:auto;
					color:#ff9e9e;	
					}
					
					#submenu ul li a{
					color:#ff9e9e;
					text-decoration:none;
					font-size:11px;
					}
					
					#submenu ul li a:hover{
					background-position:bottom;
					text-decoration:none;
					color:#FFFFFF;
					}

						#submenu ul .sub_separator{
						background-image:url(../images/submenuBg_separator.jpg);
						width:2px;
						height:27px;
						display:block;
						}					

						#submenu ul .sub_kalimudan a{
						background-image:url(../images/nav_kalimudan.png);
						width:59px;
						height:32px;
						display:block;
						}					

						#submenu ul .sub_news a{
						background-image:url(../images/sub_news.png);
						width:32px;
						height:32px;
						display:block;
						}
						
						#submenu ul .sub_announcement a{
						background-image:url(../images/sub_announcement.png);
						width:80px;
						height:32px;
						display:block;
						}	
						
						#submenu ul .sub_117 a{
						background-image:url(../images/sub_117.png);
						width:24px;
						height:32px;
						display:block;
						}
						
						#submenu ul .sub_careers a{
						background-image:url(../images/sub_careers.png);
						width:41px;
						height:32px;
						display:block;
						}
						
						#submenu ul .sub_guestbook a{
						background-image:url(../images/sub_guestbook.png);
						width:58px;
						height:32px;
						display:block;
						}
						
						#submenu ul .sub_contactus a{
						background-image:url(../images/sub_contactus.png);
						width:64px;
						height:32px;
						display:block;
						}																													

			/*--------------- content ---------------*/
			#body #content{
			width:950px;
			margin:auto;
			height:auto;
			background-image:url(../images/contentTop.png);
			background-repeat:repeat-x;
			background-color:#FFFFFF;
			font-size:12px;
			line-height:20px;
			}
			
			#content #search{
			margin:0;
			padding:0;
			}

				#content .cpadd{
				width:750px;
				display:block;
				border:solid 0px #FFFFFF;
				margin:auto;
				padding-top:50px;
				}
				
				.cpadd p{
				text-align:justify;
				}
				
				.cpadd ul{
				margin:0;
				padding:0;
				list-style:decimal inside;
				}
				
				.cpadd ul ul{
				margin:5px 20px 5px 20px;
				list-style:disc inside;
				}
				
				.cpadd table{
				border:solid 0px #bac1aa;
				}
				
				.cpadd table td{
				border:solid 0px #bac1aa;
				border-top:none;
				padding:5px;
				}
				
				.cpadd table .row1{
				color:#FF0000;
				font-weight:bold;
				}
				

				#content .bottom{
				background-repeat:repeat;
				width:auto;
				height:auto;
				overflow:visible;
				overflow-x:hidden;
				overflow-y:hidden;
				}	
				
			
			#contentWrapper{
			border:solid 0px #000000;
			margin:0;
			padding:10px;
			list-style:none;
			overflow:auto;
			}	
			
			#contentWrapper #left{
			width:220px;
			height:auto;
			border:solid 0px #CCCCCC;
			float:left;
			font-size:11px;
			}
			
			#left a{
			text-decoration:none;
			}
			
			#left a:hover{
			text-decoration:underline;
			}
			
			#left .currentTitle{
			background-image:url(../images/tab_search.png);
			background-repeat:no-repeat;
			width:156px;
			height:22px;
			font-size:12px;
			font-weight:bold;
			color:#FFFFFF;
			}
				.currentTitle .padd{
				padding:4px 0 0 5px;
				}
				
				.currentTitle .subTitle{
				background-repeat:no-repeat;
				width:156px;
				height:22px;
				font-size:14px;
				font-weight:bold;
				color:#FFFFFF;
				border-bottom:solid 1px #000000;
				display:block;
				}
				
			#left h1,h2{
			margin:0;
			padding:0;
			}
			
			#left h2{
			font-size:11px;
			}
			
			#left p{
			margin:0;
			padding:0;
			line-height:12px;
			margin:0 0 5px 0;
			border-bottom:solid 0px #ebebeb;
			padding:0 0 5px 0;
			}
			
			#left .spacer{
			border-bottom:solid 1px #ebebeb;
			margin-top:5px;
			}
			
			#contentWrapper #right{
			width:700px;
			margin-left:230px;
			}
			
			#contentWrapper #right h1{
			background-image:url(../images/news.png);
			width:156px; 
			height:22px;
			display:block;
			font-size:13px;
			margin:0;
			padding:0;
			color:#FFFFFF;
			}
			
			#contentWrapper #right h1 .cpadd{
			padding:3px 0 0 0;
			}
			
			#contentWrapper #right #subcontent{
			width:680px;
			height:auto;			
			border:solid 1px #ebebeb;
			background-color:#FFFFFF;
			padding:20px 10px 20px 10px;			
			}	
			
			#tblEvent{
			border:solid 1px #d7af79;
			}
			
			#tblEvent td{
			padding:3px;
			border-top:solid 1px #ebebeb;			
			}
			
			#tblEvent .row1{
			background-image:url(../images/row1_bg.png);
			background-color:#007259;
			text-align:center;
			font-weight:bold;
			font-size:11px;
			color:#000;
			}
			
			#tblEvent .date{
			color:#946837;
			font-size:11px;
			}
			
			.monthName{
			color:#946837;
			font-size:11px;
			font-weight:bold;
			}
			
			/*-------------- tabs --------------*/
			#contentWrapper #tabs{
			margin:0;
			padding:0;
			list-style:none;
			overflow:auto;
			font-size:11px;
			}
			
		/*
			#tabs li{
			float:left;
			width:156px;
			height:auto;
			display:block;
			margin:0 0 0 0;
			color:#FFFFFF;
			font-weight:bold;
			font-size:12px;
			display:block;
			background-image:url(../images/news.png);
			background-position:bottom;
			}
			
			#tabs li a{
			display:block;
			text-decoration:none;
			text-align:left;
			color:#FFFFFF;
			width:156px;
			height:22px;			
			}
			
			#tabs li .label{
			padding:1px 0 0 15px;
			display:block;
			}
			
			#tabs a.active-tab{
			color:#FFFFFF;
			background-image:url(../images/news.png);
			background-position:top;
			width:156px;
			height:22px;
			}
		*/
			
			
			#contentWrapper #right .panel p{
			margin-top:0;
			padding-top:0;
			}
			
			.panel .date{
			color:#9e0b0f;
			font-size:10px;
			}
			
			.panel .title{
			text-decoration:underline;
			} 
			
			.panel .query{
			border-bottom:solid 1px #ebebeb;
			padding:0 0 20px 0;
			margin:0 0 20px 0;
			line-height:20px;
			}
			
			.panel  .paging a{
			text-decoration:none;
			}
						
			.panel {
				display: none;
				width:640px;
				padding:30px;
				color:#000000;
				background-color:#FFFFFF;
				border:solid 1px #ebebeb;				
			}
			
			.panel.active-tab-body {
				display: block;
			}	
			
			#jobs{
			line-height:15px;
			font-size:11px;
			margin:0 0 10px 0;
			padding:0 0 0 0;
			}	
			
			#jobs td{
			padding:5px;
			border:dotted 2px #CCCCCC;
			border-top:none;
			border-left:none;
			border-right:none;
			}
			
			#jobs ul{
			margin:10px 0 10px 0;
			}
			
			#jobs li{
			line-height:15px;
			list-style:outside square;
			}	
			
			#jobs .position{
			color:#2e3192;
			font-weight:bold;
			text-decoration:underline;
			}
			
			#jobs .statusClosed{
			color:#FF0000;
			font-size:10px;
			}
			
			#jobs .statusOpen{
			font-size:10px;
			}
			
			#jobs input,submit{
			font-size:11px;
			padding:2px;
			}	
			
			
			#guestbook{
			width:644px;
			border-bottom:dotted 2px #CCCCCC;
			margin:0 0 10px 0;
			padding:10px 0 10px 0;
			font-size:11px;
			line-height:15px;
			}
			
			#guestbook .subject{
			color:#000000;
			font-size:13px;
			font-weight:bold;
			padding:0 20px 5px 20px;
			}
			
			#guestbook p{
			margin:0;
			padding:20px;
			line-height:18px;
			}
			
			#guestbook td{
			padding:5px;
			}
			
			#guestbook .bg{
			background-image:url(../images/guestbook_bg.png);
			background-repeat:repeat-y;
			width:664px;
			font-size:12px;
			}
			
			#contact{
			width:644px;
			margin:0 0 10px 0;
			padding:10px 0 10px 0;
			font-size:11px;
			line-height:15px;			
			}
			
			#contact td{
			padding:5px;
			}
			
			/*-------------- tabs --------------*/			

															
				
			/*--------------- footer ---------------*/
			#footer{
			background-image:url(../images/bg_footer.png);
			background-repeat:no-repeat;
			width:1100px;
			height:94px;;
			display:block;
			overflow:auto;
			color:#FFFFFF;
			margin:auto;
			clear:both;
			}
			
				#footer .copyright{
				width:500px;
				margin:auto;
				margin-top:110px;
				margin-bottom:10px;				
				text-align:center;
				font-size:10px;
				line-height:12px;
				}