* {
	margin: 0;
	padding: 0;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url(../images/zemin.jpg) top center repeat-x;
	background-color: #008ED2;
}
body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#fff;
}
a:link, a:visited, a:active {color: #ccc; text-decoration:none;}
a:hover {color: #fff; text-decoration:none;}
H1 {font:normal 18px Arial; color:#fff;}
H2, H2 a:link, H2 a:visited, H2 a:active {
	font:normal 14px Arial; color: #fff;}
H3, H3 a:link, H3 a:visited, H3 a:active {font:normal 16px Arial; color: #0171B1;}
h1.h1zemin{
	height:27px;
	background:url(../images/baslik.jpg) top right no-repeat;
	vertical-align:middle;
	padding:5px 0 0 10px;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
}

.mavi {color: #299DCA;}
.beyaz {color: #fff;}
p {margin: 0 0 15px 0;}
#content {width: 840px;	margin: 0 auto;}

#UstFlash {
	clear: both;
	/*height:120px;
	background:url(../images/bar.jpg) center center;*/
}
#UstTac{
	width: 830px;
	height:260px;
	clear: both;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	
	/*height:300px;*/
}
#ortaIcerik{
	float:left;
	width:830px;
	/*background: #fff;
	margin:0;
	padding:3px 5px 5px 0px;*/
	padding-bottom:150px;
	background:#17316A url(../images/ana_zemin2.jpg) bottom center no-repeat;
	border-style: none solid solid solid;
	border-color:#FFFFFF;
	border-width: 5px;
	
}
#left {
	clear: left;
	float: left;
	width: 180px;
	padding:0px 0 5px 0px;
	/*background-color:#fff;
	border-right: 4px solid #fff;*/
}
#right {
	margin:0 0 0 0;
	padding:15px;
	float: right;
	width: 615px;
}


#articles {
	margin: 40px 0 0 0;
}
#articles li {
	border-top: 1px solid #cecece;
	list-style: none;
	float: left;
	width: 245px;
	background: #eee url(../images/newslist.jpg) repeat-x bottom;
	padding: 4px 8px;
	margin: 0 15px 0 0;
}
#articles li a {
	background: url(../images/menuarrow.jpg) no-repeat 0 5px;
	padding: 0 0 0 8px;
}
#articles li.last {
	margin: 0;
}
#etkinlikList li {
	float: left;
	width: 215px;
	padding: 4px 8px;
	margin:0;
}
#sagBaslik{
	margin:0;
	padding:0;
	float: right;
	width: 645px;
	height:34px;
	background: url(../images/baslik.jpg) top left no-repeat;
	
}
#sagBaslik H1{
	margin:6px 0 0 10px;
	height:20px;
	padding: 3px 0 0 30px;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/logo_kucuk.jpg) center left no-repeat;
	/*border:1px solid #0f0;*/
}
/* ///////////////////////////////////////////////////////////////////// */
.arrowgreen{
	width: 180px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Tahoma, Helvetica, Verdana, Arial, sans-serif;
	display: block;
	background: transparent url(../images/arrowgreen.jpg) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {color: #fff;}

.arrowgreen li a:hover{color: #fff;background-position: 100% -32px;}/*#A5CAE4*/

	
.arrowgreen li a.selected{
	color: #17316A;/* #26370A;*/
	background-position: 100% -32px;
}
/* ///////////////////////////////////////////////////////////////////// */

/****************************************************************************/
.frmForm{
	padding:0;
	margin:0 3px;
	border:none; /*1px solid #00FF00;*/
	width:125px;
	text-align:right;
	float:right;
}
.frmTextAna {
	float:right;
	width:125px;
	height:13px;
	font:normal 12px Verdana;
	border:1px solid #ccc;
	margin:0 0 3px 0;
}
.frmButAna {
float:right;height:15px;font:normal 10px Verdana;border:1px solid #808080;margin:0 0 3px 0;
}

/****************************************************************************/
.odaContainer{
	
	/*float:left;*/
	width:610px;
	/*clear:both;
	border:1px solid #00FF00;*/
	overflow:hidden;
}
.odaContainer .odaKutu{
	width:140px;
	float:left;
	border:1px solid #2550A9;
	margin:0 10px 0 0;
	background-color:#0099CC;
}
.odaKutu img{
	margin:0 5px 5px 5px;
	width:131px;
}
.odaKutu h2{
	height:24px;
	background:url(../images/baslik.jpg) top right no-repeat;
	padding:5px 0 10px 10px;
	font: bold 13px Arial, Verdana, Helvetica, sans-serif;
	color:#fff;
}

#footer {
	margin:0;
	padding:10px 0;
	float:left;
	clear: both;
	color: #17316A;
	width:830px;
	font:normal 9px Verdana;
}
#footer a {
	color: #17316A;
	font-weight: bold;
}
.left {
	float:left;
	clear:left;
}
.right {
	float: right;
	clear:right;
}
/****************************************************************************************/
.basliknoktalar {
	font: bold 8px Verdana;
	padding: 0;
	margin: 0 5px 0 10px;
}
span.mavinoktalar {
	font: bold 8px Verdana;
	float: right;
	padding: 0;
	margin: 0;
}
.nokta1 {
	color:#3060A2;
}
.nokta2 {
	color:#678ABB;
}
.nokta3 {
	color:#9EB5D4;
}
.nokta4 {
	color:#D6DFEC;
}
b.ayrac {
	display:block;
	width:90%;
	height: 1px;
	overflow: hidden;
	background-color:#EFEFEF;
	margin:10px;
}
/* ///////////////////////////////////////////////////////////////////// */
.imageBox {
	width:126px;
	height:84px;
	float:left;
	border:1px solid #CCCCCC;
	margin:1px;
}
.imageBox_theImage {
	width:120px;
	height:80px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 2px auto;
	margin-bottom:2px;
}
.imageBox .imageBox_theImage {
	border:1px solid #DDD;
}
.imageBox_label {
	text-align:center;
	font-family: arial;
	font-size:12px;
	margin: 0 auto;
}