html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
font-size:80%;
font-family:"arial", tahoma, verdana, sans-serif;
}
body {
height:100%;
max-height:100%;
background:#999999 url(grafik/bg.gif) repeat-x top left;
padding:0;
margin:0;
border:0;
}
h4 {
font-size:14;
font-family:"arial", tahoma, verdana, sans-serif;
color: #3669A5;
}

#frame {
width:900px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
padding:0px;
text-align:left;
}
#margin {
margin:2px 0px 2px 0px;
float: left;
width: 900px;
background:#00611A;
}
#header {
width:900px;
height:145px;
float:left;
background:url(banner.php) no-repeat top left;
margin-bottom:2px;
}
#bannersol {
width:330px;
height:145px;
float:left;
}
#bannersag {
width:440px;
height:145px;
float:left;
}
#ustbosluk {
width:440px;
height:115px;
float:left;
}
#navigation {
background:url(grafik/delik.gif) repeat top left;
width:440px;
height:26px;
float:right;
}
#ustbuttonlar {
padding-top:3px;
text-indent:10px;
width:350px;
height:23px;
text-align:left;
float:left;
}
#ustbuttonlar a{
font-size:85%;
color:#fff;
font-family:"arial", tahoma, verdana, sans-serif;
text-decoration: none;
}
#ustbuttonlar a:hover{
text-decoration: underline;
}
#arama {
width:186px;
height:26px;
text-align:center;
float:right;
}
.aramakutu {
margin-top:3px;
border:0px;
}
.aramabutton{
margin-left:10px;
width:34px;
height:14px;
font-size:9px;
text-align:center;
color:#0681ce;
background:#fff;
border:0px;
margin-bottom:2px;
}
#sol{
width:185px;
float:left;
margin-right:2px;
}
#menu {
width:185px;
height:240px;
float:left;
}
#menubaslik {
width:185px;
height:20px;
float:left;
}
#menuicerik {
width:185px;
height:220px;
float:left;
}
#menuicerik li{
display:none;
}
#bransmenu {
width:185px;
height:120px;
float:left;
}
#bransmenubaslik {
width:185px;
height:20px;
float:left;
}
#bransmenuicerik {
width:185px;
height:100px;
float:left;
}
#bransmenuicerik li{
display:none;
}
#kampusteonecikanlar {
width:185px;
height:35px;
float:left;
margin-bottom:2px;
}
#velibilgimerkezi {
width:185px;
height:105px;
float:left;
margin-bottom:2px;
}
#marti {
width:185px;
height:70px;
float:left;
margin-bottom:2px;
}
#sag{
width:713px;
float:left;
}
#mansetbaslik{
width:485px;
height:20px;
float:left;
margin-bottom:2px;
}
#manseticerik{
width:485px;
height:233px;
float:left;
margin-bottom:2px;
}
#mansetcontrol {
position:relative;
left:450px;
bottom:230px;
z-Index:2;
}
#okullar{
width:226px;
height:252px;
margin-bottom:2px;
margin-left:2px;
float:right;
}
#okullarimiz{
width:226px;
height:63px;
margin-bottom:2px;
float:left;
}
#sporbilgi{
width:222px;
height:252px;
margin-bottom:2px;
float:left;
}
#sporbilgibaslik{
width:222px;
margin-bottom:2px;
float:left;
}
#sporbilgiicerik{
width:216px;
height:187px;
float:left;
padding-left:5px;
padding-top:5px;
margin-top:2px;
background-attachment:fixed;
overflow:hidden;
margin-bottom:2px;
}
#sporbilgiscroll{
width:215px;
height:126px;
float:left;
padding-left:7px;
padding-top:10px;
}
#kampusgundemi{
width:485px;
height:206px;
float:left;
margin-bottom:2px;
background:url(grafik/kampusgundemiicerik.gif) no-repeat bottom left;
}
#kampusgundemibaslik{
width:485px;
height:20px;
float:left;
margin-bottom:2px;
}
#kampusgundemiicerik{
width:474px;
height:184px;
float:left;
padding-left:5px;
padding-top:9px;
margin-top:2px;
background-attachment:fixed;
overflow:hidden;
}
#kampusgundemiscroll{
width:466px;
height:146px;
float:left;
padding-left:7px;
padding-top:10px;
}
#kampusgundemiicerik span{
color:#535353;
font-size:100%;
}
#ajanda{
width:226px;
height:206px;
float:left;
margin-bottom:2px;
margin-left:2px;
}
#ajandabaslik{
width:226px;
height:20px;
float:left;
margin-bottom:2px;
}
#ajandaicerik{
width:226px;
height:184px;
float:left;
}
#sayac {
width:900px;
float:left;
padding-left:445;
font-size:12px;
font-weight:bold;
text-align:center;
color:#ffffff;
}

#sayfa {
width:713px;
float:left;
margin-bottom:2px;
}
#sayfaust {
width:693px;
height:30px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
float:left;
background:url(grafik/sayfaorta.gif) repeat-y top left;
font-size:12px;
font-weight:bold;
}
#sayfaorta {
width:693px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
float:left;
background:url(grafik/sayfaorta.gif) repeat-y top left;
}

#sayfalinkler {
width:693px;
padding-left:10px;
padding-right:10px;
float:left;
background:url(grafik/sayfaorta.gif) repeat-y top left;
padding-bottom: 10px;
}

#sayfalinklertitle {
float: right;
width: 693px;
text-align:right;
}


#sayfalinklerbox {
width: 250px;
float: left;
align:center;
padding:10px 20px 0px 20px;
border:1px dashed #C5CACE;
background:#F5FBFE;
}


#sayfalinklerbox li{
line-height: 18px;
font-size:12px;
font-family:arial, tahoma, verdana, sans-serif;
color: #3333FF;
list-style-type: square;
}

#sayfalinklerbox a{
text-decoration:none;
}

#sayfalinklerbox a:hover{
text-decoration:none;
color: #FF0000;
}


#vbmform {
align:center;
width: 300px;
padding-top: 10px;
margin-left: 120px;
border:1px solid #0681CE;
background:#0681CE;
font-weight: bold;
color: #FFFFFF;
}

#vbmform input{
border: 2px solid #CECECE;
background: #F5FBFE; 
color: #0681CE;
width: 100px;
}

.vbmerror {
color: #CECECE;
}




#sayfaalt {
width:583px;
height:25px;
float:left;
background:url(grafik/sayfaalt.gif) no-repeat top left;
}
#paging {
width:543px;
padding-left:10px;
padding-right:10px;
float:left;
}
#next{
width:100px;
padding-left:10px;
padding-right:10px;
text-align:center;
float:left;
}
#number{
width:283px;
padding-left:10px;
padding-right:10px;
text-align:center;
float:left;
}
#footer {
width:884px;
height:48px;
float:left;
margin-bottom:2px;
padding-left:8px;
padding-right:8px;
text-align:center;
background:url(grafik/istirakbg.gif) no-repeat top left;
}
#footer2 {
width:900px;
height:25px;
float:left;
}
#copyright {
font-family:"arial", tahoma, verdana, sans-serif;
font-size:80%;
text-indent:10px;
color:#FFFFFF;
width:200px;
height:21px;
float:left;
padding-top:4px;
}
#sponsor {
font-family:"arial", tahoma, verdana, sans-serif;
font-size:12px;
text-indent:10px;
color:#FFFFFF;
width:900px;
height:21px;
float:left;
padding-top:4px;
}
/* TAKVIMLE İLGİLİ CSS */
.takvimbaslik {
font-family:"arial", tahoma, verdana, sans-serif;
font-weight:bolder; 
color:#000000; 
height:16px;
text-align:center;
vertical-align:middle;
}
.takvimbaslikarka {
background:url(grafik/takvimbaslikarka.png) repeat-x top left;
height:24px;
}
.gunismi { 
font-family:"arial", tahoma, verdana, sans-serif;
font-size:80%;
font-weight:bolder; 
color:#000000; 
background:#CCCCCC;
height:18px;
text-align:center;
vertical-align:middle;
}
.gunler { 
font-family:"arial", tahoma, verdana, sans-serif;
font-size:80%;
font-weight:bold;
height:19px;
width:30px;
color:#BF0907; 
background:#CCCCCC;
text-align:center;
vertical-align:middle;
}
a.gun { 
color:#FFFFFF;
text-decoration:none;
}
a.gun:hover { 
color:#FFFFFF;
text-decoration:none;
}
.bugun { 
font-family:"arial", tahoma, verdana, sans-serif;
font-size:80%;
font-weight:bold;
height:17px;
width:30px;
color:#FFFFFF; 
background:#0476C9;
text-align:center;
vertical-align:middle;
}
.eventvar { 
font-family:"arial", tahoma, verdana, sans-serif;
font-size:80%;
font-weight:bold;
height:17px;
width:30px;
color:#FFFFFF; 
background:#BF0907;
text-align:center;
vertical-align:middle;
}
/* TAKVIM POPUP İLGİLİ CSS */
.tablo { 
color:#800000; 
background:#FFFFFF;
}
#tarih {
font-family:"arial", tahoma, verdana, sans-serif;
font-size:10px;
font-weight:bold;
background:#0681CE;
color:#FFFFFF;
text-indent:3px;
text-align:center;
}
#saat {
font-family:"arial", tahoma, verdana, sans-serif;
font-size:10px;
background:#C50D0B;
color:#FFFFFF;
text-align:center;
text-indent:3px;
}
#olay {
font-family:"arial", tahoma, verdana, sans-serif;
font-size:10px;
background:#F7F8F9;
color:#000000;
text-align:center;
text-indent:3px;
}
#deneme {
font-family:"arial", tahoma, verdana, sans-serif;
font-size:10px;
background:#00611A;
color:#FFFFFF;
text-align:center;
text-indent:3px;
}
/* HABERLERLE İLGİLİ CSS */
.haberbaslik {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
}
.haberbaslik a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#BF0907;
text-decoration:none;
cursor:hand;
}
.haberbaslik a:hover{
text-decoration:underline;
}
.haberozet {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
cursor:hand;
line-height:18px;
}
/* BILGILERLE İLGİLİ CSS */
.bilgibaslik {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:20px;
}
.bilgibaslik a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFF;
text-decoration:none;
cursor:hand;
}
.bilgibaslik a:hover{
text-decoration:underline;
}
.bilgiozet {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
cursor:hand;
line-height:18px;
}
/* ETKİNLİKLERLE İLGİLİ CSS */
.etkbaslik {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background:#BF0907;
text-indent:10px;
color:#FFFFFF;
padding:5px 0px 5px 0px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}
.etktarih {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-indent:10px;
color:#BF0907;
padding:2px 0px 2px 0px;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #BF0907;
}
.etkmekan {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px 10px 2px 0px;
color:#404040;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #BF0907;
text-align:right;
}
.etkozet {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
border:1px solid #CCCCCC;
border-top:0px;
padding:5px;
}
/* MARTI ILE İLGİLİ CSS */
.martibaslik {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background:#BF0907;
text-indent:10px;
color:#FFFFFF;
padding:4px 0px 4px 0px;
border-top:1px solid #CCCCCC;
text-align:center;
}
.martitarih {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#506072;
padding:2px 0px 2px 0px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
text-align:center;
}
.martisayfa {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#506072;
padding:2px 0px 2px 0px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
text-align:center;
}
.martisayfa a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#506072;
text-decoration:none;
}
.martisayfa a:hover{
color:#506072;
text-decoration:underline;
}
.martiisim {
text-indent:10px;
padding:2px 10px 2px 0px;
color:#404040;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
text-align:left;
}
.martiisim a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#506072;
text-decoration:none;
}
.martiisim a:hover{
color:#506072;
text-decoration:underline;
}
.sitemapbaslik {
list-style-image:url(grafik/bkok.gif);
list-style-position:inside;
}
.sitemapbaslik a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#d60b02;
}
.sitemapbaslik a:hover{
text-decoration:underline;
color:#d60b02;
}
.sitemap {
list-style-image:url(grafik/kok.gif);
list-style-position:inside;
}
.sitemap a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color:#000000;
}
.sitemap a:hover{
text-decoration:underline;
color:#d60b02;
}
#newscontrol {
float:left; 
width:100%; 
text-align:right; 
padding:0px 15px 0px 0px; 
height:13px;
}
.basindanbaslik{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
height:25px;
background:#0066CC;
}
.basindansatir{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:18px;
color:#666666;
border-bottom:1px solid #0066CC;
cursor:hand;
}
.anket{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
height:18px;
color:#FFFFFF;
}
fieldset {
	border: solid 1px #ffffff;
	padding: 0 2px 2px 2px;
	margin-bottom: 2px;
}

legend {
	color: #ffffff;
	background: #336633;
	border: 1px outset #cccccc;
	padding: 2px 2px 0 2px;
	font-weight: bold;
}
input.submit {
	color: #000000;
	background: #ffffff;
	border: 2px outset #cccccc;
}
#sonuc {
padding-top:2px;
text-indent:2px;
width:185px;
height:15px;
text-align:left;
float:left;
}
#sonuc a{
font-size:10px;
font-weight:bold;
color:#fff;
font-family:"arial", tahoma, verdana, sans-serif;
text-decoration: none;
}
#sonuc a:hover{
text-decoration: underline;
}#thumbnail {
float:left;
padding:4px;
width:179px;
text-align:center;
}
#resimler {
clear:both;
}
img.thumb{
border:1px solid #000000;
cursor:hand;
}
#sayfaenalti{
width:900px;
float:left;
padding:0px 0px 0px 0px;
}
/*---manset için---*/
P {   font-family:"arial", tahoma, verdana, sans-serif; font-size:9pt;  }
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 485px; /*ekranın dış genişliği genel çerçeve*/
height: 200px; /*ekranın dış yüksekliği genel çerçeve*/
/*border: 1px solid #687C98; /*ekranın çerçeve rengi ve kalınlığı*/
overflow: hidden;
}
.glidecontent{ 
position: absolute; /* burayı ellemeyin */
background: white; /* ekranın arka plan rengi */
padding: 0px; /* ekranda saoğdan soldan alttan üstten bırakılan boşluk*/
visibility: hidden;
width: 485px; /*ekranın iç genişliği*/
}
.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 485px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid gray;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
width: 22px; /* numaraların çerçeve genişliği */
font-family:"arial", tahoma, verdana, sans-serif; font-size:9pt;
}
.glidecontenttoggler a.selected{ 
background: #006699;
color: white;
}
.glidecontenttoggler a:hover{
background: #006699;  /*masu rakamların üzerine gelince arka plan rengi*/
color: white; 
}
.glidecontenttoggler a.toc{ /*rakamların görünüm sınıfı). ".toc" sınıfı otomatik algılıyor */
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*stili "geri" ve "ileri" linkleri. ".prev" ve ".next" sınıfını otomatik algılar */
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #006699; /* ileri geri linklerinin arka plan rengi */
color: white;
}
/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 30px 10px 5px;
	padding: 8px;
	float: left;
	position: relative;
	width: 186px;
	height: 178px;
	background: url(images/bg_ground.png) no-repeat;
}
.gallery img {
	background: #fff;
	border: solid 2px #ccc;
	padding: 10px;
}
.gallery li:hover img {
	border-color: #999;
}
.gallery em {
	display: block;
	padding: 0 20px 0 0;
	text-align: center;
	font: italic 90% Georgia, "Times New Roman", Times, serif;
	color: #003366;
}
.gallery a {
	text-decoration: none;
	color: #000;
}
.gallery a:hover em {
	display: block;
}
#hintbox{ /*CSS for pop up hint box */
position:absolute;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}