@font-face {
	font-family: 'ElYazisiFont';
	src: url('font/elyazisi.eot') ;
	src: local('Hand writing Mutlu Regular'), local('HandwritingMutlu'), url('font/elyazisi.woff') 
format('woff'), url('font/elyazisi.ttf') format('truetype'), url('font/elyazisi.svg#HandwritingMutlu') 
format('svg');
}
body { 
	margin:0px 0; 
	padding:0; 
	Font-Family: Verdana, Arial, Helvetica, sans-serif;
	Font-Size:11px;
	color:#ccc;  
	background: #303B41 url(imge/tasarim/bg.png) repeat-x;
	/* line-height: 1.4em;*/ 
	text-decoration:none;
 
}
a:link      { text-decoration: none;}  
a:visited   { text-decoration: none;}
a:hover     { text-decoration: none;}
a:active    { text-decoration: none;}
a:link    img  { border: 0px solid #fff;}  
a:visited img  { border: 0px solid #fff;}
a:hover   img  {border: 0px solid #fff;}
a:active  img  { border: 0px solid #fff;}
/*content*/
#ContentDiv { 
	background:url(imge/tasarim/mainbg.jpg) repeat-y center;
	color: #ccc; 
	margin: 0 auto; 
	padding: 0; 
	width: 900px;
	 
}
/*Top*/
#UstDiv{
	padding: 0;
	margin: 0;
	background:url(imge/tasarim/top.jpg) no-repeat top;
	height: 25px;
	}
.UstMenuAltSekme1{
    z-index: 1000;
}
.UstMenuAltSekme a:link      { text-decoration:none; color:White; Font-Family: Verdana, Arial, Helvetica, sans-serif;}  
.UstMenuAltSekme a:visited   { text-decoration:none; color:White; Font-Family: Verdana, Arial, Helvetica, sans-serif;}
.UstMenuAltSekme a:hover     { text-decoration:none; color:Gray; Font-Family: Verdana, Arial, Helvetica, sans-serif;}
.UstMenuAltSekme a:active    { text-decoration:none; color:White; Font-Family: Verdana, Arial, Helvetica, sans-serif;}
#UstHizliMenu 
{ float:right;
height: 15px;
  padding:10px 25px 0px 0px;


}
#UstHizliMenu a:link      { color:White; Font-Family: Verdana, Arial, Helvetica, sans-serif;}  
#UstHizliMenu a:visited   { color:White; Font-Family: Verdana, Arial, Helvetica, sans-serif;}
#UstHizliMenu a:hover     { color:Gray; Font-Family: Verdana, Arial, Helvetica, sans-serif; }
#UstHizliMenu a:active    { color:White; Font-Family: Verdana, Arial, Helvetica, sans-serif;}
/*Header*/

.DynamicMenuItemStyle{ 
 
                   
                     }
#AnaResimDiv { 
	margin: 0; 
	width: 900px; 
	background:url(imge/tasarim/header.png) no-repeat center top;  
	height: 86px; 
	color: #FFF; 
}
/*subheader*/
#AnaMenuDiv { 

	background-image:url(imge/tasarim/ustmenubg.png); background-repeat:repeat-x;
	width: 866px;
	height: 19px;
	color: #FFF;
	Font-Family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 17px; 
	
}
.AnaMenu{ 

	 padding-left:14%;
	 padding-top:3px;
	 Font-Family: Verdana, Arial, Helvetica, sans-serif;
}

.Baslik
{
font-size:14px;
  Font-Family: Verdana, Arial, Helvetica, sans-serif;
  color:#313131;
 font-weight:bold;
    }
    .BaslikAyrac
{
    background-image:url(imge/tasarim/baslikaltcubuk.png); background-repeat:repeat-y;
    height:2px;
     margin-bottom:3px;
    }
.Metin
{  text-align:justify;
   margin-right:5px;
font-size:12px;
    }
.Metin a:link      { text-decoration:none; color:Black;}  
.Metin a:visited   { text-decoration:none; color:Black;}
.Metin a:hover     { text-decoration:underline; color:Gray;}
.Metin a:active    { text-decoration:none; color:Black;}
    .ResimGaleri
    {
         text-align:center;
              
        }
        .DosyaListesi
        {
            }
 #SikKullanilanlarMenu
 {
     padding:1px 1px 9px 5px;
     Font-Size: 12px;
     Font-Family: Verdana, Arial, Helvetica, sans-serif;
 }
#SikKullanilanlarMenu a:link      {color:Gray; }  
#SikKullanilanlarMenu a:visited   {color:Gray; }
#SikKullanilanlarMenu a:hover     { color:#b93200;  }
#SikKullanilanlarMenu a:active    { color:#CCC; }
 

/*
    #Baglantilar
{  margin:0px 0px 0px 10px;
    padding:-2px 0px 0px 0px;
    float:left;
         background-image:url(imge/tasarim/baglantilar.png);
   width:195px;
   
    }*/
/*Main*/
#GovdeDiv  
{
   background-image:url(imge/tasarim/noktalar.png); background-repeat:repeat-x; 
    width : 860px;  min-height:400px; margin: 0 20px 0 20px; color: #808080; }  
/*Right_side*/
#SagKolDiv { float: left;
	padding:4px 0 0 1px; margin:0px 0px 0px -3px;
	/* background-image:url(imge/tasarim/noktalar1.png); background-repeat:repeat-x; */
	width: 182px; 
}
.MenuBaslik
{
 background-image:url(imge/tasarim/menubg.png);
 background-repeat:no-repeat; 
 color:White;
 font-size:13px;
 font-weight:bold;
 Font-Family: Verdana, Arial, Helvetica, sans-serif;
 height:25px;
 text-align:center;
 padding: 2px 0px 0px 0px; 
 margin: 0px 0px 0px 3px; 
}

  #LogoDiv
  {
      padding:10px 0 0 40px;
      float:left;
      }
      
  #GununSozuDiv
    { 
    margin:10px 25px 0px 0px; 
    float:right;
    width:570px;
    color:White;
    font-size:28px;
    font-family: 'ElYazisiFont';
    text-align:right;
    font-weight:300;
       }
            
/*Left_side*/
#ContentPlaceHolder {  float: left; width: 665px;  padding: 5px 5px 5px 10px ; }
/*footer*/
#AltDiv { 
	clear:both;
	height: 41px;
	color:#ccc;  
	background:url(imge/tasarim/footer.jpg) top no-repeat; 
	Font-Family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9.8px;	
	text-align:center; 
}
/*HizliErisim
*/
#cu3er-container{
           width:460px;
           height:220px;}

#HizliErisimDiv
{  margin:0px 0px 0px 5px;
    float:left;
     background-image:url(imge/tasarim/HizliMenuArkaPlan.png);
    
   width:195px;
    }

.SekmelerDiv a:link      { color:Black;  font-size:12px; Font-Family: Verdana, Arial, Helvetica, sans-serif;}  
.SekmelerDiv a:visited   { color:Black;  font-size:12px; Font-Family: Verdana, Arial, Helvetica, sans-serif;}
.SekmelerDiv a:hover    { color:Red; font-size:12px; Font-Family: Verdana, Arial, Helvetica, sans-serif;}
.SekmelerDiv a:active   { color:Black; font-size:12px; Font-Family: Verdana, Arial, Helvetica, sans-serif;}

#AnaAspxDiv{float:left;}

.DuyuruTarih
{ float:right;
  Font-Family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
    }
/*Balon java script*/
#DuyuruResimDiv
{
margin: auto 0px;
}
#text {
    margin:50px auto;
    width:500px;
    Font-Family: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
}


#tt {position:absolute; display:block; background:url(imge/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(imge/tt_top.gif) top right no-repeat; 
overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(imge/tt_bottom.gif) top right no-repeat; 
overflow:hidden}

#TabContainer
{
	font-size:10px;
	Font-Family: Verdana, Arial, Helvetica, sans-serif;
	color:Black;
}


 #AdanZyeDiv
    {
     position:fixed;
     background-image: url(imge/tasarim/AZ.png) ; background-repeat:no-repeat;
        z-index: 177;
        margin-top:10px;
       
      
        }

#AZ_Goster{
 display: none;
 margin-top:53px;
 padding-left:0px;
font-size: 10px;
Font-Family: Verdana, Arial, Helvetica, sans-serif;
position:fixed;
width: auto;
height: auto;
float:left;
}

#AZ_Simge
{
 display: none;
 filter:alpha(opacity=60); 
 -moz-opacity: 0.6; 
 opacity: 0.6;
 margin-top:200px;
 padding-left:10px;
padding: 2px;
font-size: 10px;
Font-Family: Verdana, Arial, Helvetica, sans-serif;
position:fixed;
width: auto;
height: auto;
}
#OgrenciBilgiSistemiMenuDiv
    {
        height:40px;
        padding-top:1px;
        margin-left:5px;
        width:200px;
        float:left;
        background-image: url(imge/tasarim/sameobs.png) ; background-repeat:no-repeat;
    }

#KutuphaneMenuDiv
    {
     height:40px;
        padding-top:1px;
        margin-left:5px;
        width:200px;
        float:left;
        background-image: url(imge/tasarim/samekbm.png) ; background-repeat:no-repeat;
    }


     #MailMenuDiv
    {
          height:40px;
        padding-top:1px;
        margin-left:5px;
        width:200px;
        float:left;
        background-image: url(imge/tasarim/samemail.png) ; background-repeat:no-repeat;
    }
    
    #EgitimKaynaklariMenuDiv
    {
          height:40px;
        padding-top:1px;
        margin-left:5px;
        width:200px;
        float:left;
        background-image: url(imge/tasarim/sameaek.png) ; background-repeat:no-repeat;
    }
    #ErasmusMenuDiv
    {
        height:40px;
        padding-top:1px;
        margin-left:5px;
        width:200px;
        float:left;
        background-image: url(imge/tasarim/sameerasmus.png) ; background-repeat:no-repeat;
    }
    #SagAltKoseDiv
    {
        height:175px;
        padding-top:1px;
        margin-left:5px;
        width:200px;
        float:left;
        /* background-image: url(imge/tasarim/davsan.jpg); background-repeat:no-repeat; */
        /* background-color:Teal; */
    }
    #EtkinlikTakvim
    {
          /*   background-image: url(imge/tasarim/takvim.png) ; background-repeat:no-repeat;*/
      height:170px;
      margin: -5px 0px 0px 2px;
    }

  #SagAltKoseDiv.tr{ background-color: transparent; }
  .initial { background-color: #DDDDDD; color:#000000; }
  .normal { background-color: transparent; }
  .highlight { background-color: #D6D6D6; }

.HizliErisim
    {
      color:#B73100;
        width:165px;
       float:right;
       text-align:right;
        font-size:10px;
        Font-Family: Verdana, Arial, Helvetica, sans-serif;
        font-weight:bold;
        padding:11px 4px 0px 0px;
 
    }
.HizliErisim a:link      {color:#B73100 }  
.HizliErisim a:visited   {color:#B73100 }
.HizliErisim a:hover     { color:White;  }
.HizliErisim a:active    { color:#B73100 }

.hotspot 
{
font-size:11px;
Font-Family: Verdana, Arial, Helvetica, sans-serif;
padding-bottom:0px;
border-bottom:1px dotted #900;
color:Black;
cursor:pointer;
}
.hotspot a:hover{ color:blue; background-color:gray;}
.hotspot a:active{ color:Red; background-color:gray;}
.hotspot a:visited{color:blue;}
.hotspot a:link{color:Red; background-color:gray; }

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	div.pictureHolder .top .left { background: url(../ResimGaleri/prettyPhoto/tl.gif) top left no-repeat; } /* 
Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(../ResimGaleri/prettyPhoto/tr.gif) top left no-repeat; } /* 
Top right corner */
	
	div.pictureHolder .content { background-color: #fff; } /* Content background */
	div.pictureHolder .content a.next:hover { background: url(../ResimGaleri/prettyPhoto/btnNext.gif) center 
right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(../ResimGaleri/prettyPhoto/btnPrevious.gif) 
center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.expand { background: url(../ResimGaleri/prettyPhoto/btnExpand.gif) top left 
no-repeat; cursor: pointer; } /* Expand button */
	div.pictureHolder .content a.expand:hover { background: url(../ResimGaleri/prettyPhoto/btnExpand.gif) bottom 
left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pictureHolder .content a.contract { background: url(../ResimGaleri/prettyPhoto/btnContract.gif) top left 
no-repeat; cursor: pointer; } /* Contract button */
	div.pictureHolder .content a.contract:hover { background: url(../ResimGaleri/prettyPhoto/btnContract.gif) 
bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pictureHolder .content a.close { width: 61px; height: 22px; background: 
url(../ResimGaleri/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */
	
	div.pictureHolder .content .details .nav a.arrow_previous { background: 
url(../ResimGaleri/prettyPhoto/arrow_previous.gif) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pictureHolder .content .details .nav a.arrow_next { background: 
url(../ResimGaleri/prettyPhoto/arrow_next.gif) top left no-repeat; } /* The next arrow in the bottom nav */
	
	div.pictureHolder .bottom .left { background: url(../ResimGaleri/prettyPhoto/bl.gif) top left no-repeat; } 
/* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(../ResimGaleri/prettyPhoto/br.gif) top left no-repeat; } 
/* Bottom right corner */
	
	div.pictureHolder .loaderIcon { background: url(../ResimGaleri/prettyPhoto/loader.gif) center center 
no-repeat; } /* Loader icon */
	
	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../ResimGaleri/prettyPhoto/ttl.gif) top left 
no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../ResimGaleri/prettyPhoto/ttr.gif) top 
left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(../ResimGaleri/prettyPhoto/ttp.gif) top 
left repeat-x; }

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */


div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}div.pictureHolder{posi
tion:absolute;z-index:10000;width:100px}div.pictureHolder .top{position:relative;height:20px}* html 
div.pictureHolder .top{padding:0 20px}div.pictureHolder .top 
.left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .top 
.middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .top 
.middle{position:static}div.pictureHolder .top 
.right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder 
.content{position:relative;text-align:left;width:100%;height:40px}div.pictureHolder .content 
.details{display:none;margin:10px 15px 0 20px}div.pictureHolder .content .details 
p.description{display:none;float:left;margin:0}div.pictureHolder .content .details .nav{float:left;margin:4px 0 0 
0}div.pictureHolder .content .details .nav p{float:left;margin:0 4px}div.pictureHolder .content .details .nav 
a.arrow_previous,div.pictureHolder .content .details .nav 
a.arrow_next{float:left;display:block;width:8px;height:9px;text-indent:-10000px;margin-top:4px}div.pictureHolder 
.content .details .nav a.disabled{background-position:0 -10px;cursor:default}div.pictureHolder .content 
div.hoverContainer{position:absolute;z-index:10000;top:0;left:0;width:100%}div.pictureHolder .content 
a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;backgroun
d:url(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content 
a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;background:url(../ResimGaleri/pre
ttyPhoto/btnNext.gif) 10000px 50% no-repeat}div.pictureHolder .content a.expand,div.pictureHolder .content 
a.contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;widt
h:20px;height:20px}div.pictureHolder .content 
a.close{float:right;display:block;text-indent:-10000px}div.pictureHolder .bottom{position:relative;height:20px}* 
html div.pictureHolder .bottom{padding:0 20px}div.pictureHolder .bottom 
.left{position:absolute;left:0;width:20px;height:20px}div.pictureHolder .bottom 
.middle{position:absolute;left:20px;right:20px;height:20px}* html div.pictureHolder .bottom 
.middle{position:static}div.pictureHolder .bottom 
.right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}div.pictureHolder 
.loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 
-12px;width:24px;height:24px}div.pictureHolder 
#fullResImageContainer{width:100%;text-align:center}div.prettyPhotoTitle{display:none;position:absolute;top:0;left:0
;z-index:9999;color:#fff;font-size:13px}div.prettyPhotoTitle div.prettyPhotoTitleLeft,div.prettyPhotoTitle 
div.prettyPhotoTitleRight{float:left;width:19px;height:23px;overflow:hidden}div.prettyPhotoTitle 
div.prettyPhotoTitleContent{float:left;line-height:23px}


/*

a.info{
    position:relative; this is the key
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ the span will display just on :hover state
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#000; color:#000;
    text-align: center}*/
    
    /*** set the width and height to match your images

#slideshow {
    position:relative;

    width:460px;
           height:220px;}


#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
} **/

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
*/

.slideshow{display:block;position:relative;z-index:0;}
.slideshow-images{display:block;overflow:hidden;position:relative;}
.slideshow-images img{display:block;position:absolute;z-index:1;}
.slideshow-thumbnails{overflow:hidden;}
.slideshow-images{height:220px;width:460px;}
.slideshow-images-visible{opacity:1;}
.slideshow-images-prev{opacity:0;}
.slideshow-images-next{opacity:0;}
.slideshow-images img{float:left;left:0;top:0;}
.slideshow{height:220px;width:460px;}
.slideshow a img{border:0;}
.slideshow-captions{background:#000;bottom:0;color:#FFF;font:normal 12px/22px Arial,sans-serif;left:0;overflow:hidden;position:absolute;text-indent:10px;width:100%;z-index:10000;}
.slideshow-captions-hidden{height:0;opacity:0;}
.slideshow-captions-visible{height:22px;opacity:.7;}
/*
.slideshow-controller{background:url(controller.png) no-repeat;height:42px;left:50%;margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:10000;}
.slideshow-controller *{margin:0;padding:0;}*/
.slideshow-controller-hidden{opacity:0;}
.slideshow-controller-visible{opacity:1;}
.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}
.slideshow-controller a.active{background-position:0 18px;}
.slideshow-controller li{list-style:none;}
.slideshow-controller li.first a{background-image:url(controller-first.gif);left:33px;width:19px;}
.slideshow-controller li.last a{background-image:url(controller-last.gif);left:186px;width:19px;}
.slideshow-controller li.next a{background-image:url(controller-next.gif);left:145px;width:28px;}
.slideshow-controller li.pause a{background-image:url(controller-pause.gif);left:109px;width:20px;}
.slideshow-controller li.play a{background-position:20px 0;}
.slideshow-controller li.play a.active{background-position:20px 18px;}
.slideshow-controller li.prev a{background-image:url(controller-prev.gif);left:65px;width:28px;}

.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:10001;}.slideshow-loader-hidden{opacity:0;}.slideshow-loader-visible{opacity:1;}.slideshow-thumbnails{bottom:-65px;height:65px;left:0;position:absolute;width:100%;}.slideshow-thumbnails *{margin:0;padding:0;}.slideshow-thumbnails ul{height:65px;left:0;position:absolute;top:0;width:10000px;}.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}.slideshow-thumbnails a{display:block;float:left;padding:5px;position:relative;}.slideshow-thumbnails a:hover{background-color:#FF9!important;opacity:1!important;}.slideshow-thumbnails img{display:block;}.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}

.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}