@charset "iso-8859-9";

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px auto; padding:0px; color:#444;}
a{ color:#444; text-decoration:none;}
a img{border:0px none;}
a:hover { color:#000;}

ul#ust_menu {	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px; border-top-width:0px;	border-top-style: dashed;	border-right-style: dashed;	border-bottom-style: dashed;	border-left-style: dashed;	border-top-color: #333;	border-right-color: #333;	border-bottom-color: #333;	border-left-color: #333; height:25px; width:600px; margin:0px; margin-left:160px;}
ul#ust_menu  li { float:left; width:100px; list-style:none;background-image: url(images/ok.jpg);	background-repeat: no-repeat;	background-position: 0px 8px; text-indent:15px; padding-top:5px;}

div#logo {	background-image: url(images/logo2.jpg);	background-repeat: no-repeat;	height: 167px;	width: 130px; position:relative; top:-20px; left:0px;}

div#container {	margin:0 auto;	width:970px;}

div#sol_sutun { width:150px; float:left; margin-left:10px;}
div#sol_sutun h1 { color:#e67817; font-size:12px; background-image: url(images/ok_3.jpg);	background-repeat: no-repeat;	background-position: 0px 0px; text-indent:15px; font-weight:bold;}
div#sol_sutun ul{ list-style:none; padding-left:10px;}
div#sol_sutun ul li { color:#336666; padding-bottom:5px;}
div#sol_sutun ul li a { color:#336666;}
div#sol_sutun ul li a:hover { font-weight:bold;}

div#orta_bolum {margin-left:50px; float:left; width:480px; padding-top:50px;}

div#duyurular {margin-left:30px;}
div#duyurular h1 { padding:0px; float:left; font-size:12px;}

div#icerik{width:462px;border: 1px dotted #bbb;min-height:400px; padding:0px; margin-top:20px;}
div#icerik .baslik{width:100%; margin:0px;height:30px; background-color:#889999; font-size:12px; color:#fff; font-weight:bold;}
div#icerik .baslik p{ position:relative; top:15px; left:5px; margin:0px; padding:0px;}
div#icerik .egitmen{ margin-left:50px;}
div#icerik .egitmen img{ margin-right:50px;}
div#icerik .etkinlik{ margin-left:30px; margin-top:30px; float:left;}
div#icerik .metin, div#icerik p{ margin:20px; text-align:justify;}
div#icerik ul{ list-style:none; line-height:30px;}
div#icerik #kroki{ width:400px; margin:20px;}
img.atolye{ width:100%;}

div.kutu{ width:150; float:left; margin:1px; height:100px; overflow:hidden; border:1px solid #fff;}
div.kutu:hover { border:1px solid #666;}
div.kutu div{ color:#fff; font-weight:bold; font-size:12px; margin-left:2px; margin-top:7px; margin-bottom:0px; margin-right:0px; height:25px;}

div#sag_sutun{ width:200px; float:left; min-height:400px; margin-top:100px;}
div#sag_sutun .kutu1{ width:100%; margin:2px 0px; height:40px; color:#fff; font-weight:bold; text-align:center; }
div#sag_sutun .kutu1 a{ color:#FFF; position:relative; top:15px;}
div#sag_sutun .kutu2{ width:100%; margin:2px 0px; text-align:center; background-color:#eee; }
div#sag_sutun .kutu2 h1{ padding:0px; margin:0px; font-size:12px; text-align:left; height:30px; vertical-align:bottom; background-color:#998899; color:#fff;}

div#footer{ text-align:center; width:100%; height:80px; padding-top:20px; font-weight:bold; background-color:#eee; }

.clr { clear:both; }
.clr_10 { clear:both; height:10px; }
.clr_20 { clear:both; height:20px; }
.clr_50 { clear:both; height:50px; }

.col_30 {  float:left; width:30%;}


