/* 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, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


form,form input,select, textarea{
	font-family:Arial, Helvetica, sans-serif !important;
}

div.content_page a{
color:#555;
text-decoration:none;
}

div.content_page a:hover{
color:#000;
text-decoration:underline;
}

/* RESET END */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:120%;
color:#333;
}

div.odtu-top{
background:url(images/metu-bg-top-birim.jpg) repeat-x;
height:197px;
width:100%;
position:absolute;
top:0;
z-index:0;
overflow:hidden;
}

div.container{
position:relative;
width:935px;
margin:0 auto;
overflow:hidden;
min-height:512px;
background:url(images/bg_middle-birim.png) repeat-y;
}

div.container-top{
background:url(images/metu-container-top-birim.png) repeat-x;
height:202px;
width:912px;
margin:0 auto;
}

div.odtu-bottom{
background:url(images/bottom-birim.png) no-repeat;
width:935px;
margin:0 auto;
height:40px;
}

.logo_text{
float:left;
margin-top:8px;
margin-left:44px;
margin-bottom:24px;
}

ul.lang{
margin-top:10px;
margin-right:7px;
overflow:hidden;
float:right;
height:16px;
}

ul.lang li{
float:left;
display:inline;
border-left:1px solid #ccc;
}

ul.lang li:first-child{
border:0px;	
}

li.lang ul {
  display: none;
}
/* Display the dropdown */
li:hover > ul {
  display: block; 
  position: absolute;
}
/* Remove float from dropdown lists */
li:hover li {
    float: none;
}

ul.lang li a{
display:block;
color:#9d9b9b;
font-size:10px;
text-decoration:none;
margin-left:3px;
margin-right:3px;
line-height:10px;
}

ul.lang li a:hover{
color:#333;	
}

div.title span{
line-height:21px;
font-size:21px !important;
font-weight:bold;
color:#cf0101;
border-top:1px solid #d1d1d1;
padding-top:1px;
display:block;
text-align:right;
padding-right:15px;
}

div.title span.title-top{
font-size:16px !important;
color:#888888 !important;
border-top:0px;
padding-top:0px;
height:20px;
}

.col_1 li.first.last{
margin-left:7px 
}

div.arama{
margin-top:6px;
margin-right:18px;
float:right;
width:234px;
}

.slogan{
float:left;
}

/*---
margin-top:8px;
margin-bottom:12px;
*/

div.middle_nav ul{
position:absolute !important;
z-index:9999 !important;
margin-left:0px;
padding-top:10px;
}

div.middle_nav ul li{
position:relative;
display:block;
float:left;
border-right:1px solid #950101;
border-left:1px solid #e44848;
padding-left:8px;
padding-right:8px;
height:46px;
line-height:46px;
margin:0px;
}

div.middle_nav ul li:first-child{
padding-left:20px;	
border-left:0px;
}

div.middle_nav ul li a, div.middle_nav ul li{
font-size:12px;
color:#fff;
text-decoration:none;
font-weight:bold;
}

div.middle_nav li{
background:none !important;
}
div.middle_nav ul li a{
padding-bottom:10px;
}

/* -- */
.middle_nav ul ul{
position:absolute;
display:none;
background:#dadada;
width:120px;
z-index:9999;
margin-left:-10px;
margin-top:0px;
border-top:0px;
padding:0px !important;
border:1px solid #fff;
z-index:9999 !important;
}

.middle_nav ul ul ul{
width:70px;
}

.middle_nav ul ul li{
border-left:0px !important;
border-right:0px !important;
margin:0px !important;
padding:0px !important;
height:auto;
}

div.middle_nav ul ul a{
padding:0px;
}

div.middle_nav ul li ul li{
padding:0px !important;	
display:block;
}

.middle_nav ul li:hover{
background:#950101 !important;	
}

.middle_nav ul li:hover ul{
display:block !important;
}

.middle_nav ul ul li a{
display:block;
width:100px;
text-decoration:none;
color:#333 !important;
font-weight:bold;
font-size:11px !important;
border-bottom:1px solid #fff !important;
line-height:20px;
padding-left:5px;
padding-right:5px;
}

.middle_nav ul ul li a:hover{
background:#950101;
color:#fff !important;
}


/* Multi-level drop-down menu */
/* ------------------------------------------------ */
/* Modified by Özgür Yalçın */

.middle_nav ul ul ul {
      display:none;
	  left: 110%;
	  top: -5%;
}
.middle_nav ul ul ul li{
border-left:0px !important;
border-right:0px !important;
margin:0px !important;
padding:0px !important;
height:auto;
}

div.middle_nav ul ul ul a{
padding:0px;
}

div.middle_nav ul li ul li ul {
padding:0px !important;	
display:block;
}

.middle_nav ul li:hover ul li:hover{
background:#950101 !important;	
}

.middle_nav ul li:hover ul li ul{
display:none !important;
}

.middle_nav ul ul ul li a{
display:block;
width:60px;
text-decoration:none;
color:#333 !important;
font-weight:bold;
font-size:11px !important;
border-bottom:1px solid #fff !important;
line-height:20px;
padding-left:5px;
padding-right:5px;
}

.middle_nav ul ul ul li a:hover{
background:#950101;
color:#fff !important;
}

div.middle_nav ul li:hover ul li:hover ul{
display:block !important;
}
div.middle_nav ul ul ul{
border:1px solid #fff !important;
}

/* ------------------------------------------------ */


span.nolink{
padding-bottom:10px;	
}


/* --- */
div.main{
width:880px;
margin:0px auto;
padding-top:0px;
padding-bottom:0px;
background:#fff;
overflow:hidden;
}

div.content_page{
clear:both;
width:880px;
min-height:480px;
overflow:hidden;
}

div.main_content{
float:left;
width:100%;
border:1px solid #fff;
padding:8px;
background:#fff;
line-height:140%;
}

form.search_box{
overflow:hidden;	
float:right;
}

form.search_box input[type=text]{
border:1px solid #ccc;
width:160px;
height:14px;
float:left;
}

form.search_box input[type=submit]{
background:url(images/search_button-birim.png) no-repeat;
border:0px;
width:20px;
height:18px;
float:left;
margin-left:5px;
display:block;
cursor:pointer;
}

ul.menu_bottom{
float:left;
margin-left:25px;
margin-top:13px;
}

ul.menu_bottom_right{
float:right;
margin-right:25px;
}

ul.menu_bottom li{
display:inline;
float:left;
border-left:1px solid #fff;
padding-left:6px;
padding-right:6px;
}

ul.menu_bottom li a{
color:#fff;
text-decoration:none;
float:left;
display:block;
line-height:10px;
font-size:10px;
}

ul.menu_bottom li:first-child{
border:0px;
}

p.adres{
clear:both;
font-size:11px;
margin:0 auto;
width:895px;
color:#9d9b9b;
text-align:center;
padding-bottom:8px;
}

.arrow{
vertical-align:middle;
}

div.content ul{
list-style-type:disc;
margin-left:15px;
color:#000;
}

div.content ol{
list-style-type:decimal;
margin-left:25px;
color:#000;
}

div.content ul li a{
color:#333;
}

div.content ul li a:hover{
color:#cf0101;
}

.col_5 span{
color:#333 !important;
}
.col_5 a{
color:#333;
} 

.col_5 a:hover{
color:#cf0101;
}

/* -- */
div.sidebar{
float:right;
width:230px;
margin-right:8px;
}

div.sidebar h1, div.sidebar h2{
height:22px;
line-height:22px;
font-size:12px;
display:block;
clear:both;
overflow:hidden;
background:#ccc url(images/col_bg-birim.png) bottom left no-repeat;
color:#7e7c7c;
border-bottom:1px solid #a5a5a5;
border-top:1px solid #a5a5a5;
padding-left:15px;
}

.col_sidebar{
padding:10px;
padding-top:5px;
overflow:hidden;
}

.col_1{
min-height:200px;
background:#efefef;
border-left:1px solid #a5a5a5;
border-right:1px solid #a5a5a5;
border-bottom:1px solid #a5a5a5;
overflow:hidden;
}

.col_1:first-child{
border-bottom:1px solid #efefef;
}

.col_1:last-child{
border-bottom:1px solid #a5a5a5;
}

.col_1 a{
text-decoration:none;
} 

.col_1 a:hover{
text-decoration:underline;
}


.col_1 h3{
border:1px solid #ccc !important;
border-bottom:1px solid #ccc !important;
}

.col_2{
width:278px;
min-height:200px;
border:1px solid #a7a7a7;
background:#dfdfdf;
float:left;
}

.col_2 p{
padding:8px;
}

div.col_2 h3{
padding:3px;
padding-left:10px;
background:#ccc url(images/col_bg-birim.png) bottom left no-repeat;
border-bottom:1px solid #a5a5a5;
font-size:110%;
line-height:110%;
font-weight:bold;
color:#656565;
}



.col_3{
width:570px;
min-height:200px;
border:1px solid #a7a7a7;
background:#dfdfdf;
float:left;
}

.col_3 p{
padding:8px;
}

div.col_3 h3{
padding:3px;
padding-left:10px;
background:#ccc url(images/col_bg-birim.png) bottom left no-repeat;
border-bottom:1px solid #a5a5a5;
font-size:110%;
line-height:110%;
font-weight:bold;
color:#656565;
}

.sidebar ul li.first {
margin-top:7px;
}

.sidebar ul li.last {
margin-bottom:7px;
}

.sidebar ul li a {
float:left;
width:100%;
color:#333;
background:none;
padding:3px;
padding-left:0px;
}

.sidebar ul li{
display:inline;
float:left;
width:100%;
}

div.col_4{
font-size:99%;
float:right;
width:240px;
margin-left:5px;
}

div.col_4 h1{
border:1px solid #a5a5a5;
background:#ccc url(images/col_bg-birim.png) bottom left no-repeat;
padding-left:15px;
height:22px;
line-height:22px;
font-size:12px;
color:#7e7c7c;
}

div.col_4 ul{
width:100%;
width:435px;
margin:0px;
margin-top:5px;
}

div.col_4 ul li{
float:left;
display:block;
border-bottom:1px dashed #b2b2b2;
margin:0px;
padding:0px;
width:435px;
}

div.col_4 ul li img{
border:1px solid #999;
float:left;
margin-right:5px;
display:block;
}

div.col_4 a,div.col_2 a{
text-decoration:none;
color:#0099ff;
font-weight:bold;
font-size:11px;
}

.view-footer a{
float:right !important;
margin-right:5px;
}

div.col_4 a:hover{
text-decoration:underline;
}

div.col_5{
width:620px;
overflow:hidden;
}

.radius{
min-height:2px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;	
border-bottom:1px solid #a5a5a5 !important;
}

h3.main_header_title{
font-size:110%;
padding-bottom:5px;
}

/* ---- *//* ---- */

.container-inline div *{
float:left;
display:block !important;
}

.container-inline select{
clear:both;
margin-bottom:10px;
}

/* ---- */

table tr td{
border:1px dotted #ddd;
padding:3px !important;
}

div.main div.main_content *{
font-family:Arial, Helvetica, sans-serif !important;
}

table.birim-ortala, table.birim-ortala *{
vertical-align:middle;
}


.sidebar ul.textsize_list li{
float:left;
width:17px;
margin:5px;
}