body {
	margin: 0;
	padding: 0;
	
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #373d41;
	
	background: #e3e3e3;
}

A {
	color: #ef7137;
}
	A img {
		border: 0;
	}

.clear {
	clear: both;
}

h1 {
	margin: 0;
	padding: 0;
	
	font-size: 22px;
	text-transform: uppercase;
}
h2 {
	margin: -3px 0 10px 0;
	padding: 0;
	
	font-size: 19px;
	text-transform: uppercase;
}
p {
	margin: 0;
}

#wrap {
	margin: 20px auto;
	
	width: 778px;
}

	#head {
		margin: 0 0 15px 0;
		
		height: 74px;
		width: 778px;
		overflow: hidden;
		
		background: 0 0 url('../img/head_back.gif') no-repeat;
	}
		#head a.logo {
			display: block;
			float: left;
			
			margin: 11px 0 0 35px;
			padding: 0;
			
			width: 136px;
			height: 54px;
			
			text-indent: -9999px;
			
			background: 0 0 url('../img/head_logo.jpg') no-repeat;
		}
		
		#head .links {
			float: left;
			
			padding: 35px 0 0 0;
			
			text-align: right;			
			
			width: 590px;
			
			color: #000;
		}
			#head .links A {
				display: block;
				float: right;
				
				margin: 0 0 0 0;
				padding: 5px 10px 3px 25px;
				
				color: #333;
				font-size: 9px;
				text-decoration: none;
			}
				#head .links A.home {
					background: 0 0 url('../img/head_link_home.gif') no-repeat;
				}
				#head .links A.mail {
					background: 0 0 url('../img/head_link_mail.gif') no-repeat;
				}
				#head .links A.map {
					background: 0 0 url('../img/head_link_map.gif') no-repeat;
				}
		
	#side {
		float: left;
		
		margin: 0 16px 0 0;
		padding: 0 0 1px 0;
		
		width: 190px;
	}
		#side .box {
			margin: 0 0 15px 0;
			width: 190px;
			background: 0 url('../img/side_box_back.gif') repeat-y;
		}
			#side .box .top {
				background: 0 top url('../img/side_box_top.gif') no-repeat;
			}
				#side .box .bottom {
					padding: 10px;
					
					background: 0 bottom url('../img/side_box_bottom.gif') no-repeat;
				}
		
		#side .box.dark {
			background: #373d41;
			color: #FFF;
		}
			#side .box.dark .top {
				background-image: url('../img/side_box_dark_top.gif');
			}
			#side .box.dark.numer .top {
				background-image: url('../img/side_box_dark2_top.gif');
			}
				#side .box.dark .bottom {
					padding: 50px 10px 20px 20px;
					
					min-height: auto;
					
					background-image: url('../img/side_box_dark_bottom.gif');
				}
				
				#side .box.dark A {
					color: #FFF;
				}
				
		
		#side a.login {
			display: block;
			margin: 10px 0;
			padding: 18px 0 0 10px;
			
			height: 31px;
			width: 180px;
			
			text-decoration: none;
			color: #FFF;
			
			background: 0 0 url('../img/side_login_button.jpg') no-repeat;
		}
		
		
		.nav ul {
			margin: 15px 0;
			padding: 0 0 0 0;
			
			list-style: none;
		}
			.nav ul A {
				display: block;
				
				margin: 0 0 0 0;
				padding: 4px 0 4px 25px;
				
				background: 10px 8px url('../img/list_bullet.gif') no-repeat;
				
				font-size: 12px;
				font-weight: bold;
				font-family: tahoma;
				
				color: #333;
				
				text-decoration: none;
				text-transform: uppercase;
			}
		
		
	#content {
		float: left;
		
		margin: 0 0 0 0;
		padding: 0 0 1px 0;
		
		width: 571px;
	}
		
		#content .minibox {
			margin: 0 0 15px 0;
		}
			#content .minibox .item {
				float: left;
				
				margin: 0 7px 1px 0;
				padding: 0 0 0px 0;
				
				width: 185px;
				background: 0 url('../img/content_minibox_back.gif') repeat-y;
			}
				#content .minibox .bottom {
					padding: 20px;
					background: 0 bottom url('../img/content_minibox_bottom.gif') no-repeat;
				}
				#content .minibox .title {
					margin: 0;
					padding: 14px 0 0 20px;
					
					font-size: 13px;
					
					height: 30px;
					
					font-weight: bold;
					color: #FFF;
					
					background: 0 0 url('../img/content_minibox_head.gif');
				}
			#content .minibox .item.last {
				margin-right: 0;
			}
		
		#content .box {
			margin: 0 0 15px 0;
			
			width: 569px;
			
			background: 0 url('../img/content_box_back.gif') repeat-y;
		}
			#content .box .top {
				background: 0 top url('../img/content_box_top.gif') no-repeat;
			}
				#content .box .bottom {
					padding: 20px;
					
					min-height: 100px;
					
					background: 0 bottom url('../img/content_box_bottom.gif') no-repeat;
				}
		
		
		
		.content_banner {
			margin: 0 0 15px 0;
			
			width: 571px;
			height: 204px;
			
			background: 0 0 url('../img/content_banner.jpg') no-repeat;
		}
	
	
	#foot {
	}
		#foot ul {
			margin: 0;
			padding: 0;
			
			text-align: right;
			overflow: hidden;
			
			list-style: none;
		}
			#foot ul li {
				display: inline;
				
				margin: 0 -1px 0 0;
				padding: 0 15px 0 15px;
				
				background: right url('../img/foot_spacer.gif') no-repeat;
			}
				#foot ul li A {
					color: #333;
					text-decoration: none;
				}
	
	
	
	
	.more {
		margin: 10px 0 0 0;
		
		height: 14px;
	}
		.more A {
			display: block;
			float: right;
			
			padding: 3px 0;
			
			font-family: arial;
			font-size: 9px;
			color: #333;
			
			text-decoration: none;
			
			width: 71px;
			height: 12px;
			
			text-align: center;
			
			background: url('../img/more_button.gif') no-repeat;
		}
		#side .more A {
			background: url('../img/more_button_gray.gif') no-repeat;
		}
	


#side .index {
	margin: 0 0 0 10px;
}
	.index h1 {
		margin: 0 0 15px 0;
	}
	#side .index h1 {
		color: #222;
		font-size: 17px;
	}
	.index .item {
		margin: 0 0 15px 0;
	}
		#side .index .item .date {
			margin: 0 0 8px 0;
			font-weight: bold;
		}
		#side .index .item h1 {
			margin: 0 0 3px 0;
			display: block;
			
			font-weight: bold;
			font-size: 11px;
			line-height: 16px;
		}
			#side .index .item h1 A {
				text-decoration: none;
			}

		#content .index .item h1 {
			margin: 2px 0 3px 0;
		}
			#content .index .item h1 A {
				font-size: 11px;
				text-decoration: none;
			}


.txt {
	padding: 0 8px 0 8px;
}
	.txt label {
		display: block;
		margin: 0 0 2px -8px;
	}

	.txt textarea,
	.txt input {
		margin: 0 0 8px -8px;
		padding: 3px;
		
		font-family: verdana;
		font-size: 11px;
		
		width: 100%;
		
		border: 1px solid #CCC;
	}
	.txt textarea {
		height: 100px;
	}

.chk {
	
}
	.chk label {
		display: block;
		margin: -16px 0 10px 23px;
	}

.btn {
	text-align: right;
	padding: 0 8px 10px 0;
}
	.btn input {
		padding: 5px 10px;
		font-family: verdana;
		font-size: 10px;
		color: #FFF;
		
		text-align: center;
		
		border: 0;
		background: #333;
	}

.skilmalar {
	height: 150px;
	
	margin: 10px 8px 10px 0;
	padding: 15px;
	
	overflow: auto;
	
	border: 1px solid #CCC;
}

.error {
	border: 1px solid red;
	padding: 5px 10px;
	margin: 0 0 20px 0;
	
	text-align: center;
	
	line-height: 20px;
	
	background: #EEE;
}


.content {
}
	.content .left {
		float: left;
		width: 50%;
		margin-bottom: 20px;
	}
	.content .right {
		float: left;
		width: 50%;
		margin-bottom: 20px;
	}


#Overlay {
	position: absolute;
	
	top: 0;
	left: 0;
	z-index: 10;
	
	background: #000;
}

#JolaBanner {
	position: absolute;
	
	left: 50%;
	top: 100px;
	z-index: 100;
	
	margin: 0 0 0 -202px;
	
	height: 593px;
	width: 404px;
	
	background: url('../img/jolabanner08.jpg');
}

