/* Meyer reset: */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0;}
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";
color: #00528a;
}
/*
SITE COLORS:
BLACK: #010000
Dark Grey: #393845
Light Grey: #e0e0e8
Dark REd: #5C0009
Light REd: #940315
White: #F2F3F8
FAZ 1 : #004174 #006cc0
FAZ 2 : #cc0920 #ff755d
*/
html { background-color: #F2F3F8; color: #333; }
body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background: transparent; font-size: 12px; line-height: 1em; text-align: left; }
a { text-decoration: none; color:#940315 ;}
a:hover { text-decoration: underline; color:#5C0009 ;}
a:active, a:focus { background-color: rgba(233,2,6,0.11);}
.clear { clear: both; }
/* */
div#wrapper {
width: 960px;
}
/* Header */
div#header { float: left; clear: both; width: 965px;}
div#header h1 { display: block; float: left; clear: left;}
/* Main Navigation */
div#main-nav, div#main-nave { background-color: transparent; float: left; margin-top: 99px; height: 21px; }
div#main-nav ul, div#main-nave ul { width: 553px;}
div#main-nav li, div#main-nave li { display: inline;}
div#main-nav ul li a{ height: 21px; background-image: url("../img/banner.png"); text-indent: -9999px; margin: 0 0; float: left; }
div#main-nave ul li a {height: 21px; background-image: url("../img/banner_eng.png"); text-indent: -9999px; margin: 0 0; float: left;
}
div#main-nav ul li a.menu-1, div#main-nave ul li a.menu-1 { width: 122px; background-position: 0 0; }
div#main-nav ul li a.menu-1:hover,div#main-nav ul li a.menu-1.selected, div#main-nave ul li a.menu-1:hover, div#main-nave ul li a.menu-1.selected { width: 122px; background-position: 0 -23px; height: 21px;}
div#main-nav ul li a.menu-2, div#main-nave ul li a.menu-2 { width: 68px; background-position: -122px 0px; }
div#main-nav ul li a.menu-2:hover,div#main-nav ul li a.menu-2.selected, div#main-nave ul li a.menu-2:hover,div#main-nave ul li a.menu-2.selected { width: 68px; background-position: -122px -23px;}
div#main-nav ul li a.menu-3, div#main-nave ul li a.menu-3 { width: 69px; background-position: -190px 0px;}
div#main-nav ul li a.menu-3:hover,div#main-nav ul li a.menu-3.selected, div#main-nave ul li a.menu-3:hover,div#main-nave ul li a.menu-3.selected { width: 69px; background-position: -190px -23px;}
div#main-nav ul li a.menu-4, div#main-nave ul li a.menu-4 { width: 107px; background-position: -259px 0px;}
div#main-nav ul li a.menu-4:hover,div#main-nav ul li a.menu-4.selected, div#main-nave ul li a.menu-4:hover,div#main-nave ul li a.menu-4.selected { width: 107px; background-position: -259px -23px;}
div#main-nav ul li a.menu-5, div#main-nave ul li a.menu-5 { width: 107px; background-position: -366px 0px;}
div#main-nav ul li a.menu-5:hover,div#main-nav ul li a.menu-5.selected, div#main-nave ul li a.menu-5:hover,div#main-nave ul li a.menu-5.selected { width: 107px; background-position: -366px -23px;}
div#main-nav ul li a.menu-6, div#main-nave ul li a.menu-6 { width: 77px; background-position: -473px 0px;}
div#main-nav ul li a.menu-6:hover,div#main-nav ul li a.menu-6.selected, div#main-nave ul li a.menu-6:hover,div#main-nave ul li a.menu-6.selected { width: 77px; background-position: -473px -23px;}
div#mini-nav {
position: absolute;
left: 510px;
margin: 0;
width: 203px;
height: 20px;
}
div#mini-nav2 {
position: absolute;
margin: 0;
width: 240px;
height: 110px;
left: 720px;
top: 5px;
}
div#mini-nav ul li{ display: inline; padding: 2px 5px;border-left: 1px solid #eff; }
div#top-banner { position: absolute; left: 160px; top:20px; margin: 0; width: 553px; height: 79px;}
/* Left Navigation */
div#left-nav { width: 160px; margin: 0 0; min-height: 720px; background: transparent url(../img/left-nav.png) repeat-x 0 0; border-right: 1px solid #F2F3F8 ; clear:left; float:left;}
div#left-nav ul { margin: 22px 0; line-height: 1.8em; text-indent: 8px; font-size: 12px;}
div#left-nav ul li { border-top: 1px solid #c2c2c2;}
div#left-nav ul li a, #left-nav ul li a:visited { background-color: #e0e0e8; display: block; margin: 0; text-decoration: none;}
div#left-nav ul li a:hover { background-color: #e8e9ee; display: block; margin: 0; text-decoration: none;}
div#left-nav ul li a:focus { background-color: rgba(233,2,6,0.11); display: block; margin: 0; text-decoration: none;}
div#left-nav ul li a.selected { background-color: #b2b2b9; text-indent: 9px; font-weight: bolder;}
div#left-nav ul.left-nav-sub{ margin: 0; text-indent: 15px;}
div#left-nav ul.left-nav-sub li a, div#left-nav ul.left-nav-sub li a:visited{ background-color: #F2F3F8;}
div#left-nav ul.left-nav-sub li a:hover{background-color: #e8e9ee; display: block; margin: 0; text-decoration: none;}
div#left-nav ul.left-nav-sub li a:focus { background-color: rgba(233,2,6,0.11); display: block; margin: 0; text-decoration: none;}
div#left-nav ul.left-nav-sub li a.selected{ background-color: #d70c00; color: #fff;}
div#left-nav ul.left-nav-sub2{ margin: 0px; padding-left: 20px;}
div#left-nav ul.left-nav-sub2 li a:hover{ background-color: #e8e9ee; display: block; margin: 0; text-decoration: none;}
div#left-nav ul.left-nav-sub2 li a:focus { background-color: rgba(233,2,6,0.11); display: block; margin: 0; text-decoration: none;}
div#left-nav ul.left-nav-sub2 li a.selected{ background-color: #d70c00; color: #fff;}
div#left-nav ul li a.faz1 { background-color: #004174; text-indent: 9px; font-weight: normal; color: #fff;}
div#left-nav ul.left-nav-sub li a.faz1, div#left-nav ul.left-nav-sub li a.faz1:visited{ background-color: #6db0e4;}
div#left-nav ul.left-nav-sub li a.faz1:hover{ background-color: #006cc0; color: #fff;}
div#left-nav ul.left-nav-sub li a.faz1.selected { background-color: #006cc0; font-weight: bold;}
div#left-nav ul li a.faz2 { background-color: #cc0920; text-indent: 9px; font-weight: normal; color: #fff;}
div#left-nav ul.left-nav-sub li a.faz2, div#left-nav ul.left-nav-sub li a.faz2:visited{ background-color: #ff755d;}
div#left-nav ul.left-nav-sub li a.faz2:hover{ background-color: #cc0920; color: #fff;}
div#left-nav ul.left-nav-sub li a.faz2.selected { background-color: #cc0920; font-weight: bold;}
div#left-nav ul.left-nav-sub2 li a.faz2, div#left-nav ul.left-nav-sub2 li a.faz2:visited{padding-left: 10px; background-color: #ff755d;}
div#left-nav ul.left-nav-sub2 li a.faz2:hover{padding-left: 10px; background-color: #cc0920; color: #fff;}
div#left-nav ul.left-nav-sub2 li a.faz2.selected {padding-left: 10px; background-color: #990920; font-weight: bold;}
div#left-nav ul.left-nav-sub2 li a.faz1, div#left-nav ul.left-nav-sub2 li a.faz1:visited{padding-left: 10px; background-color: #6db0e4;}
div#left-nav ul.left-nav-sub2 li a.faz1:hover{padding-left: 10px; background-color: #006cc0; color: #fff;}
div#left-nav ul.left-nav-sub2 li a.faz1.selected {padding-left: 10px; background-color: #206ce0; font-weight: bold;}
/* Right Navigation */
div#right-nav { width: 178px; float: left; background-color: #662; margin: 0 0; border-left: 1px solid #F2F3F8; background: transparent url(../img/left-nav.png) repeat-x 0 0; }
div#right-nav p { margin: 15px 8px 20px 8px; font-size: 11.5px; line-height: 1.22em;}
div#right-nav h3 { padding-left: 10px 8px; font-size: 10.8px; font-weight: bolder;}
div#right-nav h5 { height: 10px; display: block; font-size: 9.85px; font-weight: bolder; background: #DFE4E7 none repeat scroll 0 0; padding: 5px 10px; border-top: 1px solid #b2b2b9; border-bottom: 1px solid #b2b2b9;}
div#right-nav ul { margin: 8px 0;}
div#right-nav a.icon { background: url(../img/arrow_next.png) no-repeat scroll -2px 2px ; padding-left: 16px;}
/* Breadcrumb */
div#b-crumb { width: 799px; height: 60px; display: block; float: left; font-size: 10px;color: #940315;}
div#b-crumb ol { width: 450px; height: 20px; margin: 8px 0 0 8px;}
div#b-crumb ol li { margin: 10px 0 5px 0; display: inline; width: 450px;
}
div#b-crumb ol li a.breadcrumb { background: url(../img/barrow.png) no-repeat scroll 0 2px ; padding-left: 14px;}
div#b-crumb ol li a.base { color:#000 ; text-decoration: none; background: url(../img/barrow.png) no-repeat scroll 0 2px ; padding-left: 14px;}
div#b-crumb h2 { padding-left: 8px; color: #fff; font-size: 16px; font-weight: bolder; line-height: 26px; }
.faz1-bread { background: transparent url(../img/faz1.png) repeat-y 0 0;}
.faz1-bread ol li a{ color: #fff; text-decoration: underline;}
.faz2-bread { background: transparent url(../img/faz2.png) repeat-y 0 0;}
.faz2-bread ol li a{ color: #fff; text-decoration: underline;}
.normal-bread { background: transparent url(../img/con-top-nav.png) repeat-y 0 0;}
/* Content */
div#content { background-color: transparent; width: 620px; float: left; margin: 0 0 30px 0; }
div#content p { margin: 10px 20px 20px 8px; font-size: 11.5px; line-height: 1.45em; }
div#content h2,h3,h4 { margin: 10px 20px 20px 8px; font-size: 20px; font-weight: bold; text-shadow: #bfc0c0 1px 1px 2px; line-height: 1.2em;}
div#content strong { font-weight: bolder;}
div#content h3 { font-size: 14.5px ;}
div#content h4 { font-size: 10.8px; text-shadow: none;}
div#content ul { line-height: 1.6em; margin: 10px 10px 10px 8px ;}
div#content ul.normal-list { list-style: square; font-size: 11.5px; margin-left: 25px;}
div#content hr { height: 1px; border: none; background-color: #e0e0e8; margin: 5px 0;}
div#content img { float: left; clear: left; margin: 10px; padding: 4px; background-color: #fff; border: 1px solid #ddd;}
div#content-banner img {
margin: 0 auto;
}
ul#foto li a{
display: inline;
background-color: red;
}
div#content a.icon { background: url(../img/png-grey/arrow_next.png) no-repeat scroll -2px 2px ; padding-left: 16px;}
div#content h5{ height: 12px; display: block; font-size: 10.5px; font-weight: bolder; background: #DFE4E7 none repeat scroll 0 0; padding: 8px 10px; border-top: 1px solid #b2b2b9; border-bottom: 1px solid #b2b2b9;}
li.medyalogos { margin: 0 0; float: left; display: inline;}
div#content blockquote {
line-height: 1.2em;
display: block;
color: #000;
margin: 0 ;
padding: 20px;
padding-left: 70px;
text-indent: 30px;
background: url(../img/bq.png) no-repeat;
}
div#content address {
background: #ddd;
font: 12px;
line-height: 1.3em;
width: 550px;
margin: 20px 20px;
padding: 15px;
}
/* Table Design */
table.infotable{ font-size: 12px; background: #F2F3F8; margin: 10px 8px; width: 350px; border-collapse: collapse; text-align: left;}
table.infotable th{ font-size: 14px; text-shadow: #bdbee2 1px 1px 1px; font-weight: bolder; color: #039; padding: 10px 8px; border-bottom: 1px solid #6678b1;}
table.infotable td{ color: #669; padding: 10px 8px 0px 8px;}
table.infotable tbody tr:hover td{ color: #009;}
table.infotable2{ font-size: 12px; background: #F2F3F8; margin: 10px 8px; max-width: 550px; border-collapse: collapse; text-align: left; }
table.infotable2 strong{ font-weight: bolder;}
table.infotable2 th { background-color:#e0e0e8 ; padding: 4px 8px; font-weight: bolder;}
table.infotable2 tr, table.infotable2 tr td{border: 1px solid #CCCCCC;}
table.infotable2 tr .saat { width: 100px; white-space: nowrap;}
table.infotable2 tr .content { width: 450px; white-space: nowrap;}
table.infotable2 tr td { padding: 4px 8px; line-height: 1.5em;}
table.infotable2 .odd { background-color: #eff2ff;}
form#online_form{
width: 590px;
background-color: transparent;
margin: 10px 10px;
padding: 5px;
line-height: 1.3em;
border: 1px solid #cccccc;
}
form#online_form label {
float: left;
width: 160px;
margin-right: 5px;
text-align: right;
margin-top: 4px;
}
form#online_form textarea, input {
margin-top: 3px;
}
form#online_form .radiob {
margin-top: 8px;
}
div#formleft{
float: left;
width: 290px;
}
#egitim_lg legend, #gorev_lg legend{
font-size: 16px;
font-weight: bold;
color: #393845;
}
.uyari { text-align: center; width: 430px; border: 1px solid #795a3c; background-color: #ece38e; color: #ff5a00; font-size: 14px; font-weight: bold; padding: 2px; margin-left: 20px; line-height: 1.2em;}
.push-right {width: 290px;float: right;clear: right;}
.push-left{ width: 280px; float: left;clear: left;margin: 0;}
.site_map li {
list-style-type: square;
line-height: 15px;
margin-top: 5px;
margin-left:25px;
margin-bottom: 5px;
}
.iframe {
margin-left:10px;
}
.video {
float: right; clear: right; margin: 10px; padding: 4px; background-color: #fff; border: 1px solid #ddd;
}
/* Footer */
div#footer { clear: both; width: 100%; margin-top: 40px; padding: 15px 20px; font-size: 9.5px; border-top: 1px solid #e0e0e8; color: #393845;}
div#footer img{ float: left;}
div#footer-menu { float: left; width: 450px; margin: 10px 27px;}