body {
	background: #DDDDDD;
	margin: 0 auto;
	text-align: center;
}


#ortala {
	width: 900px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header {
	width: 900px;
	height: 100px;
	margin-top: 30px;
	float: left;
	background: url(../images/ust.jpg) bottom no-repeat;
}

#logo {
	width: 100px;
	height: 59px;
	float: left;
	margin-top: 10px;
	margin-left: 25px;
}
	
#ustmenu {
	width: 438px;
	height: 22px;
	margin-top: 62px;
	float: right;
	margin-right: 41px;
}

#haberler {
	width: 900px;
	height: 350px;
	margin-top: 0;
	float: left;
	clear: both;
	background: url(../images/govde.jpg) top repeat-y;
}

#iccontent {
	width: 900px;
	height: auto;
	margin-top: 0;
	float: left;
	clear: both;
	background: url(../images/govde.jpg) top repeat-y;
}

#amaccontentic {
	width: 800px;
	height: auto;
	margin-top: 0;
	float: left;
	margin-left: 50px;
	background: url(../images/amacbaslik.jpg) top left no-repeat;
}

#misyoncontentic {
	width: 800px;
	height: auto;
	margin-top: 0;
	float: left;
	margin-left: 50px;
	background: url(../images/misyonbaslik.jpg) top left no-repeat;
}

#vizyoncontentic {
	width: 800px;
	height: auto;
	margin-top: 0;
	float: left;
	margin-left: 50px;
	background: url(../images/vizyonbaslik.jpg) top left no-repeat;
}

#yonetimkurulucontentic {
	width: 800px;
	height: auto;
	margin-top: 0;
	float: left;
	margin-left: 50px;
	background: url(../images/yonkurbaslik.jpg) top left no-repeat;
}

#projelercontentic {
	width: 800px;
	height: auto;
	margin-top: 0;
	float: left;
	margin-left: 50px;
	background: url(../images/projelerbaslik.jpg) top left no-repeat;
}

#makalelercontentic {
	width: 800px;
	height: auto;
	margin-top: 0;
	float: left;
	margin-left: 50px;
	background: url(../images/makalelerbaslik.jpg) top left no-repeat;
}

#egitimlercontentic {
	width: 800px;
	height: auto;
	margin-top: 0;
	float: left;
	margin-left: 50px;
	background: url(../images/egitimlerbaslik.jpg) top left no-repeat;
}

#bildirgelercontentic {
	width: 800px;
	height: auto;
	margin-top: 0;
	float: left;
	margin-left: 50px;
	background: url(../images/bildirgelerbaslik.jpg) top left no-repeat;
}

#medyacontentic {
	width: 800px;
	height: auto;
	margin-top: 0;
	float: left;
	margin-left: 50px;
	background: url(../images/medyadabaslik.jpg) top left no-repeat;
}

#haberlercontentic {
	width: 800px;
	height: auto;
	margin-top: 0;
	float: left;
	margin-left: 50px;
	background: url(../images/haberlerbaslik.jpg) top left no-repeat;
}

#galericontentic {
	width: 800px;
	height: auto;
	margin-top: 0;
	float: left;
	margin-left: 50px;
	background: url(../images/galeribaslik.jpg) top left no-repeat;
}

#fullmetinbox {
	width: 800px;
	min-height: 315px;
	margin-top: 35px;
	float: left;
}

#bigbuttonsdis {
	width: 900 px;
	height: 138px;
	float: left;
	margin-top: 30px;
}

#bigbuttonzic {
	width: 900px;
	height: 70px;
	float: left;
	clear: both;
	background-image: url(../images/govde.jpg);
	background-position: top;
	background-repeat: repeat-y;
}

.bottom {
	width: 900px;
	height: 34px;
	margin-top: 0;
	float: left;
	clear: both;
	background: url(../images/bottom.jpg) bottom no-repeat;
}

.top {
	width: 900px;
	height: 34px;
	margin-top: 0;
	float: left;
	background: url(../images/top.jpg) top no-repeat;
}

#sonbesdis {
	width: 250px;
	height: 350px;
	float: left;
	margin-left: 50px;
	background: url(../images/sonhaberler.jpg) top no-repeat;
}

#sonbesic {
	width: 250px;
	height: 300px;
	margin-top: 35px;
	overflow: hidden;
	float: left;
}

#haberdetayondis {
	width: 500px;
	height: 350px;
	float: left;
	margin-left: 100px;
	background: url(../images/haberdetayon.jpg) top left no-repeat;
}

#arala {
	width: 450px;
	height: 35px;
	float: left;
}

#iletisimdis {
	width: 250px;
	height: 350px;
	float: left;
	margin-left: 50px;
	background: url(../images/iletisimbaslik.jpg) top no-repeat;
}

#iletisimic {
	width: 250px;
	height: 300px;
	margin-top: 35px;
	overflow: hidden;
	float: left;
}

#formdis {
	width: 500px;
	height: 350px;
	float: left;
	margin-left: 100px;
	background: url(../images/iletisimformu.jpg) top left no-repeat;
}

#formic{
	width: 450px;
	height: 300px;
	float: left;
	margin-top:35px;
}

.formkutu {
	width: 300px;
	border: solid;
	border-width: thin;
	border-color: #0193de;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	font-size: 13px;
	font-weight: 700;
	color: #666;
}

.formdugme {
	background: #0193de;
	width: auto;
	height: auto;
	padding: 3px 5px 3px 5px;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	font-size: 10px;
	font-weight: 700;
	color: #fbfbfb;
	border: none;
}

.siralamaclass {
	width: 600px;
	height: 20px;
	margin-top: 3px;
	float: left;
	clear: both;
	background: #0193de;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	text-decoration: none;
	font-size:11px;
	font-weight: 700;
	color: #fbfbfb;
	padding-top: 5px;
	overflow: hidden;
}

.siralamaclass a {
	width: 600px;
	height: 20px;
	margin-top: 3px;
	float: left;
	clear: both;
	background: #0193de;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	text-decoration: none;
	font-size:11px;
	font-weight: 700;
	color: #fbfbfb;
	padding-top: 5px;
	overflow: hidden;
}

.siralamaclass:hover {
	width: 600px;
	height: 20px;
	margin-top: 3px;
	float: left;
	clear: both;
	background: #DDDDDD;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	text-decoration: none;
	font-size:11px;
	font-weight: 700;
	color: #0193de;
	padding-top: 5px;
	overflow: hidden;
}

.selectbox {
	background: #0193de;
	font-family: Tahoma, Verdana, "Trebuchet MS";
	width: 150px;
	font-size: 11px;
	border: solid;
	border-width: thin;
	border-color: #DDDDDD;
	color: #fbfbfb;	
}

.resimholder {
	width: 79px;
	height: 79px;
	border: solid;
	border-width: thin;
	border-color: #0193de;
	overflow: hidden;
	margin: 5px 7px 5px 0px;
	float: left;
}

.resimholder a {
	width: 79px;
	height: 79px;
	border: solid;
	border-width: thin;
	border-color: #0193de;
	overflow: hidden;
	margin: 5px 7px 5px 0px;
	float: left;
}

.resimholder a:hover {
	width: 79px;
	height: 79px;
	border: solid;
	border-width: thin;
	border-color: #DDDDDD;
	overflow: hidden;
	margin: 5px 7px 5px 0px;
	float: left;
}

/* yazi classlari */
.class1 {
	font-family:Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	color: #666;
}

.class1 a {
	font-family:Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	color: #666;
	font-weight: 600;
	text-decoration: none;
}

.class1 a:hover {
	font-family:Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	color: #0193de;	
	font-weight: 600;
	text-decoration: none;
}

.class2 {
	font-family:Tahoma, Verdana, "Trebuchet MS";
	font-size: 10px;
	color: #666;
}

.class3bas {
	font-family:Tahoma, Verdana, "Trebuchet MS";
	font-size: 14px;
	color: #666;
	font-weight: 700;
}

.class3met {
	font-family:Tahoma, Verdana, "Trebuchet MS";
	font-size: 12px;
	color: #666;
}

.class3tar {
	font-family:Tahoma, Verdana, "Trebuchet MS";
	font-size: 10px;
	color: #0193de;
}

.class4 {
	font-family:Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: 700;
	color: #666;
}

.class4 a{
	font-family:Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: 700;
	color: #666;
	text-decoration: none;
}

.class4 a:hover{
	font-family:Tahoma, Verdana, "Trebuchet MS";
	font-size: 11px;
	font-weight: 700;
	color: #0193de;
	text-decoration: none;
}
/* scrollbar */

div.scrollholder
{
    position: relative;
    width:450px;
	height:300px;
	float: left;
    overflow: auto;
    z-index: 1;
}

div.scrollholderiki
{
    position: relative;
    width:430px;
	height:174px;
	margin-left:10px;
	margin-top:10px;
    overflow: auto;
    z-index: 1;
}

div.scroll
{
    position: absolute;
	top: 0; left: 0;
    width: 96%;
    z-index: 2;
}

div.scrolliki
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
	font-family:Tahoma;
	font-size:11px;
	font-weight:100;
	text-align:justify;
	color:#555;
	line-height:12px;
}

div.sagholder {
	position: relative;
    width:330px;
	height:248px;
	margin-left:10px;
	margin-top:10px;
    overflow: auto;
    z-index: 1;
}

div.sagscroll {
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 10px; height: 300px;
    font-size: 0;
    z-index: 3;
    background: #DDDDDD;
}

div.drag_bar
{
    position: absolute;
    width: 10px; height: 10px;
    cursor: pointer;
    z-index: 4;
    background: #0193de;
}

