*{
margin:0;
padding:0;
}
body{
text-align:center;
}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 3px auto; /*Center container on page*/
}

#banner{
width:1000px;
height: 170px;
margin-bottom:3px;
background:url(resimler/sozlerbanner.jpg); background-repeat:no-repeat;
}

#sarma{
float: left;
width: 100%;
background-image:url(resimler/enarka.jpg); background-repeat:repeat-y left top;
}
/** 3 ana kolon*/
#ortakolon{
margin: 0 230px 0 160px;
padding:25px 10px 10px 15px;
width:570px;
}
#solkolon{
float: left;
width: 160px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
background: #f4f3ef;
}
#sagkolon{
float:left;
width: 230px; /*Width of right column*/
margin-left: -230px; /*Set left margin to -(RightColumnWidth)*/
background: #f4f3ef;
}
/*****************
                     3 ANA KOLON BURADA BİTİYOR......
						                              ***********************/

#risalenedir{
color:#383636;
text-align:left;
font:13px Verdana, Arial, Helvetica, sans-serif;
text-indent:2em;
}

#altresim{
background:url(resimler/yazialti.jpg) no-repeat bottom center; 
height:10px; 
margin:0 0 10px;
 
}


/**********
             MENU BAŞLIYOR
			                 ********************/

.suckerdiv ul{
margin: 0;
padding: 0;
width: 160px; /* Width of Menu Items */
list-style-type:none;
}

.suckerdiv ul li{
position: relative;
}
	
/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#900;
text-decoration: none;
font:13px Verdana, Arial, Helvetica, sans-serif;
background:#f4f3ef;
outline:none;
text-align:left;
padding: 4px 0 4px 17px;
margin:0;
border-bottom: 1px solid #7e7e7e;
background: url(resimler/menuicon.jpg) no-repeat center left;
}                                              
.suckerdiv ul li a:hover{
background-color:#900;
color:#fff;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }


#menuust1{
width:160px;
height:34px;
background-image:url(resimler/menuust.jpg); background-repeat:no-repeat;
}
#menuust2{
width:160px;
height:31px;
background-image:url(resimler/menuust1.jpg); background-repeat:no-repeat;
}

/****************
                  MENU BİTİYOR  ******************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 .clearfix {display: inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
 
.clearfix {display: block;}
/* End hide from IE-mac */

#alt{
clear: left;
width: 100%;
height:33px;
text-align:right;
padding:0;
margin:3px 0;
background-image:url(resimler/button1a.gif); background-repeat:repeat-x;
}

#alt a{
color: #ffcccc;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
padding:5px;
}




/*    2 . sağdaki  menu başlıyor            */

.menu ul{
margin:0 7px 0 0;
margin-bottom:5px;
padding:0;
float:left;
list-style-type:none;
width: 83px; /* Width of Menu Items */
}

.menu ul li{
position: relative;

}
	
/* Sub level menu links style */
.menu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#900;
text-decoration: none;
font:11px Verdana, Arial, Helvetica, sans-serif;
background:#f4f3ef;
padding:3px 0 3px 7px;
margin:0;
text-align:left;
border-bottom: 1px solid #000;
background: url(resimler/icmenuicon.png) no-repeat center left;
}

                                                                  

.menu ul li a:hover{
background-color:#FF0000;
color:#000;
}
.yabancidilbaslik{
background-image:url(resimler/yabancidilbaslik.jpg); background-repeat:no-repeat;
width:83px;
height:25px;
}
	
/* Holly Hack for IE \*/
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%; }


/*** 

    Galeri başliyor
	                        *********************************/
	.galeri {
cursor:default;
list-style:none;
margin:0;
padding:0;
}

.galeri a {
cursor:pointer;
outline:none;
position:relative;
}

.galeri img {
border:1px solid #fff;
vertical-align:bottom;
width:100px;
height:140px;

}

.galeri ul {
border:0;
margin:0;
padding:0;
}

.galeri li {
background:#ffefad;
border:1px solid #000;
display:inline;
float:left;
position:static;
margin:5px;
padding:3px;
}

.galeri a:hover {
display:block;
font-size:100%;
z-index:1;
}
						
							
#detay {
text-align:center;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
outline:none;
width:120px;
height:35px;
}
#detay a{
color:#2b2e25;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#detay a:hover{
color:#ffefad;
background:#2b2e25;
cursor:pointer;
}

.baslik{
color:#550000;
text-align:center;
margin-right:60px;
margin-bottom:10px;
font:16px Verdana, Arial, Helvetica, sans-serif;						
}

#arama{
margin:9px 2px;
padding:0;
}

#duyuru{
margin:0;
margin-bottom:1px;
padding:0;
width:228px;
height:34px;
background:url(resimler/sagbaslik1.jpg); background-repeat:no-repeat;
}

#program{
width:222px;
height:70px;
text-align:left;
padding:3px;
margin:5px 0;
border-bottom:1px solid #a1b06d;
border-top:1px solid #a1b06d;
background-color:#ffefad;
color:#990000;
font:12px Verdana, Arial, Helvetica, sans-serif;
}
#program a{
color:#000;
padding:0;
margin:0;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
outline:none;
}
#spanbu{
width:100px;
height:70px;
background:url(resimler/kulliyatindir.jpg); background-repeat:no-repeat;
float:right;
margin:0;
padding:0;
border:0;
}
#aramamotoru{
width:100px;
height:70px;
background:url(resimler/aramamotoru.jpg); background-repeat:no-repeat;
float:right;
margin:0;
padding:0;
border:0;
}
.kayanyazi{
border-bottom:1px solid #a1b06d;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}




/************ 
            KİTAP DETAY BİLGİLER
			                       *******************************/
								   
								   
#kitapdetay{
text-align:left;
padding:0;
margin:0;
background-color:#fff;
color:#990000;
font:12px Verdana, Arial, Helvetica, sans-serif;
}
#kitapdetay a{
color:#000;
padding:0;
margin:0;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
outline:none;
}
.kitapresim{
width:250px;
height:350px;
float:left;
margin:0;
margin-right:5px;
clear:both;
}
.kitapaciklama{
width:570px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#383636;
text-align:left;
padding:5px;
margin:0;
margin-bottom:7px;
}

/***********
              TABLO  
		                *******************************/
		 
		 table{
border-collapse: collapse;
border-spacing:0;
width:570px;
padding:0;
margin:0;
margin-top:5px;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}
		 
td {
border:1px solid #5091a4;
padding:5px 1px;
margin:0;
}
   
th {
height:30px;
color:#383636;
background:#cde9ec;
border:1px solid #5091a4;
padding:3px;
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
}
.ikinci td{background-color:#e0e0e0}
.aktif td{background-color:#cde9ec}