@charset "UTF-8";
/* CSS Document */
/* Rememble
=========================================================================== */

html,body,div,dl,dt,dd,p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,tr,th,td,button,img {
  margin: 0;
  padding: 0;
  border: 0;
}

html, body{
  height: 100%;
  width: 100%;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(images/siteBACK.jpg) no-repeat #d3d3d3;	
	background-position:top center;
	background-attachment:scroll;
	height:inherit;	
}

img {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

#siteHEADER{
	width:100%;
	margin:0 auto;
	background:url(images/SiteLogo.png) left top no-repeat;
}
#siteCONTENT{
	background: url(images/headerBCK.jpg) repeat-x;		
	width:100%;
	height:100%;
}

#headerMENU{
	width:100%;
	height:58px;
	float:left;
	text-align:left;	
	font-family:"Trebuchet MS", "Times New Roman", serif;
	font-size:12px;
	color:#CCCCCC;
	font-weight:bold;
	background:url(images/HizliTelefonHatti.gif) right top no-repeat;
}

#SiteBANNERarea{
	width:890px;
	font-family:"Trebuchet MS", "Times New Roman", serif;
	font-size:14px;
	color:#333333;	
	font-weight:bold;
	margin:0 auto;
}
#SiteBANNERarea img{
	margin:5px 30px 30px 5px;
}

#PageCONTENT{
	margin: 0 auto;
	width:850px;
	background:url(images/pageBACK.jpg) repeat-x;
	height:440px;
}
#PageCONTENT h2{
	font-weight: bold;
	font-family:"Trebuchet MS", "Times New Roman", serif;
	font-size:14px;
	padding-bottom:10px;
}
#PageCOL01{
	width:285px;
	float:left;
	text-align:left;
	padding:0px 15px;	
	height:400px;
}

#PageCOL01_Part2{
margin:10px 0px 0px 0px;
}
#PageCOL01_Part3{
margin:10px 0px 0px 0px;
}
#PageCOL01_Part3 h2{
	font-weight: bold;
	font-family:"Trebuchet MS", "Times New Roman", serif;
	font-size:14px;
	padding-bottom:3px;
}

#PageCOL01_Part3 p{
	font-family:"Trebuchet MS", "Times New Roman", serif;
	font-size:12px;
	color:#333333;
}

#PageCOL01_Part3 a{
	color:#000000;
	text-decoration:none;
}
#PageCOL01_Part3 a:hover{
	color:#000000;
	text-decoration:underline;
}

.inputBOX{
padding:2px;
border:#666666 1px solid;
font-family:"Trebuchet MS", "Times New Roman", serif;
font-size:12px;
color:#666666;
}

.submitBOX{
height:26px;
width:63px;
background:url(images/gonderBUT.jpg) no-repeat;
font-family:"Trebuchet MS", "Times New Roman", serif;
font-size:12px;
border:0px;
color:#FFFFFF;
font-weight:bold;
}

#PageCOL01_Part2 p{ 
font-family:"Trebuchet MS", "Times New Roman", serif;
font-size:12px;
color:#333333;
}

#PageCOL02{
	width:296px;
	float:left;
	height:430px;	
	margin-right:15px;
}
#PageCOL02 #bannerBOX{
	margin-bottom:15px;
	width:100%;
	height:150px;
}
#PageCOL02 #bannerBOX_s2{
	margin:2px 2px 15px 2px;
	width:142px;
	height:150px;
	float:left;
}
#PageCOL02 #bannerBOX_s3{
	margin-bottom:15px;
	width:100%;
	height:68px;
}
#PageCOL02 #newsCONT{	
	border-top:#333333 1px solid;
}
#PageCOL02 #newsCONT ul{	
	font-family:"Trebuchet MS", "Times New Roman", serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
	padding:5px 0px 0px 14px;
}
#PageCOL02 #newsCONT li{
	padding:0px 0px 0px 2px;
}
#PageCOL02 #newsCONT a{
	text-decoration:none;
	color:#333333;	
}
#PageCOL02 #newsCONT a:hover{
	text-decoration:underline;
	color:#333333;	
}
#PageCOL03{
	padding-right:15px;
	width:209px;
	float:left;
	height:415px;	
}
#PageCOL03 #Col03BOX{
	background:url(images/Col03BoxBCK.jpg) no-repeat;
	width:209px;
	height:200px;
	margin-bottom:15px;
}
#PageCOL03 #Col03BOX h2{
	font-weight: bold;
	font-family:"Trebuchet MS", "Times New Roman", serif;
	font-size:14px;
	padding:6px;
}
#PageCOL03 #BoxContent{
	height:160px;
	width:199px;
	margin:0px 5px 5px 5px;
}
#PageCOL03 #BoxContent #CourseDate{
	font-family:"Trebuchet MS", "Times New Roman", serif;
	font-size:12px;
	font-style:italic;
	color:#666666;
	margin-top:10px;
}
#PageCOL03 #BoxContent #CourseName{
	font-family:"Trebuchet MS", "Times New Roman", serif;
	font-size:26px;
	font-weight:bold;
	color:#333333;
	text-align:right;
	margin:7px 15px 7px 15px;
}
#PageCOL03 #BoxContent h6{
	font-family:"Trebuchet MS", "Times New Roman", serif;
	font-size:12px;
	color:#666666;
	text-align:center;
}
#SUBPageCOL{
	width:596px;
	float:left;
	text-align:left;
	padding:0px 15px 15px 15px;
	height:415px;	
}
#siteFooterArea{
	margin:0 auto;
	width:570px;
	height:95px;
	padding:15px 0px 0px 280px;
	background:url(images/siteFOOTER.jpg) no-repeat; 
	font-family:"Trebuchet MS", "Times New Roman", serif;	
	font-size:11px;	
	color:#666666;		
}
#siteFooterArea li{
	list-style:none;
	display: inline;
	padding:5px;
	font-size:12px;	
	color:#666666;	
}
#siteFooterArea li a{
color:#666666;
font-family:"Trebuchet MS", "Times New Roman", serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
}
#siteFooterArea li a:hover{
color:#666666;
font-family:"Trebuchet MS", "Times New Roman", serif;
font-size:12px;
text-decoration:underline;
font-weight:bold;
}

/*SUB PAGE CSS STYLES - BEGIN */

.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
height: 350px; /* Set height to be able to contain height of largest content shown*/
overflow: auto;
margin:0px;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:inherit;
position: absolute;
padding: 0px 0px 0px 10px;
visibility: hidden;
width: 95%;
}
.fadecontent ul{
margin-left:15px;
}
.fadecontent li{
font-size:11px;
}

.fadecontent img{
margin:10px;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
font-family:"Trebuchet MS", "Times New Roman", serif;
font-size:11px;
font-weight:bold;
color:#333333;
border-top-width: 0;
overflow: hidden;
margin-bottom:5px;
margin-top:0px;
width:100%;
}
.fadecontenttoggler h1{
font-size:20px;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
border-right: 1px solid #999999;
padding: 3px 6px 3px 6px;
float: left;
display: block;
font-weight: bold;
color: black;
background:url(images/contentTabBCK.jpg);
}

.fadecontenttoggler a:hover{
background:url(images/contentTabBCKr.jpg);
color: white;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #fc4501;
color: white;
}
.fadecontent h1{
color:#000000;
font-size:22px;
line-height:24px;
font-family:"Trebuchet MS", "Times New Roman", serif;
padding-bottom:5px;
}
.fadecontent ul{
font-size:14px;
line-height:20px;
list-style-position:inside;
}
.fadecontent a{
color:#333333;
text-decoration:none;
}
.fadecontent a:hover{
color:#333333;
text-decoration:underline;
}

/*SUB PAGE CSS STYLES - END */