* { margin: 0px; padding: 0px;  font-family:"Trebuchet MS"; font-size:14px; }
body { height: 100%; margin: 20px 0px 10px 0px; padding: 0; color: #333; background:url(images/tail.gif) repeat-x #EEEEEE; }

hr{ height:0; border:0; border-top:1px dashed #CCC;}
a { text-decoration:none; color:#010161; }
 
/* yatay menü */
#slant {padding:0; margin:0px 20px 0px 0px; list-style:none; float:right;}
#slant li {float:left; text-align:center; margin-right:-20px;} 
#slant a {display:block; text-decoration:none;}
#slant a em {font-style:normal; display:block; padding:0 15px; height:25px; background:#010161; float:left; cursor:pointer; color:#fff; line-height:24px;}
 
#slant a b, a span {cursor:pointer; display:block; width:0; overflow:hidden; float:left; background:#010161;}
 
#slant a span {height:0; border-top:25px solid #010161; border-right:25px solid #fff;}
 
#slant a b.p1,
#slant a b.p2,
#slant a b.p3,
#slant a b.p4,
#slant a b.p5 {border-top:5px solid #fff; border-right:5px solid #010161;}
 
#slant a b.p1 {height:0; margin-top:20px;}
#slant a b.p2 {height:5px; margin-top:15px;}
#slant a b.p3 {height:10px; margin-top:10px;}
#slant a b.p4 {height:15px; margin-top:5px;}
#slant a b.p5 {height:20px;}
 
#slant a b.p6,
#slant a b.p7,
#slant a b.p8,
#slant a b.p9,
#slant a b.p10 {border-bottom:5px solid #fff; border-left:5px solid #010161;}
 
#slant a b.p6 {height:20px;}
#slant a b.p7 {height:15px;}
#slant a b.p8 {height:10px;}
#slant a b.p9 {height:5px;}
#slant a b.p10 {height:0;}
 
#slant a:hover {background:#696;}
 
#slant a:hover em, #slant a.selected em {color:#030; background:#078FCD;}
 
#slant a:hover b.p1, #slant a.selected b.p1,
#slant a:hover b.p2, #slant a.selected b.p2,
#slant a:hover b.p3, #slant a.selected b.p3,
#slant a:hover b.p4, #slant a.selected b.p4,
#slant a:hover b.p5, #slant a.selected b.p5 {border-right-color:#078FCD; background: #078FCD;}
 
#slant a:hover b.p6, #slant a.selected b.p6,
#slant a:hover b.p7, #slant a.selected b.p7,
#slant a:hover b.p8, #slant a.selected b.p8,
#slant a:hover b.p9, #slant a.selected b.p9,
#slant a:hover b.p10, #slant a.selected b.p10 {border-left-color:#078FCD; background: #078FCD;}
 
#slant a:hover span, #slant a.selected span {border-top-color:#078FCD;}
 
#slant a.selected:hover b, #slant a.selected:hover em, #slant a.selected:hover span {cursor:default;}

/* dikey menü */ 
#vertmenu {
font-size: 100%;
width: 290px;
padding: 0px;
margin: 0px;
}

#vertmenu h1 {
display: block; 
background-color:#343399;
border: 1px 1px 0px 0px solid #CCCCCC;
color: #FFFFFF;
margin: 0px;
width:308px;
height:60px;
text-align:left;
font-size:35px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
display: block;
border-bottom: 1px dashed #C39C4E;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:290px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}