body {
margin:0px; padding:0px; color:#333333;
background:#990000 url('images/back_strips.jpg') repeat-x center top; height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif;
}



.title {
font-size:12px;
text-decoration:none; display:block; float:left;
font-weight:bold; width:500px; 
color: #C30; border-top:#03C dotted 1px; 
}
.title a {
font-size:12px;
text-decoration:none; display:block; float:left;
font-weight:bold; width:500px; 
color: #F00; border-top:#03C dashed 1px; padding-top:5px; 
}
.title a hover {
color:#000;
}

.style1 {
font-size:11px;
text-decoration:none; display:block; float:left;
font-weight:normal; width:350px; 
color:#333333;
}
#haberler {
font-size:11px;
text-decoration:none; display:block; float:right;
font-weight:normal; width:500px; 
color:#333333;
}
#canli {
width:216px; background:url(images/canli.jpg) no-repeat; height:55px;  margin-top:15px;padding-left:53px; 
 

}
.inputtextarea {
color:#333333;
background-color:#f4f4f4;
padding:3px;
border:solid 1px #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
}
.button {color: #333333;
font-weight:normal;
font-size:11px;
font-family:Tahoma;
}


strong {
font-size:10px;
}
.style4 {
color: #99CC00;
font-size:10px;
}
/* borderimage */
.borderimage{
border:2px solid #333333;
}
.style5 {color: #333333}
	
header{width:780px;}

#container{ margin: auto; background:#fff ; float:center; width:780px;  border-left:5px solid #CC0033; border-right:5px solid #CC0033;  }
.wrap { margin-left: auto; margin-right: auto; width: 780px; }
	#top { background:url(images/logo.gif) no-repeat 20px -10px; height:150px; }
	#top .nav { position:absolute; width:300px; height:150px; text-align:right; background:url(images/back_topflower.gif) no-repeat;  margin:4px 0 0 495px; }
	#top .nav a {  }
	
	#navigation .left { float:left; width:526px;  background:#006699; }
	#navigation .left a { display:block; float:left; width:100px; padding:5px; background:url(images/back_navborder.gif) no-repeat right;  }
	#navigation .left a { text-decoration:none; font:12px "Trebuchet MS", "MS Sans Serif", georgia; color:#99cccc; text-align:center; }
	#navigation .left a:hover { color:#FFFFFF }
	#navigation .right { float:right; width:264px; height:24px; background:#3399cc; text-align:right; color:#fff; 
	font:12px "Trebuchet MS", "MS Sans Serif", georgia; padding:4px 10px 0 0; }
	
	
	
	#content {width:780px}
	#content .left { float:left; padding:10px; width:500px;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666; }
	#content .left h1 { text-align:left; font:12px; letter-spacing:1px; color:#03C; }
	
	#content .left  em { color:#333; }
	#content .left  h2 { font:16px ; color:#333; margin:3px; padding:0; }
	#content .left  a { color: #C00; }
	#content .left  a:hover { text-decoration:none; color: #900; }
	#content .left img { padding:5px; border:1px solid #eee; margin:10px; }
	#content .right { float:right; padding-left:10px;  width:230px;  font:12px "Trebuchet MS", "MS Sans Serif", georgia;border-left: #900 dotted 1px;   }
	
	
	#footer{ background-color:#333; color:#999; height:30px; padding-top:10px; width:780px;  }
	#footer p{   width:760px;  }
#footer a { color:#111; text-decoration:none; }
	#footer a:hover { color:#FF6600; }
	
	#swf { z-index:1; }
	
	.gallery .block { float:left; width:220px; margin:5px; border:1px solid #f2f2f2; padding:5px }
	.gallery .block a { display:block; float:left; width:128px;  border:0;  border:1px solid #eee; margin-right:10px; cursor:pointer; }
	.gallery .block a .img { width:100px; height:100px; border:4px solid #fff; background-repeat:no-repeat; background-position:center; cursor:pointer; }
	.gallery .block a:hover { border:1px solid #ffcc00; }
	.gallery .block strong { font:12px Arial, Helvetica, sans-serif; color:#777;  }
	.gallery .block em { color:#aaa;  }
	
	/* anasayfadaki resimlerin cerceveesi*/
	.block2 { width:100px; height:100px; border:2px solid #990000; display:block; float:left; padding:2px; background-color:#FFFFFF; }
	
	form {}
	form label { display:block; float:left; width:100px; margin-bottom:2px; padding:3px; font-size:11px;  }
	form input { display:block; float:left; width:150px; background:#fff; border:1px solid #ccc; margin-bottom:2px; padding:3px; font:11px Arial, Helvetica, sans-serif; color:#777;  }
	form textarea { display:block; float:left; width:150px; height:75px; background:#fff; border:1px solid #ccc; margin-bottom:2px; padding:3px; font:11px Arial, Helvetica, sans-serif; color:#777;  }
	form .submit { border:0px;display:block; float:left; width:69px; height:26px; background:url(../images/back_button.gif) no-repeat -71px -1px; }
	form .submit:hover { background:url(../images/back_button.gif) no-repeat -1px -1px; } 
	
	#cataloguelist { color:#0484A9; padding:5px; width:510px; }
	#cataloguelist a { color:#3399CC; font:12px Geneva, Arial, Helvetica, sans-serif; text-decoration:none; margin-right:10px; }
	#cataloguelist a:hover { color:#F10D63; }
		#tunnel { display:none; }
		.flashtablo { border-left:5px solid #CC0033; border-right:5px solid #CC0033; }
		.tablo2 { border-left:5px solid #CC0033; border-right:5px solid #CC0033; background-color:#8BAECE; }
		.tablo3 { border-left:5px solid #CC0033; border-right:5px solid #CC0033; background-color:#333333; }
		.copyright { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; display:block; float:left; font-weight:normal; color: #999; padding-left:50px; }
 .solyazilar { font-size:10px; text-decoration:none; font-weight:normal; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; }


.inputtextarea {
color:#333333;
width:180px;
background-color:#f4f4f4;
padding:3px;
height:20px;
border:solid 1px #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
}

#sagmenu ul { border: 0pt none ; margin: 0pt 0pt 10px; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#sagmenu ul li { border-bottom: 1px dotted rgb(68, 68, 68); margin: 0pt; text-align: left; font-family: Verdana,Arial,sans; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; }
#sagmenu ul li a { margin: 0pt; padding: 8px 5px 8px 10px; width: 238px; display: block; color: #666666; text-decoration: none; background-color:#F7F7F7; }
#sagmenu ul li a:hover { background:#0099FF; none repeat; color:#333333; }   

a.leftmenu { border-left:2px solid #0099CC; padding: 7px 0px 7px 10px; border-bottom:1px solid #666666; display: block; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #CCCCCC;  background-repeat:repeat-x; background-color:#CC0000; cursor:default; width:100%; height:100%; text-align:left; }
a.leftmenu:hover { border-left:2px solid #0099CC; padding: 7px 0px 7px 10px; border-bottom:1px solid #666666; display: block; font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color: #FFFFFF; background-repeat:repeat-x; background-color:#FF0000; cursor:default; width:100%; height:100%; text-align:left; }
#music a { position:absolute; z-index:100; margin:5px 0 0px;margin-left:80px; display:block; float:center;  width:14px; height:11px; background:url(../images/icon_music.gif) no-repeat -14px;  }



ul#menu, ul#menu ul { margin: 0pt; padding: 0pt; list-style-type: none; width:215px; margin-top:10px; margin-bottom:20px;  }
ul#menu a { display: block; text-decoration: none; color: #666; }
ul#menu li { margin-top: 1px; }
ul#menu li a { padding: 0.2em; background: #eee none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: #900; }
ul#menu li a:hover { background: #CCC none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
ul#menu li ul li a { background: #fff none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(0, 0, 0); padding-left: 20px; }
ul#menu li ul li a:hover { border-left: 5px solid  #900; background: #CCC  none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 15px; }