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



body {
	background-image:url(img/bg.png);
	background-repeat:repeat-x;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
    font-family: 'Open Sans', sans;
	
}



#main {
	width: 980px;
	margin-top:1px;
	margin-right: auto;
	margin-left: auto;
	background-color:#ffffff;
	
}

#header { 
  width: 980px;
  height: 120px;
  margin-right: auto;
  margin-left: auto;
  background-color:#ffffff;
}

#slider { 
  width: 980px;
  height: 435px;
  margin-right: auto;
  margin-left: auto;
}
#img_slider { 
  width: 980px;
  height: 510px;
  margin-right: auto;
  margin-left: auto;
}
#footer { 
  width: 980px;
  height: 270px;
  margin-right: auto;
  margin-left: auto;
  background-color:#ffffff;
}
#logo_container{
  float:left;
  margin-left:70px;
  margin-top:50px;
  font-family: 'Open Sans', sans;
  font-size:48px;
  font-weight: 900;
	}
.orange_text{
	color:#F60;

	}
	
#menu_container	{
	float:right;
	margin-right:80px;
	margin-top:70px;
	}
	
.button{
	background-color:#ffffff;
	height:10px;
	line-height:10px;
	display: block;
	padding:10px;
	color:#000;
	text-decoration: none;
	font-size:20px;
	font-weight:normal;
	float:left;
	}	
.button:hover {
	text-decoration: none;
	background-color:#bfbfbf;
}
.button:active {
	position: relative;	
}
.button_selected{
	background-color:#ff6600;
	height:10px;
	display: block;
	padding:10px;
	color:#fff;
	text-decoration: none;
	font-size:20px;
	font-weight:normal;
	float:left;
	line-height:10px;
	}
.button_gallery{
	background-color:#ffffff;
	height:10px;
	line-height:10px;
	display: block;
	padding:10px;
	color:#000;
	text-decoration: none;
	font-size:12px;
	font-weight:normal;
	float:left;
	}	
.button_gallery:hover {
	text-decoration: none;
	background-color:#bfbfbf;
}
.button_gallery:active {
	position: relative;	
}
.button_gallery_selected{
	background-color:#ff6600;
	height:10px;
	display: block;
	padding:10px;
	color:#fff;
	text-decoration: none;
	font-size:12px;
	font-weight:normal;
	float:left;
	line-height:10px;
	}



























	
#share_div {
	width:253px;
	height:25px;
	padding-left:757px;
	margin-top:10px;
	margin-bottom:5px;
	font-size:20px;
	line-height:25px;
	color:#F60;
	}
#visit_div {
	width:400px;
	height:25px;
	padding-left:70px;
	margin-top:10px;
	margin-bottom:5px;
	font-size:20px;
	line-height:25px;
	color:#F60;
	}
#alt_butonlar {
	width:810px;
	margin-top:10px;
	margin-bottom:5px;
	margin-right: auto;
	margin-left: auto;
	font-size:20px;
	line-height:25px;
	color:#F60;
	}
	
.alt_buton {
	float:left;
	width:250px;
	margin-top:5px;
	margin-bottom:15px;
	margin-right:20px;
	font-size:30px;
	line-height:25px;
	color:#F60;
	}
.orange_line {
	width:980px;
	float:left;
	height:4px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#F60;
}
.ust_bant{
width:280px;
height:75px;
padding-top:40px;
padding-left:700px;
background-image:url(img/ust_bant.png);
font-size:57px;
font-weight:bold;
color:#F60;
} 


#the_book {
	width:810px;
	margin-top:10px;
	margin-bottom:5px;
	margin-right: auto;
	margin-left: auto;
	font-size:14px;
	line-height:18px;
	color:#000;
	}

#the_gallery {
	width:860px;
	margin-top:10px;
	margin-bottom:5px;
	margin-right: auto;
	margin-left: auto;
	font-size:14px;
	line-height:18px;
	color:#000;
	}
	
#event_photos{
	width:350px;
	height:280px;
	float:left;
	margin-right:10px;

}	
#contact_photos{
	width:250px;
	height:280px;
	float:left;
	margin-right:10px;

}
.mini_text{
	font-size:12px;
}	
#game_photos{
	float:right;
	margin-right:20px;

}	
	

	
	
	/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.news_div {

	width:810px;

	height:320px;

	margin-top:0px;

	margin-left:5px;

	overflow-y: auto;

	overflow-x: hidden;

	scrollbar-face-color: #cacaca;

 	scrollbar-highlight-color: #cacaca;

 	scrollbar-3dlight-color: #cacaca;

	scrollbar-darkshadow-color: #cacaca;

	scrollbar-shadow-color: #cacaca;

 	scrollbar-arrow-color: #000000;

 	scrollbar-track-color: #cacaca;


}

.news_div2 {

	width:760px;

	margin-left:auto;

	margin-right: auto;

	height:320px;

	margin-top:0px;


	overflow-y: auto;

	overflow-x: hidden;

	scrollbar-face-color: #cacaca;

 	scrollbar-highlight-color: #cacaca;

 	scrollbar-3dlight-color: #cacaca;

	scrollbar-darkshadow-color: #cacaca;

	scrollbar-shadow-color: #cacaca;

 	scrollbar-arrow-color: #000000;

 	scrollbar-track-color: #cacaca;


}




.jScrollPaneContainer 	{ position: relative; overflow: hidden; z-index: 1; }



.jScrollPaneTrack 		{

	position: absolute;

	cursor: pointer;

	right: 0;

	top: 1;

	height: 100%;

	background: url(../images/bar.png) top center;

	padding: 1px;

	margin-right: 15px;

}



/*position i relative diye değiştirdim.*/

.jScrollPaneDrag	{ position: relative; background: url(../images/ball.png) center  no-repeat;

					  cursor: pointer; overflow: hidden; }


					  
					  
					  
					
.gallery_icon { 
	width:135px;
	height:135px;
	margin-right:20px;
	float:left;
	border:1px solid #c6c6c6;

}
.gallery_icon_text { 
	margin-top:10px;
	font-size:11px !important;
}