body{ 
text-align:center; 
margin:0;
padding:0;
background-color:#f7faff;

} 

#sayfa{ 
width:960px; 
margin:0 auto; 
text-align:left; 
background-color:White;
border:solid 3px maroon;
border-color:#567db5;
} 

#baslik 
{
text-align:left;
width:960px;
height:62px;


} 

#ustmenu
{ 
float: left;
width: 960;
margin-bottom:1px;
text-align:center;

} 
#KapsayiciAlan 
{ 
margin-top:1px;
float: right; 
width: 955px; 
} 

#icerik 
{ 
float: left; 
width: 955px; 
text-align:left;
} 

#altAlan 
{ 
text-align:center;
width:960px; 
clear: both; 
font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #134A81;
background-image: url(../images/alt-backgronud.gif);
} 
#hop
{ 
border:solid 1px maroon;
}

A:link {text-decoration: none}
A:visited {text-decoration: none; color: #134A81;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: #134A81;}



ul#menu, ul#menu ul{
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
ul#menu li {
 float: left;
 position: relative;
 width: 140px;
}

ul#menu li ul {
 display: none;
 position: absolute; 
 top: 0px; 
 left: 0;
}

ul#menu li > ul {
top: auto;
left: auto;
}

ul#menu li a { 
font: bold 11px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #fff #999 #444 #ccc;
margin: 0;
padding: 2px 3px;
color: #000;
background: #efefef;
text-decoration: none;
}

ul#menu li a:hover {
color: #a00;
background: #fff;
}

ul#menu li:hover ul, ul#menu li.over ul { 
 display: block;
}