/* CSS Document */

body{
	padding:11px 0 14px 0;
	margin:0;
	background-color:#E7F1F8;
	color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0;
	text-align: center;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
#header{
	background:url(images/header.gif) 0 0 no-repeat;
	width:981px;
	height:196px;
	position:relative;
	margin:0 auto;
}
#header ul{
	background:url(images/nav_bar.gif) 0 0 no-repeat;
	width:847px;
	height:29px;
	position:absolute;
	left:31px;
	top:6px;
	padding:0 0 0 72px;
}
#header ul li{
	background:url(images/nav_div.gif) right top no-repeat;
	height:27px;
	float:left;
	padding:0 1px 0 0;
}
#header ul li a{
	display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	padding:0 14px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	color:#344A04;
	background-color:inherit;
	text-decoration:none;
}
#header ul li a:hover{
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
}
#header ul li a.hover{
	display:block;
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	padding:0 14px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
	cursor:text;
}
#header ul li.last{
	background-image:none;
	height:27px;
	float:left;
}
#header img.logo{
	position:absolute;
	left:27px;
	top:65px;
	width:289px;
	height:73px;
}

#header p{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	position:absolute;
	left:371px;
	top:80px;
	width: 452px;
	height: 68px;
}
#header p span.txt1{
	color:#fff;
	background-color:#1E6887;
}
#header img.icon{
	position:absolute;
	left:60px;
	top:190px;
	width:174px;
	height:80px;
}
#header p.topText{
	text-align:center;
	font:normal 18px/23px Arial, Helvetica, sans-serif;
	color:#E8E8E8;
	background-color:inherit;
	position:absolute;
	left:7px;
	top:177px;
	width:966px;
	height: 16px;
}
#header topText1{
	font:normal 18px/23px Arial, Helvetica, sans-serif;
	color:#E8E8E8;
	background-color:inherit;
	position:absolute;
	left:422px;
	top:55px;
	width:518px;
	height: 70px;
}

#header top{
	font:normal 18px/23px Arial, Helvetica, sans-serif;
	color:#E8E8E8;
	background-color:inherit;
	position:absolute;
	left:322px;
	top:10px;
	width:588px;
	height: 70px;
}

/*------------------------------------------------header--------------------*/
#dene{
	width:311px;
	height:29px;
	position:absolute;
	margin:0 auto;
	left: 690px;
	top: 54px;
}
/*------------------------------------------------body--------------------*/
#body{
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
}
/*------------------------------------------------left--------------------*/
#maill{
	text-align:center;
	width:975px;
	float:left;
	height:300px;

}

#topp{
	width:975px;
	float:left;
	height:25px;
	background-color: #323232;
}


#topp ul{
	width:124px;
	height:21px;
	padding:1px 0px 0 850px;
	border:#DDDDCA solid 1px;
}

#topp ul a{
	font:bold 13px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	text-decoration:none;
}
#topp ul a.hover{
	font:bold 13px/20px Arial, Helvetica, sans-serif;
	color:#CBFF00;
	background-color:inherit;
	text-decoration:none;
}

#topp ul a:hover{
	font:bold 13px/20px Arial, Helvetica, sans-serif;
	color:#FF0000;
	background-color:inherit;
	text-decoration:none;

}
#topp ul li{
	background:url(images/page.gif) right top no-repeat;
	height:19px;
	float:left;
}
#topp ul li a{
	display:block;
	background:url(images/page.gif) 0 0 repeat-x;
	padding: 0 7px;
	font:bold 13px/20px Arial, Helvetica, sans-serif;
	color:#344A04;
	background-color:inherit;
	text-decoration:none;
}
#topp ul li a:hover{
	display:block;
	background:url(images/page.gif) 0 -22px repeat-x;
	color:#fff;
	padding: 0 7px;
	font:bold 13px/20px Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;

}
#topp ul li a.hover{
	display:block;
	background:url(images/page.gif) 0 -22px repeat-x;
	color:#fff;
	padding: 0 7px;
	font:bold 13px/20px Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
}


#topp p.yenim{
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	position:absolute;
	padding:3px 5px 0px 7px;
	width: 822px;
	height: 18px;
	top: 221px;
}
#topp p span{
	font:normal 13px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background-color:inherit;
	position:absolute;
	padding:3px 5px 0px 7px;
	width: 62px;
	height: 18px;
	left: 777px;
	top: 1px;
}
#right{
	width:160px;
	height: 600px;
	float:right;
	background:url(images/right_panel_bg.gif) 0 0 repeat-y;
}

#oyun{
	width:815px;
	float:left;
}

#left{
	width:195px;
	float:left;
	text-align:center;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-size: 1px;
	border-width: 1px;
}



#left ul{
	width:178px;
	height:171px;
	border:#BCD2E6 solid 1px;
	margin:8px 8px 8px 8px;
	background-color:#FFF
}

#left ul li p.boxTxt1{
	text-align:center;
	float:left;
	padding:0 0 0 0;
	margin:12px 0px 0px 0px;
	font:normal 15px/17px Arial, Helvetica, sans-serif;
	color:#2074BC;
	width:178px;
}

#left ul li a{
	display:block;
	width:178px;
	height:171px;
	text-decoration:none;

	
}
#left ul li a:hover{
	color:#fff;
	width:178px;
	height:171px;
	background-color:#E0E9F3;
}
#left ul li a.hover{

	width:178px;
	height:171px;
	background-color:#000;
	text-decoration:none;
	cursor:text;

}

#bodyBottom{
	width:946px;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-size: 1px;
	border-width: 1px;
	background-color:#FFF;
	padding:5px 15px 5px 15px;
	margin:0 auto;
}
#news{
	width:170px;
	float:left;
	margin:0 5px 0 0;
}

/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------footer--------------------*/

#footer{
	text-align:center;
	width:977px;
	height:95px;
	margin:0 auto;
	background:url(images/footer_bg.gif) 0 0 repeat-x #323232;
	color:#fff;
	position:relative;
}


#footer ul{
	text-align:center;
	width:770px;
	position:absolute;
	left:17px;
	top:15px;
}
#footer ul li{
	text-align:center;
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	text-align:center;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:5px 6px 5px 13px;
	text-decoration:none;
}
#footer ul li a:hover{
	text-align:center;
	color:#D4D4C6;
	background-color:#D76E08;
}
#footer p.copyright{
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#D76E08;
	text-align:center;
	background-color:inherit;
	position:absolute;
	left:107px;
	top:65px;
	width: 583px;
	height: 20px;
}

#footer img{
	position:absolute;
	left:810px;
	top:30px;
	width:158px;
	height:38px;
}

#menu3 {
	width: 187px;
	float:left;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-size: 1px;
	border-width: 1px;
	text-align:left;
	}

#menu3 ul{
	float:left;
text-align:left;
}
#menu3 li a {
	height: 33px;
	font:normal 15px/19px Arial, Helvetica, sans-serif;
 	text-decoration: none;
	text-align:left;
	
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #2074BC;
	display: block;
	background:  url(images/menu3.gif);
	padding: 10px 0 0 55px;
	text-align:left;
	}
	
#menu3 li a:hover {
	color: #627EB7;
	background:  url(images/menu3.gif) 0 -42px;
	padding: 10px 0 0 55px;
	text-align:left;
	}
	
#menu3 img{
	float:left;
	position:absolute;
	width:38px;
	height:30px;
	padding: 7px 8px 0px 8px;
}