/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#fff; 
font-size:76%; 
font-family: arial, verdana, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
a { text-decoration:none; }
.cursor { cursor:default;}

hr { border:0; color:#006699; background-color:#006699; height:1px;  }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}



#contenter {overflow:auto;  position:absolute; z-index:3; top:140px; bottom:30px; left:220px; right:0; background:#fff; border-bottom:3px solid #006699; margin:0;}




#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:132px; background:#CC1122; background-position:0 0; background-repeat:no-repeat; font-size:4em; z-index:5; overflow:hidden; color:#fff;}

#foot {position:absolute; margin:0; bottom:0; left:220px; display:block; width:100%; height:30px; font-size:1em; z-index:5; overflow:hidden; background:rgb(255,255,255); color:#000; line-height:1em; }

#footi {padding-top:4px; position:absolute; text-align:center; margin:0 0 0 -110px; display:block; width:100%; height:100%; font-size:1em; z-index:6; overflow:hidden; color:#006699; }

#left { overflow:hidden; position:absolute; left:0px; top:140px; bottom:0; width:200px; background:#66AA44; font-size:1.2em; z-index:4; overflow:auto; background-repeat:no-repeat; }

* html #left {height:100%; top:140px; bottom:0; color:#fff;}

#lefti { overflow:hidden; position:absolute; left:0; top:10px; bottom:0; width:180px; background:#fff; font-size:1.2em; z-index:5; overflow:auto; background-repeat:no-repeat;}

* html #lefti {height:90%; top:10px; bottom:0; color:#fff; padding-top:5px;}

#head1 {position:absolute; padding-left:1px; height:102px; left:230px; top:0; right:-206px; font-size:1.2em; z-index:5; overflow:auto; background-repeat:repeat-x;  margin:0;}
#head2, #head3, #head4   {position:absolute; height:102px; left:0; top:0; width:100%; font-size:1.2em; z-index:5; overflow:auto; background-repeat:repeat-x; background-position: bottom left;}


#menu {position:absolute; height:30px; left:230px; top:102px;  background:#CC1122; z-index:99;
	padding: 0 0 0 0;
	text-align: center; }
* html #head { height:134px;}
.bold {font-size:1.2em; font-weight:bold;}

dd {display:none;}
dl { overflow:hidden; margin-left:10px; margin-top:5px; margin-bottom:10px; border-bottom:5px solid #66AA44; }
a.nav, a.nav:visited {padding:4px 0 4px 5px; margin-left:0px; display:block; width:150px; background:#fff; color:#005b9c; border-left:3px solid #66AA44; border-bottom:0px solid #66AA44;  margin-top:0px; text-decoration:none; text-align:center; line-height:10px; font: 13px arial, verdana, sans-serif;}
a.nav:hover, a.nav:active, a.nav:focus  {padding:2px 0 2px 5px; margin-left:0px; display:block; width:150px; background:#fff; color:#CC1122; border-bottom:2px solid #66AA44; border-top:2px solid #66AA44; border-right:1px solid #66AA44; border-left:0px solid #66AA44}

#nav2 li li a:hover em.new {color:#55ff88;}
em.new{
	font-size:10px;
	padding-left:4px;
	text-decoration:blink;
	vertical-align:super;
	font-weight:bolder;
	color:red;
}
a.nav:active, a.nav:focus { 
outline:0;
 color:#447733;
 }



a.navbos, a.navbos:visited { margin-left:0px; display:block; width:145px; height:4px; background:#fff; color:#000; border-left:3px solid #66AA44; border-bottom:0px solid #66AA44;  margin-top:0px; text-decoration:none; text-align:center; line-height:4px; font:4px arial, verdana, sans-serif;}

#sagmenubaslik  {margin-left:0px; display:block; width:95px; height:18px; background:#fff; color:#000; border-left:0px solid #66AA44; border-bottom:2px solid #66AA44; margin-top:0px; text-decoration:none; text-align:left; line-height:20px; font: 16px arial, verdana, sans-serif; padding-left:5px;}

#brosur { cursor:hand; margin-left:0px; display:block; width:145px; height:100px; background:#fff; color:#005b9c; border-left:3px solid #66AA44; border-bottom:0px solid #66AA44;  margin-top:0px; text-decoration:none; text-align:center; line-height:15px; font: 16px arial, verdana, sans-serif; padding: 8px 0 8px 8px;}
#brosur:hover{ margin-left:0px; display:block; width:145px; height:98px; background:#fff; color:#CC1122; border-left:3px solid #66AA44; border-top:1px solid #66AA44; margin-top:0px; text-decoration:none; text-align:center; line-height:20px; font: 16px arial, verdana, sans-serif; padding: 7px 0 10px 8px;}

#brosur img, #brosur img:hover { border:0; margin:0; padding:0 0 8px 0;}

#nav2 ul {padding:0; margin:0;  list-style:none; font: 12px arial, verdana, sans-serif; background:url(transparent.gif); position:relative; z-index:100; }
#nav2 {height:30px; width:805px; padding:0;  background:#CC1122; list-style:none; margin:0; font: 14px arial, verdana, sans-serif;}

#nav2 table {border-collapse:collapse; }
#nav2 li {float:left;}
#nav2 li li {float:left; background:url(transb.png);}
/* a hack for IE5.x and IE6 */
#nav2 li a li {float:left;}

#nav2 li a {display:block; float:left; color:#fff; height:30px; padding:0 3px 0 3px;line-height:30px; text-decoration:none; white-space:nowrap; font-weight:bold; border-left:1px solid #ba0010;}

#liad {display:block; float:left; color:#fff; height:30px; padding:0 3px 0 3px;line-height:30px; text-decoration:none; white-space:nowrap; font-weight:bold; border-left:1px solid #ba0010;}

#nav2 li li a {height:21px; line-height:20px; float:none; color:#ba0010;  }

#nav2 li:hover {position:relative; z-index:100;}
#nav2 a:hover {position:relative; z-index:100; background:#bb0011; color:#fff; border-left:1px solid #ba0010;}
#nav2 li:hover > a {border-left:1px solid #CC1122; background:#ba0010; color:#fff; }
#nav2 :hover  ul {left:0; top:30px; border-left:1px solid #bb0011; z-index:300;}
#nav2 a:hover ul {left:-1px;}

#nav2 ul {position:absolute; left:-9999px; top:-9999px; }

/* it could have been this simple if all browsers understood */
/* show next level */
#nav2 li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav2 li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav2 li:hover li:hover > a {background:#d00819; color:#fff; border-left:1px solid #ba0010;}

#nav2 li a:hover ul li a:hover {background:#ba0010;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav2 a:hover a:hover ul,
#nav2 a:hover a:hover a:hover ul,
#nav2 a:hover a:hover a:hover a:hover ul,
#nav2 a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav2 a:hover ul ul,
#nav2 a:hover a:hover ul ul,
#nav2 a:hover a:hover a:hover ul ul,
#nav2 a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


/* font */

#lefti h1 { color:#005b9c; text-decoration:none; margin:0; font:  bold  17px arial, verdana, sans-serif;}


h1 {
  font-family:arial, verdana, sans-serif; 
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0.8em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	line-height:1.6em;
	}
h2 {
  font-family:arial, verdana, sans-serif; 
	font-size: 1.7em;
	margin: 0.8em 0em 0.8em 0em;
	font-weight: normal;
	line-height:1.4em;
	}
h3 {
  font-family:arial, verdana, sans-serif; 
	font-size: 1.4em;
	margin: 0.6em 0em 0.6em 0em;
	font-weight: normal;
		line-height:1.2em;

	}
h4 {
  font-family:arial, verdana, sans-serif; 
	font-size: 1.1em;
	margin: 0.1em 0em 0.1em 0em;
	font-weight: bold;
	line-height:1.0em;
	}
h5 {
  font-family:arial, verdana, sans-serif; 
	font-size: 1.0em;
	margin: 0.05em 0em .05em 0em;
	font-weight: bold;
	line-height:0.9em;
	}
h6 {
  font-family:arial, verdana, sans-serif; 
	font-size: 0.8em;
	margin: 0.4em 0em 0.4em 0em;
	font-weight: bold;
	line-height:0.6em;
	}

p {
  font-family:arial, verdana, sans-serif; 
	font-size: 1.0em;
		}
 /* something */
 
.ctitle {padding:4px; border-left:4px solid #66AA44; border-top:2px solid #66AA44; color:#005b9c; text-decoration:none; margin:0;  width:100px; }
.ctitle2, .ctitle3  {padding:4px; border-left:4px solid #66AA44; color:#005b9c; text-decoration:none; margin:0;   }
.ctitle p {width:600px;  overflow:visible; font:  italic 18px arial, verdana, sans-serif; padding:0; margin:0; text-indent: 0; line-height:20px;  }
.ctitle2 p {  font:  15px arial, verdana, sans-serif; padding:0; margin:0; text-indent: 0;  }
.ctitle3 p { overflow:visible; width:400px; font:  15px arial, verdana, sans-serif; padding:0; margin:0; text-indent: 0;  }
.cpic p, .cpara p { text-indent: 24px; color:#003333; text-decoration:none; margin:4px 0 4px 0; font:   14px arial, verdana, sans-serif; text-align:justify;}
.cpara li  {font:   14px arial, verdana, sans-serif; color:#003333; }
.cpara span { font-family:arial, verdana, sans-serif;}
.cquo {color:#66AA44; font-style:italic; font-size:12px; line-height:12px; margin:0; padding:0; }
.clear {clear:both; height:12px; width:100%;}
.cpara { height:auto;}
.testi { text-indent:0; border-style:solid; border-width: 0 1px 3px 0; border-color:#66AA44; padding: 0  4px 4px 0;}
/* effects */
.demoDiv{
position:absolute;
	background-color: #006699; 
	overflow: auto;
		bottom:0;
		overflow-x: hidden; overflow-y: auto;
	
}

	#sol { position:absolute; right:5px;left:0px; width:70%; list-style: square inside url(images/tick.png);  } 
	* html #sol { list-style: square inside url(images/tick.gif);}
		#contenter a, #contenter a:active, #contenter a:link, #contenter a:visited { color:#44AA11; font-style: italic; }
*:first-child+html		#sol { position:absolute; right:20px;left:0px; } 
		#takoz {position:relative; float:right;  width:0;   height:1000px; visibility:hidden; }
	
.CPic {
border-style: solid;
border-width: 3px 3px 0 0; 
border-color:#006699; 
position:static;  
float:right; 
margin:-5px -19% 0 5px;
padding: 3px 3px 10px 10px;
clear:right; 
background-image:url(images/yukleniyor_3.gif); 
background-repeat:no-repeat; 
background-position:center center;
 }
 
 .CPic1 {
  
float:right; 
position:relative; top:0; left:0;  width:30%;
 }
 .GPic {
border-style: solid;
border-width: 3px 3px 0 0; 
border-color:#006699; 
margin:10px;
padding: 3px 3px 10px 10px;
 }
 
 
 
 table.program {
 text-align:left;
 font-size:12px;
 width:70%;
border-collapse:collapse;
 }
 table.program td {
 padding-left:5px;
 border-left:1px dotted #CCCCCC;
 } 
 
 table.program  .todd{
background-image:url(images/trBlue.gif);
background-position:left;
background-repeat: repeat-y;
border-style:solid;
border-width:1px 0 1px 2px;
border-color:#006699;


 }

  table.program  .teven{
background-image:url(images/trGreen.gif);
background-position:right;
background-repeat: repeat-y;
border-style:solid;
border-width:1px 2px 1px 0;
border-color:#66AA44;


 }

.ghost {display:none;}
#response_form1 { visibility:hidden; }


/* Form */

.Cgreen {
color:#66AA44;
}
.Cblue {
color:#006699;
}
.Cred {
color:#CC1122;
}

#error_zone { 
font-size: 0.8em;
color:white;
}


#form1 table {
  display:table; 
  font-family:verdana, arial, sans-serif; 
  font-size:76%; 
  line-height:1.7em; 
  border:0;
width:400px;
padding:0;
margin:-15px 0 -20px 0;
border-collapse:collapse;
} 

#tablediver {
border-top:3px solid #006699;
width:418px;
  font-family:verdana, arial, sans-serif; 
  padding:0;
  display:block;
 margin:0;
} 

#form1 tbody {
  display:block;
  }
#form1 td {
  display:table-row; 
  border-style:solid; 
  border-width:0 0 0 3px; 
  border-color:#006699; 
  margin:0; 
padding: 2px 1px 5px 5px;
  width:100%;
  } 
 

#form1 td, #form1  th {
  display:block;
  }
#form1 table, #form1  tbody, #form1  tr, #form1  td, #form1  th {
  display:block;
  } 

*:first-child+html #form1 thead, * html  #form1 tfoot {
  display:block;
  }


#rez_req  label {font-size:11px; font-weight:bold; line-height:11px } 

.tCode { line-height:8px; font-size:10px; }
.tCode   em {color:#CC1122; margin-left:5px }
.tCode   strong {margin-left:25px }
.tCode   input {margin-left:100px }

#form1 th {
font-size:1.2em; 
  line-height:1.2em; 
  background:#EDF3F8;
 border-style:solid; 
  border-width:3px 0 0 3px; 
  border-color:#006699; 
  margin:0; 
padding: 2px 1px 5px 8px;
    }



#form1 td { 
color:#006699;
 }



#form1  td + td + td {
  color:#006699;
  }
#form1 td:hover {
  border-width:2px 2px 2px 0; 
  background:#EDF3F8;
padding:0 0 3px 8px;
  }
  
#form1 td.clr:hover {
  border-width:0 0 0 3px; 
  background:#fff;
padding: 2px 1px 5px 5px;
  }

#contact_info {
position:fixed;
right:3%;
top:144px;
left:640px;
  background:#EDF3F8;
 border-style:solid; 
  border-width:0 1px 2px 3px; 
  border-color:#006699; 
  margin:0 0 0 -4px; 
padding:4px 8px 8px 8px;
  font-family:verdana, arial, sans-serif; 
text-align:center;
list-style: square inside url(images/tick.png);
}

*:first-child+html #contact_info { top:144px; left:640px;}
#regis { border-collapse:collapse; border: 5px solid grey;  }
#regis td {border: 2px solid black;}
#regis  tfoot td {border: 0px solid black; padding:4px;}
#regis  thead th {border: 5px solid black; padding:8px; }
#regis hr { border:0; color:black; background-color:black; height:4px;  }
/* End of Form */