/*CSS Döküman*/
Body { margin:0 auto; background:url(../img/Bg.gif) repeat-x #f8f7f7;  background-attachment:fixed; font:14px/20px Arial, Helvetica, sans-serif; color:#333; font-weight:normal;}
/*Ana Tablolar*/
#UstTablo { 
width:822px; 
height:22px;
margin:auto;
margin-top:75px;
position:relative; 
background:url(../img/UstBg.png) no-repeat;}
#OrtaTablo { 
width:822px; 
margin:0 auto; 
position:relative;
background:url(../img/OrtaBg.png) repeat-y;}
#OrtaTabloVeri {
width:800px;
margin:auto;}
#AltTablo { 
width:822px;
height:32px;
margin:0 auto; 
position:relative;
background:url(../img/AltBg.png) no-repeat;}
/*Üst Menü*/
#UstMenu {
height:75px;
position:relative;}
#Logo{
width:147px;
height:55px;
position:relative;
display:block;
margin-left:35px;}
#Button {
width:500px;
height:50px;
margin-left:280px;
margin-top:-55px;
font-family:Arial, Helvetica, sans-serif;}
.menu { 
height: 45px;
display: block;}
.menu ul {
list-style: none;
padding: 0;
margin: 0;}
.menu ul li {
/* width and height of the menu items */  
float: left;
overflow: hidden;
position: relative;
text-align: center;
line-height: 45px;}
.menu ul li a {
/* must be postioned relative  */ 
position: relative;
display: block;
width: 100px;
height: 45px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;}
.menu ul li a span {
/* all layers will be absolute positioned */
position: absolute;
left: 0;
width: 110px;}
.menu ul li a span.out {
top: 0px;}
.menu ul li a span.over,
.menu ul li a span.bg {
/* hide */  
top: -45px;}
#menu ul li a {
color: #000;}
#menu ul li a span.over {
color: #FFF;}
#menu ul li span.bg {
height: 45px;
background: url(../img/bg_over.gif) center center no-repeat;}
/*Banner*/
#Banner {
height:175px;
width:800px;
margin-left:11px;
position:relative;}
/*CopyRight*/
#CopyRight{
width:822px;
height:32px;
margin:0 auto; 
position:relative;
font:Arial, Helvetica, sans-serif #333;
font-size:11px;
font-weight:700;}