body { margin: 0 0 0 0; background-image:url(img/ust_bg.gif); background-repeat:repeat-x; width:100%; font-family:Arial, Verdana; font-size:12pt; font-style:normal; font-variant:normal; font-weight:normal; line-height:130%; background-color:#f4f4f8; }
img { border:0;}
a {text-decoration:none; font-family:“"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; border:0; color:#333;}
a:hover {text-decoration:none; color:#060;}
#ust { width:1000px; height:170px; margin:auto; }
#logo { width:230px; height:170px; float:left;}
#banner { width:760px; height:110px; margin-bottom:30px; margin-left:10px; margin-top:30px; float:right;}
#kusak { height:80px; background-image:url(img/kusak.jpg); background-repeat:repeat-x; width:100%;}
#kusakic { width:1000px; height:80px; margin:auto; }
#yesilkusaksol { width:230px; height:50px; float:left;}
#yesilkusaksag { width:770px; height:50px; float:right;}
#mavikusak { width:639px; margin:5px 0 5px 0;  padding-left:10px; padding-right:10px; vertical-align:bottom; font-size:12px; }
#mavikusak a {text-decoration:none; font-family:“"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; font-weight:bold; color:#333;}
#mavikusak a:hover {text-decoration:none; color:#060;}
#main { width:1000px; padding-top:10px; padding-bottom:5px; margin:auto; overflow:hidden; } 
#sol { width:230px; float:left;}
#icerik { width:758px; min-height:823px; background-color:White; margin-left:10px; float:right; border: 1px solid #bebebe;}
#orta { overflow:hidden; width:536px; float:left; margin-right:10px; background-color:White;}
#ortaicerik { width:100%; padding:10px; overflow:hidden; background-color:White;}
#sag { width:210px; float:left; background-color:White; }
#menu {list-style: none;  padding: 0; background:url('img/menu.png') no-repeat; background-color:White; width:230px; height:400px;  position: relative;}
#menu a {display: block; text-indent: -900%; position: absolute; outline: none;}
#menu .Kurumsal a{width: 230px; height: 50px; background: url('img/menu.png') background-color:White; no-repeat; background-position: left 0;  left: 0;  top: 0;}
#menu .Kurumsal a:hover {background-position: right 0;}
#menu .Haberler a {width: 230px; height: 50px; background: url('img/menu.png') no-repeat; background-position: left 50px; left: 0; top: 50px;}
#menu .Haberler a:hover {background-position: right -50px;}
#menu .Dokumanlar a{width: 230px; height: 50px; background: url('img/menu.png') no-repeat; background-position: left 100px; left: 0; top: 100px;}
#menu .Dokumanlar a:hover {background-position: right -100px;}
#menu .Raporlar a{width: 230px; height: 50px; background: url('img/menu.png') no-repeat; background-position: left 150px; left: 0; top: 150px;}
#menu .Raporlar a:hover {background-position: right -150px;}
#menu .SubeveTemsilcilikler a{width: 230px; height: 50px; background: url('img/menu.png') no-repeat; background-position: left 200px; left: 0; top: 200px;}
#menu .SubeveTemsilcilikler a:hover {background-position: right -200px;}
#menu .Bagis a{width: 230px; height: 50px; background: url('img/menu.png') no-repeat; background-position: left 250px; left: 0; top: 250px;}
#menu .Bagis a:hover {background-position: right -250px;}
#menu .Baglantilar a{width: 230px; height: 50px; background: url('img/menu.png') no-repeat; background-position: left 300px; left: 0; top: 300px;}
#menu .Baglantilar a:hover {background-position: right -300px;}
#menu .Iletisim a{width: 230px; height: 50px; background: url('img/menu.png') no-repeat; background-position: left 350px; left: 0; top: 350px;}
#menu .Iletisim a:hover {background-position: right -350px;}
.solkutu { width:230px; overflow:hidden; margin-top:10px;}
#alt { background-color:#f3f8f5; border-top:1px solid #ccc; background-color:White; margin:auto; padding:auto; height:20px; font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; padding:20px; font-size: 9pt; font-style:normal; letter-spacing: 1px; line-height: 1.5em; color:#000000;}
#altmenu { background-image:url('img/altmenu_bg.png'); background-color:White; border:1px solid #ccc; margin:auto; margin-top:10px; width:998px; margin-bottom:10px; overflow:hidden;}
#reklam{ border:1px solid #ccc; margin:auto; width:958px; background-color:White; margin-top:5px; margin-bottom:10px; overflow:hidden; height:100%; padding:20px;}
#altmenusol { float:left; padding:20px; width:260px; overflow:hidden; font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; padding:20px; font-size: 9pt; font-style:normal; letter-spacing: 1px; line-height: 1.5em; color:#000000;}
#altmenusag { float:right; padding:20px; width:638px; font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; padding:20px; font-size: 11pt; font-style:normal; letter-spacing: 1px; line-height: 1.5em; color:#000000; overflow:hidden;}
.iceriksagkutu { float:right; width:220px; overflow:hidden; margin-bottom:0 0 10px 0; }
.iceriksag { float:right; width:200px; overflow:hidden; margin:10px 10px 10px 0; }
.sagkutu {width:200px; overflow:hidden; margin:10px 10px 0 0; }
.baslik1 { width:100%; height:27px; background-image:url('img/baslik1_bg.png'); background-color:White; background-repeat:repeat-x; background-position:50% bottom; padding:10px 0 10px 0; border-bottom:1px solid #CCCCCC;}
.baslik1metin { margin-left:20px; margin-top:5px; font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; font-size: 18px; font-style:normal; font-weight: bold; letter-spacing: 1px; line-height: 1em; color:#009900;}
.metin {font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; padding:20px; font-size: 10pt; font-style:normal; letter-spacing: 1px; line-height: 1.5em; color:#000000; }
.icerikcerceve {float:left; width:180px; overflow:hidden; background-color:White; border:1px solid #ccc; margin:10px; background-color:#f4f4f8; overflow:hidden; font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; padding:10px; font-size: 10pt; font-style:normal; letter-spacing: 1px; line-height: 1.5em; color:#000000;}
.listmenu { display:block; text-decoration:none; list-style:none;  outline:none; position:relative; font-family:“"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; font-size: 14pt;  line-height: 1.5em; color:#666; top: 0px; left: 25px; width: 460px; }
.listmenu li { display:block; text-decoration:none; list-style:none; padding:5px 5px 5px 30px; outline:none; position:relative; background-image: url('img/icon_bullet.png'); background-position:left; background-repeat:no-repeat;    top: 0px;    left: 0px;    width: 359px;}
.listmenu a{ list-style:none; text-decoration:none; font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif;color:#666; }
.listmenu a:hover{ list-style:none; text-decoration:none; font-family:“"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; color:#060; }
#anasayfa_haberler { width:523px; height:328px; border:1px solid #ccc;}
#slider { width:500px; height:295px; margin:10px;}
.ozet { width:523px; height:225px;border:1px solid #ccc; margin-top:10px;}
.ozetbaslik { width:100%; height:17px; background-image:url('img/baslik1_bg.png'); background-repeat:repeat-x; background-position:50% bottom; padding:10px 0 10px 0; border-bottom:1px solid #CCCCCC;}
.ozetbaslikmetin { margin-left:15px; margin-top:2px; font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-style:normal; font-weight: bold; letter-spacing: 1px; line-height: 1em; color:#009900;}
.ozetmetin {padding:15px; font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; padding:10px; font-size: 10pt; font-style:normal; letter-spacing: 1px; line-height: 1.5em; color:#000000;}
.baslik2 {font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; font-size:16px; font-style:normal; font-weight: bold; letter-spacing: 1px; line-height: 1em; color:#000;}
.temsilcilist { display:block; text-decoration:none; list-style:none; outline:none; position:relative; font-family:“"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; font-size:10pt;  line-height: 1.5em; color:#666;}
.temsilcilist .temsilcibaslik { display:block; font-weight:bold; font-size:12pt; color:#009900; padding:0 0 10px 0; border-bottom:1px solid #ccc;}
.temsilcilist li { display:block; text-decoration:none; list-style:none; padding:0 10px 30px 50px; outline:none; position:relative; background-image: url('img/temsilci.png'); background-repeat:no-repeat; }
.temsilcilist a{ list-style:none; text-decoration:none; }
.temsilcilist a:hover{ list-style:none; text-decoration:none; }
.subelist { display:block; text-decoration:none; list-style:none; outline:none; position:relative; font-family:“"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; font-size:10pt;  line-height: 1.5em; color:#666;}
.subelist .subebaslik { display:block; font-weight:bold; font-size:12pt; color:#009900; padding:0 0 10px 0; border-bottom:1px solid #ccc;}
.subelist li { display:block; text-decoration:none; list-style:none; padding:0 10px 30px 50px; outline:none; position:relative; background-image: url('img/sube.png'); background-repeat:no-repeat; }
.subelist a{ list-style:none; text-decoration:none; }
.subelist a:hover{ list-style:none; text-decoration:none; }
.dokumanlist { text-decoration:none; list-style:none;  outline:none; position:relative; font-family:“"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; font-size: 10pt;  line-height: 1.5em; color:#666; }
.dokumanlist .dokumanlistbaslik { font-weight:bold; font-size:10pt; color:#009900; padding:0 0 10px 0; border-bottom:1px solid #f4f4f8;}
.dokumanlist li { width:550px; text-decoration:none; list-style:none; margin:10px; padding:5px 10px 10px 50px; outline:none; position:relative; background-image: url('img/dokumanlar.png'); background-position:top-left; background-repeat:no-repeat; border:1px solid #f4f4f8; }
.dokumanlist a{ list-style:none; text-decoration:none; font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif;color:#666; }
.dokumanlist a:hover{ list-style:none; text-decoration:none; font-family:“"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; color:#060; }
.raporlist { text-decoration:none; list-style:none;  outline:none; position:relative; font-family:“"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; font-size: 10pt;  line-height: 1.5em; color:#666; }
.raporlist .raporlistbaslik { font-weight:bold; font-size:10pt; color:#009900; padding:0 0 10px 0; border-bottom:1px solid #f4f4f8;}
.raporlist li { width:550px; text-decoration:none; list-style:none; margin:10px; padding:5px 10px 10px 50px; outline:none; position:relative; background-image: url('img/raporlar.png'); background-position:top-left; background-repeat:no-repeat; border:1px solid #f4f4f8; }
.raporlist a{ list-style:none; text-decoration:none; font-family:"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif;color:#666; }
.raporlist a:hover{ list-style:none; text-decoration:none; font-family:“"Segoe UI","Myriad Pro",Tahoma,"lucida grande",Verdana,Arial,Helvetica,sans-serif; color:#060; }