@CHARSET "UTF-8";
body { font:12px/1.35 Arial, Helvetica, sans-serif; color:#307fb7; background-color:#fff; width:100%; margin:-15px 0px;}
img{border:0px;}
a{text-decoration: none; color:#307FB7;}
.clear{ clear: both;}
#container{ width: 980px; margin: auto; }

#header{ height: 80px; background: #666;}
#header .header_left{ float: left; width: 275px; height:80px; background: #c2272d; margin-left: 15px;}
#header .header_left .logo { width: 270px; height: 70px; margin: 18px 0 0 0px; position: absolute; z-index: 100; text-align: center;}
#header .header_right{ float: left;}
#header .header_right #menu {margin: 55px 0 0 10px;}
#header .header_right #menu ul {margin: 0; padding: 0;}
#header .header_right #menu ul li { display: block; float:left; color: #fff;  margin-right: 5px;}
#header .header_right #menu ul li a{ color: #dedede; font-weight: bold;}
#header .header_right #menu ul li a:hover{ color: #ffffff; text-decoration: underline;}
#header .header_right #menu ul li ul {padding: 0; visibility: hidden; position: absolute; z-index: 1000;}
#header .header_right #menu ul li ul li { padding: 5px; clear: both; float: none; background: #E6E6E6; width: 160px; border-bottom: 1px dotted #ccc;}
#header .header_right #menu ul li ul li a{ color: #307fb7; font-weight: normal;}
#header .header_right #menu ul li ul li a:hover{ color: #307fb7;  }


#middle_container{ background: url('images/mid-cont-bg.jpg') repeat-x; min-height: 600px; }
#middle_container .index_left{ float: left; width: 303px;}
#middle_container .index_left_top{ width: 275px; margin-left: 15px; background: url('images/index-left-bg.jpg') repeat-y; }
#middle_container .index_left_top h1{ color: #307fb7; font-size: 13px; margin-left: 15px; text-align: center;}
#middle_container .index_left_top ul{ margin: 0 0 0 15px; padding: 0; font-size: 11px;}
#middle_container .index_left_top ul li { display: block; background: url("images/index-left-li-bg.jpg") no-repeat scroll 0px 2px; padding: 0px 8px 15px 20px; margin:0;}
#middle_container .index_left_top ul li a{ color: #307fb7;}
#middle_container .index_left_top .bottom{ background: url("images/index-bottom.jpg") no-repeat; height: 27px;}
#middle_container .index_left .mag{ margin: 5px 0 0 13px; width: 281px; height: 308px; background: url("images/index-left-mag-bg.jpg") no-repeat;}
#middle_container .index_left .mag .kapak{ width: 140px; margin: auto; padding-top: 70px; text-align: center;}
#middle_container .index_left .mag h2 { width: 140px; margin: 7px auto; text-align: center; color: #307fb7; font-size: 11px;}
#middle_container .index_left .mag h2 a{ color: #307fb7;}

#middle_container .index_middle{ float: left; width: 430px; margin-top: 15px;}
#middle_container .index_middle .banner { height: 370px;}
#middle_container .index_middle .bottom{ width: 365px; height: 205px; font-size: 11px; padding: 0 20px; line-height: 20px; background: url("images/index-middle-bottom-bg.jpg") no-repeat;}
#middle_container .index_middle  h1{ color: #307fb7; font-size: 13px; letter-spacing: 2px; height: 10px;}


#middle_container .index_right{ float: left; width: 201px; margin-top: 11px; }
#middle_container .index_right .login{ width: 201px; height: 214px; background: url("images/index-login-bg.jpg") no-repeat; }
#middle_container .index_right .login .username{ margin: 55px 0 0 52px; border: none; height: 19px; width: 110px; }
#middle_container .index_right .login .password{ margin: 27px 0 0 52px; border: none; height: 19px; width: 110px; }
#middle_container .index_right .login .submit{ margin: 15px 0 0 30px; border: none; height: 52px; width: 100px; }

#middle_container .index_right .haber{ background: url('images/index-right-haber-bg.jpg') repeat-y; width: 240px;}
#middle_container .index_right .haber .haber_head { background: url('images/index-right-haber-head.jpg') no-repeat; width: 220px; height: 26px; padding: 35px 0 0 50px; font-size: 15px; font-weight: bold;} 
#middle_container .index_right .haber ul {margin: 0px; padding: 0 0 0 25px;}
#middle_container .index_right .haber ul li {margin: 0; padding: 9px 30px; display: block; background: url('images/index-right-haber-li.jpg') no-repeat scroll 0 9px;}
#middle_container .index_right .haber ul li a{ color: #307fb7; font-size: 11px; }
#middle_container .index_right .haber .haber_bottom { background: url('images/index-right-haber-bottom-bg.jpg') no-repeat; width: 240px; height: 30px;}


/* İÇ SAYFALAR */
#middle_container .content_middle{ float: left; width: 665px; margin-top: 15px; background: #fff; min-height: 500px; -webkit-border-radius: 6px; -moz-border-radius: 6px;  border-radius: 6px;}
/* //İÇ SAYFALAR */

.content { margin: 20px; font-size: 12px; text-align: justify; }
.content h1 { background:url(images/h-head.gif) no-repeat scroll 0 3px; padding-left: 34px; margin-bottom: 20px; font-size: 14px; color: #307fb7; text-align: left; }
.content .dergi_box { float: left; width: 190px; text-align: center; margin: 0 8px 15px 0;}
.content .dergi_box .img_box { min-height: 65px; }
.content .dergi_box .donem { margin: 10px 0; text-align: center;}
.content .dergi_box .donem a { color : #307fb7; font-size: 15px;}

.content ul { margin: 0;}
.content ul li { padding: 4px; line-height: 22px; display: marker;}
.content ul li a { font-size: 13px; }

#footer{ background: #666 url('images/footer-bg.jpg') repeat-x; color: #fff; font-weight: bold; font-size: 14px 5px; padding: 10px;}
#footer .left{ float: left; width: 400px; padding-left: 10px;}
#footer .right { float: right; width: 300px; text-align: right; padding-top: 10px;}
#footer .right a{ color: #fff; margin: 0 10px;}