html,body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	/*background-color:#5e96b8;	*/
	/*
 filter: progid:DXImageTransform.Microsoft.Gradient(
        startColorstr='#ECF5FB', endColorstr='#024978', gradientType='0'); */
        
         /*startColorstr='#e0eff6', endColorstr='#5aa2d9', gradientType='0');*/
		/*background-image:url(../images/Arka.png);*/
	/*background-repeat:repeat-y; */
	/*background-repeat:repeat-x; */
	/* background-repeat: repeat;*/
background: url("../images/ArkaFon.jpg") repeat-x scroll left top #99B8CD;
    margin:0;
    padding:0;
    line-height:13px;
    text-align:center;
   
}
    
#Sayfa 
{
    text-align:left;
	padding: 5px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width:1024px;
    background: #fff;
    border-style:solid;
	border-width:1px;
	border-color: Black;
}

#Sayfa #UstAlan {
	
	margin:  0px;
	padding: 0px;
	height: 86px;
	width: 1024px;
	clear: both;
	text-align:center;
	padding-bottom:0px;
}
#Sayfa #AnaMenu {
	margin:  5px 0px;
	padding: 0px;
	float: left;
	
	width:21%;
}
#Sayfa #Icerik {
	margin:  5px 0px;
	background-color: #FFF;
	padding:10px;
	float: right;
	width: 76%;
/*	 border-style:solid;
	border-width:1px;
	border-color: Black;*/
}
#Sayfa #AltAlan {
    clear: both;
	margin:0px;
	padding: 5px;
	width: 1010px;
	/*background-color: #dde6ec;*/
	/*background-color: #2e68a8;*/
	color:White;
	font-size: 10px;
	text-align:center;
	height:47px;
   /* border-style:solid;
	border-width:1px;
	border-color: Black;*/
}



/* ilgili site adresleri */
ul.Adresler {list-style-type: square;}
ul.Birimler {list-style-type: square;}

/*İletişim bölümü için*/

 #Iletisim h1 
{
text-align:left;
font-weight: normal;
font-size: 22px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: Black;
padding-bottom: 8px;
margin-bottom: 30px;
}
 .Iletisim h1 
{
text-align:left;
font-weight: normal;
font-size: 22px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: Black;
padding-bottom: 8px;
margin-bottom: 30px;
}

 #Sorular h1 
{
text-align:left;
font-weight: normal;
font-size: 22px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: Black;
padding-bottom: 8px;
margin-bottom: 10px;
}


 #Iletisim h2
{
	
font-weight: normal;
font-size: 16px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
line-height: 1.3em;
}

 
/* birimler sayfasında  animasyon ile birim ayrıntılarını vermek için */
.flyOutDiv
	{
	     display: none;
	     position: absolute;
	     width: 400px;
	     z-index: 3;
         opacity: 0;
         filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));
         font-family:Arial;
         font-weight:bold;
         font-size: 12px;
         line-height:normal;
         border: solid 1px #FFFDDD;
	     background-color: #f8f8f8 ;
	     padding: 5px;
	}
	 
	.flyOutDivCloseX
	{
	 background-color: #E8EDFF;
	 color: #FFFFFF;
	 text-align: center;
	 font-weight : bold;
	 text-decoration: none;
	 border: outset thin #FFFFFF;
	 padding: 5px;
	 	}
	 	
	.GolgeliYazi
	{
    text-shadow: -1px 2px 10px #000;
    color:#fff;
    }
 
 
.yuvarlak{display:block}
.yuvarlak *{
display:block;
height:1px;
overflow:hidden;
font-size:.01em;
background:#FF0000}
.yuvarlak1{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid #ff9191;
border-right:1px solid #ff9191;
background:#ff3f3f}
.yuvarlak2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid #ffe5e5;
border-right:1px solid #ffe5e5;
background:#ff3030}
.yuvarlak3{
margin-left:1px;
margin-right:1px;
border-left:1px solid #ff3030;
border-right:1px solid #ff3030;}
.yuvarlak4{
border-left:1px solid #ff9191;
border-right:1px solid #ff9191}
.yuvarlak5{
border-left:1px solid #ff3f3f;
border-right:1px solid #ff3f3f}
.yuvarlakfg{
background:#FF0000;
color:#FFFFFF;
padding:0 6px;} 


/* button css leri için */

.button11 {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2); 
}
.button11:hover {
	text-decoration: none;
}
.button11:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}


/* blue */

.blue1 {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue1:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue1:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
/* kullanım şöyle 	<a href="#" class="button black">Rectangle</a>  or
	<a href="#" class="button black bigrounded">Rounded</a> Can be
	<a href="#" class="button black medium">Medium</a> or 
	<a href="#" class="button black small">Small</a>  */