*{margin:0; padding:0}

body{
background-image:url(resimler/bg.gif); background-repeat:repeat;

}

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

#topsection{
background: #EAEAEA;
height: 140px; /*Height of top section*/
width:760px;
background-image:url(resimler/banner.jpg); background-repeat:no-repeat;
}
#logo{
width:200px;
height:153px;
background-image:url(resimler/logo.jpg); background-repeat:no-repeat;
}


#contentwrapper{
float: left;
width: 100%;
background-image:url(resimler/kolon.jpg); background-repeat:repeat-y;
}

#contentcolumn{
background-color:#fff;
width:560px;
float:right;
padding:0;
margin:0;
}

#leftcolumn{
width:200px; /*Width of left column*/
background:#eaeaea;
float: left;
margin-left: -760px; /*Set margin to that of -(MainContainerWidth)*/


}
#bayrak{
width:170px;
height:38px;
margin:15px auto;
}

#footer{
clear:both;
width:760px;
margin:1px auto;
background:#dbd8d8;
text-align: center;
padding: 4px 0;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}

#footer a{
color:#666;
text-decoration:none;
outline:none;
}

#yazi{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#666;
line-height:2em;
margin:0;
padding:20px 1px 20px 10px;
}
#baslik{
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
margin:10px 0 5px 10px;
padding:20px 1px 20px 10px;
color:#333;
}



/****
         MENU
****************************************************/

.menu{
width: 200px; /*width of menu*/
}



.menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.menu ul li{
padding:0;
border-bottom:1px solid #333;
margin:0;
position:relative;


}

.menu ul li a{
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#666;
background: #eaeaea;
display: block;
padding: 7px 0 7px 8px;
margin:0;
line-height:165%;
text-align:left;
text-decoration: none;
outline:none;
border:0;
overflow: auto; /*force hasLayout in IE7 */

}

.menu ul li a:hover{ /*hover state CSS*/
color:#fff;
background:#666;
}		

/* Holly Hack for IE \*/

* html .menu ul li { float: left; height: 1%; }

* html .menu ul li a { height: 1%; }


/****   MENU BITTI **************/ 

.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 */


/***
        tablo
		     *****************/
			 
			 		 table{
border-collapse: collapse;
border-spacing:0;
width:480px;
float:left;
padding:1px;
margin:10px 3px 5px 10px;
padding:0;
text-align:left;
}

		 

td {
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
font:12px Verdana, Arial, Helvetica, sans-serif;
padding:4px;
}

 
 /*****
            GALERI
		************************************/
		
		
	.galeri {

cursor:default;
list-style:none;
padding:0;
float:left;
margin:1px;
}



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



.galeri img {
border:1px solid #fff;
vertical-align:bottom;
width:95px;
height:73px;
}



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

}



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

}



.galeri a:hover {
display:block;
font-size:100%;
z-index:1;
}