﻿@import "reset.css";

html,body  
{
	font:12px/1.5em Arial,Helvetica, sans-serif;
	font-size:75%; 
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
	height:100%;
}

html>body  {font-size:12px;}

body 
{
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
}

img, div { behavior: url("/iepngfix.htc"); }
	
div.clear
{
	clear:both;
	font-size:1px;
	height:1px;
	background:none;
	width:955px;
}


a,a:visited
{
	text-decoration:none;
	color:#1D689F;
}

a:hover
{
	color:#0099FF;
}

h1
{
	font-size:100%;
}

h2, h3 {color:#eb7300;font-weight:bold;}
h2{ font-size: 20px; margin-top: 10px; margin-bottom: 10px;}
h3{ font-size: 15px; margin-top: 15px; margin-bottom: 8px; }
p  {font-size:1em;line-height:1.5em;margin:0 0 1em 0;}


/************* [HEADER] START *************/

#header
{	
	width:955px;
	height:165px;
	margin:0 auto;
	padding-top:16px;
	text-align:left;
	position:relative;
}

#header #logo
{
	width:171px;
	height:130px;
	position:absolute;
	display:block;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	z-index:100;
	top:15px;
	left:0;
	behavior: url("/iepngfix.htc");
	text-indent:-9999px;
}


/************* [HEADER > MENU] START *************/

#menu
{	
	width:784px;
	height:73px;
	position:absolute;
	margin:29px 0 0 152px;
	z-index:10;
}

#menu ul
{
	width:784px;	
}

#menu ul li
{
	float:left;	
	height:73px;
	display:block;
	background-position:0 0;
}

#menu ul li a
{
	text-indent:-9999px;
}

#menu ul li.anasayfa:hover, #menu ul li.geliyor:hover, #menu ul li.program:hover, #menu ul li.kayit:hover, #menu ul li.album:hover
{	
	background-position:0 center;	
}

#menu ul li.anasayfa a, #menu ul li.geliyor a, #menu ul li.program a, #menu ul li.kayit a, #menu ul li.album a,
#menu ul li.anasayfa_active a, #menu ul li.geliyor_active a, #menu ul li.program_active a, #menu ul li.kayit_active a, #menu ul li.album_active a
{	
	height:73px;
	display:block;
}

#menu ul li.anasayfa_active, #menu ul li.geliyor_active, #menu ul li.program_active, #menu ul li.kayit_active, #menu ul li.album_active
{	
	background-position:0 -147px;	
}

#menu ul li.anasayfa, #menu ul li.anasayfa_active
{	
	width:112px;
	background-image:url(../img/menu_anasayfa.png);
	behavior: url("/iepngfix.htc");
}

#menu ul li.anasayfa a, #menu ul li.anasayfa_active a
{	
	width:112px;
}


#menu ul li.geliyor, #menu ul li.geliyor_active
{	
	width:148px;
	background-image:url(../img/menu_geliyor.png);	
	behavior: url("/iepngfix.htc");
}

#menu ul li.geliyor a, #menu ul li.geliyor_active a
{	
	width:148px;
}

#menu ul li.program, #menu ul li.program_active
{
	width:194px;
	background-image:url(../img/menu_program.png);
	behavior: url("/iepngfix.htc");
}

#menu ul li.program a, #menu ul li.program_active a
{	
	width:194px;
}

#menu ul li.kayit, #menu ul li.kayit_active
{	
	width:160px;
	background-image:url(../img/menu_kayit.png);
	behavior: url("/iepngfix.htc");
}

#menu ul li.kayit a, #menu ul li.kayit_active a
{	
	width:160px;
}

#menu ul li.album, #menu ul li.album_active
{	
	width:170px;
	background-image:url(../img/menu_album.png);
	behavior: url("/iepngfix.htc");
}

#menu ul li.album a
{	
	width:170px;
}

#blog
{
	background-image:url(../img/blog.png);
	background-repeat:no-repeat;
	behavior: url("/iepngfix.htc");
	text-indent:-9999px;
	width:117px;
	height:40px;
	position:absolute;
	display:block;
	z-index:100;
	left:816px;
	margin-top:2px;
}

/************* [HEADER > MENU] FINISH *************/


/************* [CONTAINER] START *************/

#container 
{
	width:955px; 
	margin:0px auto;
	text-align:left;
	position :relative;
}


/************* [CONTAINER > CONTENT] START *************/

#content-left
{
	z-index:100;
	position:absolute;
	left:25px;
}

#content 
{
	width:630px;
	z-index:10;
	position:relative;
	left:305px;
	margin-bottom:10px;
}

#content-header
{
	background-image:url('../img/content-header.png');
	background-repeat:no-repeat;
	height:44px;
	width:628px;
	display:block;
	padding-left:20px;
	_padding-left:3px;
	_margin-left:3px;
	behavior: url("/iepngfix.htc");
}

#content-header a,#content-header a:link,#content-header a:visited
{
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

#content-header a.selected,#content-header a.selected:link,#content-header a.selected:visited
{
	color:#f8d8bc;
}

#content-header img
{
	vertical-align:middle;
	margin:12px 9px 10px;
	_top:-5px;
}

#content-header-white
{
	background-image:url('../img/content-header-white.png');
	background-repeat:no-repeat;
	height:7px;
	width:628px;
	display:block;
	behavior: url("/iepngfix.htc");
}

#content-description
{
	background-color:#fff;
	width:590px;
	padding:13px 18px 10px 20px;
}


#content-description ol {list-style:decimal;font-size:1em;line-height:1.5em;margin:0 0 1.5em 0;}
#content-description ul {list-style:disc;font-size:1em;line-height:1.5em; }
#content-description ul.desc {list-style:disc;font-size:1em;line-height:1.5em; margin:0 0 1.5em 0;}
#content-description ol li {margin-left:2em;}
#content-description ul.desc li {margin-left:20px;} 

#content-description table {margin-top:20px; width:100%}
#content-description th {background-color:#1D689F;color:#FFFFFF;font-weight:bold}
#content-description th, #content-description td {padding:5px 10px}
#content-description .seq {background-color:#F6F6F6}


#content-footer
{
	background-image:url('../img/content-footer.png');
	background-repeat:no-repeat;	
	height:7px;
	width:628px;
	display:block;
	behavior: url("/iepngfix.htc");
}

#album {margin-left:30px;}

/************* [CONTAINER > CONTENT] FINISH *************/

/************* [CONTAINER] FINISH *************/

/************* [FOOTER] START *************/

#footer 
{
	width:916px; 
	margin:0px auto;
	padding-top:5px;	
	text-align:right;
	font-size:11px;	
	color:#818181;
	background-image:url('../img/bg_footer.png');
	background-repeat:no-repeat;
	background-position:right top;
}

#footer #copyright
{	
	float:left;
	margin:5px 10px 0 286px;
	_margin:5px 10px 0 145px;
}

#footer #copyright img
{	
	vertical-align:middle;
}

#footer a, #footer:active
{
	color:#818181;
}

#footer span
{	
	padding:0 8px 0 8px;
}

#footer span.copyright
{
	color:#989898;
}

#footer ul
{
	float:right;
	line-height:35px;	
	behavior: url("/iepngfix.htc");
	background-repeat:no-repeat;
	width:250px;
}

#footer ul li
{	
	float:left;
}

/************* [FOOTER] FINISH *************/


/************* [FORM] START *************/

ul.form 
{
	font-family:Arial !important;
	font-size:12px;
	overflow:hidden;
}

ul.form li 
{
	float:left;
	overflow:hidden;
	line-height:25px;
	list-style:none;
	margin:0;
}

ul.form li.label 
{
	line-height:25px;
	margin-right:4px;
	width:82px;
	margin-left:0;
	text-align:right;
}

ul.form li.input 
{
	line-height:25px;
	text-align:left;
}

ul.form li.req {
	color:#C40000;
	font-weight:bold;
	line-height:25px;
	margin: 0 5px 0 0;
	vertical-align:middle;
	width:21px;	
}

input.text
{
	width:250px;
}

div.form-border 
{
	background-color:#fff;
	clear:both;
	display:block;
	width:100%;
	height:1px;
	margin:5px 0;
}

ul.error 
{
	padding-bottom: 10px;
}

ul.error li
{
	color:Red;
	margin-left:20px;
}

.hata {display:none;}

/************* [FORM] FINISH *************/


