@charset "utf-8";
/* CSS Document */
*{
	margin:auto;	
}
body{
	background:url(img/body_bg.png) repeat-y #FFF center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
p img{
	margin:3px;
}
a{
	text-decoration:none;
	color:#666;
}
a:hover{
	color:#cc9933;	
}
img{
	border:none;	
}
p{
	margin:0px;
	padding:2px;
	line-height:15px;
	float:left;
	text-align:justify;
}
ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul li{
	line-height:15px;	
}
/* Class Özelliği Tanımları */
p.baslik1{
	width:630px;
	font-size:14px;
	font-weight:bold;
	color:#CC9900;
}
span.baslik1{
	font-size:14px;
	font-weight:bold;
	color:#666;
}
span.baslik2{
	font-size:12px;
	font-weight:bold;
	color:#666;
}
p.ack{
	color:#666;
	font-size:12px;
	padding:0px 10px 0px 0px;
	width:610px;
}
p.baslik2{
	width:170px;
	color:#666;
	font-size:12px;
	font-weight:bold;
	text-align: left;
}
.soru{
	font-weight:bold;
	color:#000;
	font-size:12px;
}
div.konu{
	background:url(img/alt_konu_bg.jpg) no-repeat;
	width:288px;
	height:85px;
	float:left;
	margin:0px 12px 29px 0px;
	padding:10px 5px 5px 10px;
	overflow:hidden;
	cursor:pointer;
}
div.konu img{
	width:100px;
	float:left;
	margin:0px 10px 0px 0px
}
div.konu p.ack{
	width:170px;	
	padding:0px;
	font-size:10px;
	font-family:'Arial';
	line-height:12px;

}
div.content{
	width:410px;
	float:left;
	text-align:justify;
	margin:0px 0px 20px 0px;
	height:800px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	padding-right:5px;
}
.content p {
	width: 95%;
}
div.content img{
	max-width: 390px;
}
div.content_1{
	width:610px;
	float:left;
	text-align:justify;
	margin:0px 0px 20px 0px;
	height:800px;
	overflow:auto;
	padding-right:5px;
}
div.content_1 img{
	max-width: 590px;
}
div.content_image{
	width:190px;
	float:left;
	margin-left:10px;
}
div.content_image img{
	margin-top:10px;
	width:195px;	
}
/* ID özelliği Tanımları */

	#kapsayici{
		width:873px;
		padding:59px 23px 20px 23px;
	}
	#bg{
		width:873px;
		background:url(img/kapsayici_bg.jpg) repeat-y;
		float:left;
		padding:0px 23px 0px 23px;
	}
		#header{
			width:827px;
			height:271px;
			float:left;
		}
			#logo{
				width:399px;
				height:58px;
				background:url(img/logo.jpg) no-repeat;
				float:left;	
			}
			#top_menu{
				width:428px;
				height:38px;
				padding:0px 0px 20px 0px;
				float:left;
			}
			#header_res{
				width:827px;
				height:250px;
				float:left;
			}
			.sayi_1{
				background:url(img/sayi_1.jpg) no-repeat;	
			}
			.sayi_2{
				background:url(img/sayi_2.jpg) no-repeat;	
			}
			.sayi_3{
				background:url(img/sayi_3.jpg) no-repeat;	
			}
			.sayi_4{
				background:url(img/sayi_4.jpg) no-repeat;	
			}
			.sayi_5{
				background:url(img/sayi_5.jpg) no-repeat;	
			}
			.sayi_6{
				background:url(img/sayi_6.jpg) no-repeat;	
			}
			.sayi_7{
				background:url(img/sayi_7.jpg) no-repeat;	
			}
			.sayi_8{
				background:url(img/sayi_8.jpg) no-repeat;	
			}
			.sayi_9{
				background:url(img/sayi_9.jpg) no-repeat;	
			}
			.sayi_10{
				background:url(img/sayi_10.jpg) no-repeat;	
			}
			.sayi_11{
				background:url(img/sayi_11.jpg) no-repeat;	
			}
			.sayi_12{
				background:url(img/sayi_12.jpg) no-repeat;	
			}
			.sayi_13{
				background:url(img/sayi_13.jpg) no-repeat;	
			}
			.sayi_14{
				background:url(img/sayi_14.jpg) no-repeat;	
			}
			.sayi_15{
				background:url(img/sayi_15.jpg) no-repeat;	
			}
			.sayi_16{
				background:url(img/sayi_16.jpg) no-repeat;	
			}
			.sayi_17{
				background:url(img/sayi_17.jpg) no-repeat;	
			}
			.sayi_18{
				background:url(img/sayi_18.jpg) no-repeat;	
			}
			.sayi_19{
				background:url(img/sayi_19.jpg) no-repeat;	
			}
			.sayi_20{
				background:url(img/sayi_20.jpg) no-repeat;	
			}
			.sayi_21{
                background:url(img/sayi_21.jpg) no-repeat;    
            }
            .sayi_22{
                background:url(img/sayi_22.jpg) no-repeat;    
            }
			.sayi_23{
                background:url(img/sayi_23.jpg) no-repeat;    
            }
			.sayi_24{
                background:url(img/sayi_24.jpg) no-repeat;    
            }
		#container{
			width:827px;
			float:left;
			margin:39px 0px 0px 0px;
		}
			#left{
				width:630px;
				float:left;
				margin-top:15px;
				padding-bottom:5px;
			}
				#editor{
					width:630px;
					float:left;
					margin-bottom:15px;
				}
				#konular{
					width:630px;
					margin:12px 0px 0px 0px;
					float:left;
				}
			#right{
				width:178px;
				margin:15px 0px 0px 7px;
				float:left;
			}
				#kitap{
					width:178px;
					height:247px;
					float:left;
				}
				#right_menu_bg{
					width:173px;
					height:410px;
					background:url(img/right_menu_bg.jpg) no-repeat;
					float:left;
					padding:15px 0px 15px 5px; 
					margin:10px 0px 0px 0px;
				}
					#rgiht_menu{
						width:158px;
					}
					#right_menu li{
						line-height:10px;
						background:url(img/right_menu_ul_li_bg.jpg) left center no-repeat;
						padding:0px 0px 0px 10px;
						margin:5px 0px 0px 0px;
						font-size:11px;
					}
		#footer{
			width:827px;
			float:left;
			margin:10px 0px 0px 0px;
		}
		
/*Top Menu*/
#menu{
	width:429px;
	height:36px;
	padding:0px 0px 20px 0px;
	position:relative;
}
#menu li{
	display:block;
	position:absolute;
	float:left;
}
#menu li a{
	color:#663333;	
	height:36px;
	position:absolute;
	display:block;
	text-indent: -9999px;
}

#m_1 a{
	width:76px;
	background:url(img/menu.jpg) 0px 0px;
}
#m_1 a:hover{
	background-position:0px -35px;	
}
	#m_1{
		left:0px;	
	}
#m_2 a{
	width:159px;
	background:url(img/menu.jpg) -76px 0px;
}
#m_2 a:hover{
	background-position:-76px -35px;	
}
	#m_2{
		left:76px;	
	}
#m_3 a{
	width:60px;
	background:url(img/menu.jpg) -235px 0px;
}
#m_3 a:hover{
	background-position:-235px -35px;	
}
	#m_3{
		left:235px;	
	}
#m_4 a{
	width:63px;
	background:url(img/menu.jpg) -295px 0px;
}
#m_4 a:hover{
	background-position:-295px -35px;	
}
	#m_4{
		left:295px;	
	}
#m_5 a{
	width:68px;
	background:url(img/menu.jpg) -360px 0px;
}
#m_5 a:hover{
	background-position:-360px -35px;	
}
	#m_5{
		left:360px;	
	}