body 
{
    background-color: #fff;							
	background-image: url("../img/ust2.jpg");		
    background-repeat: repeat-x;
    background-position: 0% 0%;
	margin: 0;
	padding: 0;
	/*font-size: 19px;*/
	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

}

a:link  {   font-weight: normal; font-size: 11px; text-decoration: none; color: #000; }
a:hover   { font-weight: normal; font-size: 11px; text-decoration: underline; color: #FFF; }





#TEMEL 
{
	margin-left:0PX;
	width: 950px;
	padding: 0 5px;

}

#UST
{
	
	height:120PX;
}

#ORTATEMEL 
{
    margin-left:0px;
    margin-right:0px;
    width:944px;

	color: #000;
	font-size: 0.8em;
	
		
}

#ORTA 
{
	text-align:left;
	float:right;
	width:783px;
	margin-top:3PX;
	padding-left:5px;
	margin-right:0PX;
	font-size:12px;
    border: 1px solid  #D9ECFB;
	padding-top:4px;


	
}
#ORTA a:link, a:visited, a:active
{
color:#000;
font-size:11px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;

text-decoration: none;
}	
#ORTA a:hover
{
color:#003366;
font-weight:bold;
text-decoration:underline;
font-size:11px;

}		
	
	#CONTENT_1 
{
	width:590px;

	background-image : url(../img/sag.jpg) ;
	float:LEFT;
	padding:2px 2px 2px 2px;
	font-size:12px;

}

#CONTENT_2 
{
	width:175px;
	
	background-image : url(../img/sag.jpg) ;
	float:right;
	padding:0px 0 0px 0;
	font-size:12px;
		padding:3px 3px 3px 3px;
 border-left: 1px solid  #D9ECFB;
  border-bottom: 1px solid  #D9ECFB;
}	
	
	
	
	
	
	
	
#SAG 
{
	width:145px;

	background-image : url(../img/sag.jpg) ;
	float:right;
	padding:0px 0 0px 0;
	font-size:12px;
	padding-right:22px;
}
#SOL 
{

	width:145PX;

	float:left;
}

#ORTSOL
{

	width:350PX;
	float:left;
	margin:0PX;
	border: 0px solid  #D9ECFB;
}

#ORTSOL2
{

	width:590PX;
	float:left;
	margin:0PX;
	border: 0px solid  #D9ECFB;
}

#ORTSAG
{

	width:235PX;

	float:right;
	
	margin-left:5PX;
	margin-right:5PX;
}


#ALT 
{
    margin-left:4px;
    margin-right:5px;
    margin-bottom:5px;
	margin-top:5px;
    width:900px;
	height:30px;
	text-align: center;	
	color: #999;
	clear: both;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#FLASH_1  {
	position: absolute;
	left: 7px;
	top: 77px;
	display: block;
	width: 933px;
	height: 26px;
	background-color:#669AD4;
	margin:1px;
	padding:3px;
	text-align:right;
	 border: 1px solid  #D9ECFB;
	
	
	}
	
#FLASH_3  {
	position: absolute;
	left: 14px;
	top: 10px;
	display: block;
	width: 332px;
	height: 33px;
	}	
	
#FLASH_4  {
	position: absolute;
	left: 496px;
	top: 7px;
	display: block;
	width: 332px;
	height: 33px;
	}


	
	
#FLASH_2  {
	position: absolute;
	left: 750px;
	top: 83px;
	display: block;
	width: 97px;
	height: 225px;
	}
#NEREDEYIM  {
	position: absolute;
	left: 409px;
	top: 220px;
	display: block;
	width: 208px;
	height: 42px;
	}
	
	
	
#resim
{

	/*vertical-align: top;*/
	

	font-family: Georgia, Lucida, Arial, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #00008B;
	/*border-bottom: 0px solid #efefef;*/
	width:180px;
	float:right;
	padding:10px;
	margin:10px;
	
}	
	
	
	
	
	
	
	
	
	
	
	
dl.previously {
 	PADDING-RIGHT: 0px;
    PADDING-LEFT: 15px;
    BACKGROUND: url(../img/kitap_ici.gif) no-repeat left top;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px 1px;
    WIDTH: 560px;
    PADDING-TOP: 10px;
    POSITION: relative;
    HEIGHT: 160px;
	float:right;
	
  }
.previously dt  {
    float:left;
    PADDING-TOP: 8px;
   PADDING-LEFT: 2px;
	
    MARGIN: 0px 5px 0 0;
  }
.previously dd  {
  PADDING-TOP: 5px;
  PADDING-RIGHT: 14px;
  
  
  line-height: normal;
}
.previously dt image{
 border:1px;
}
.previously dd a {
 /* font:15px/1.4em Sans-serif;*/
  border-width:0;
  color:#880537;
  font-weight: 900;


  }
.previously dd.baslik {
  margin-bottom:0;
}
.previously dd.yazar {
  font:12px/.1em Sans-serif;
  margin-bottom:0;
  color:#717171;
  font-weight: normal;
}
.previously dd.icerik {
  font:12px/1.5em Sans-serif;
  margin-bottom:0;
  color:#000000;
  font-weight: normal;
  }
.log .previously dd.posted {
  margin-top:.7em;
  margin-bottom:1.75em;
  }
  
 dl.yakindacikacaklar {
 	PADDING-RIGHT: 0px;
    PADDING-LEFT: 12px;
    BACKGROUND: url(../img/kitap_ici_yakinda.gif) no-repeat left top;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px 1px;
    WIDTH: 560px;
    PADDING-TOP: 10px;
    POSITION: relative;
    HEIGHT: 160px;
	
  }
.yakindacikacaklar dt  {
    float:left;
    PADDING-TOP: 10px;
	
    MARGIN: 0px 5px 0 0;
  }
.yakindacikacaklar dd  {
  PADDING-TOP: 5px;
  PADDING-RIGHT: 14px;
  
  
  line-height: normal;
}
.yakindacikacaklar dt image{
 border:1px;
}
.yakindacikacaklar dd a {
 /* font:15px/1.4em Sans-serif;*/
  border-width:0;
  color:#880537;
  font-weight: 900;


  }
.yakindacikacaklar dd.baslik {
  margin-bottom:0;
}
.yakindacikacaklar dd.yazar {
  font:12px/.1em Sans-serif;
  margin-bottom:0;
  color:#717171;
  font-weight: normal;
}
.yakindacikacaklar dd.icerik {
  font:12px/1.5em Sans-serif;
  margin-bottom:0;
  color:#000000;
  font-weight: normal;
  }
.log .yakindacikacaklar dd.posted {
  margin-top:.7em;
  margin-bottom:1.75em;
  }  
  
  
  
  
  
  
  
  
  
  
  
  
.resim {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border:  1px solid #ccc;
/*width: auto;*/
  background-color:#FFFFFF;
  padding: 4px 4px;
 /* line-height: 20px;*/
  margin: 0px;
}


.resim2 {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border:  1px solid  #00536F;  
  background-color: #C1D8F0;
  padding: 4px 4px;
  margin:4px 4px;
}


label{cursor:pointer}
input,textarea{border:1px solid #ccc;background-color:#eee; font-size:12px;}
input:focus,textarea:focus{background-color:#fff}









/*--------------------------------------------------------------------------
Sub Navigation - Level Two
--------------------------------------------------------------------------*/

#sub-navigation {
 width: 145px;
 padding-top: 1px;

 float: left;
 margin-left:1PX;
}

#sub-navigation ul {
 padding-bottom: 2px;
 margin: 0;
 
 margin-left:0px;
 padding-left:0px;
}

#sub-navigation ul li {
 margin: 0; 
 padding: 1px 0;
 background: none;
}

#sub-navigation ul li a {
 font-size: 11px;
 height: 28px;
 font-weight: bold;
 line-height: 26px;
 background: transparent url('../img/a-subnav.gif') no-repeat 0 0;
 display: block;
 margin: 0 1px;
 padding: 0 0 0 22px;
 color: #2b5275;
 border: 1px solid #fff;
}

#sub-navigation ul li a:hover {background-position: 0 -28px;}
#sub-navigation ul li a.active {background-position: 0 -56px; color:#fff;}





li {list-style: none;}

.cleaner {clear: both;}

h1, h2, h3, h4, h5 {
 font-weight: normal;
 color: #2b5275;
 line-height: 18px;
 margin-bottom: 18px; 
}

h1 {display: none;}

h3 {
 font-size: 17px;
 padding-bottom: 10px;
 border-bottom: 1px solid #e7eff5;
}

h4 {
 font-size: 13px;
 color: #699bc9;
 font-weight: bold;
}

p, ul, ol {margin-bottom: 18px;}

ul {
 list-style: none;
 color: #2b5275;
}

ul li {

 background: transparent url('../img/li-bullet.gif') no-repeat 0 50%;
}




/* ---------------- DUYURU PANOSU CSS --------------------------*/
/*Example CSS for the two demo scrollers*/

#pscroller1{
position: relative;
width: 330px;
height: 160px;

padding: 5px;
font-family:"Courier New", Courier, monospace;
color:#333;
font-size:12px;

}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}



.someclass{ //class to apply to your scroller(s) if desired
}
/* ---------------- DUYURU PANOSU CSS BITTI --------------------------*/