﻿html 
{
    height: 100%; 
}
body {
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}
.container {
	width: 962px; 
	height:100%;
	background-image: url(images/mainbg.jpg); background-repeat:repeat-x;
	background-color: #FEC7FF;
	margin: 0 auto;
	min-height: 100%;
}
.tablo{

	border-left: #000000 1px solid;	
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.tablo td{

	border-left: #000000 1px solid;	
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#000000; font-weight:none;letter-spacing:0;
}
.dugun_dansi{
	
	background-image: url(images/dugun_dansi.png); background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color:#000000; font-weight:none;letter-spacing:0;
}
.cocuk_parti_evi{
	background-image: url(images/cocuk_parti_evi.png); background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color:#000000; font-weight:none;letter-spacing:0;
}
.left_content {
	background-image: url(images/leftbg.jpg); background-repeat:repeat-y;
	height:100%;
	width:6px;
}
.right_content {
	background-image: url(images/rightbg.jpg); background-repeat:repeat-y;
	height:100%;
	width:6px;
}
#logo{
 	position:absolute;top:0px; left:6px;
	height:195px;
 	width:216px;
	background-image: url(images/logo1.jpg); background-repeat:no-repeat;
}
#menu{
 	position:absolute;top:210px; left:26px;
	height:310px;
 	width:175px;
	margin: 0;
	padding: 0;
}

#header{
 	position:absolute;top:0px; left:216px;
	height:110px;
 	width:734px;
	background-image: url(images/header1.jpg); background-repeat:no-repeat;
}
#orta_menu{
 	position:absolute;top:120px; left:202px;
	height:30px;
 	width:475px;
	background-image: url(images/orta_menu.png); background-repeat:no-repeat;
}
.foto_album{
	background-image: url(images/foto_album_bg.png); background-repeat:no-repeat;
}
#orta_menu_selected{
 	position:absolute;top:149px; left:228px;
	height:1px;
 	width:85px;
	background-image: url(images/spacer.gif); background-repeat:no-repeat;
	background-color:#FFEDFF;
}
#orta_menu_item1{
 	position:absolute;top:6px; left:25px;
	height:30px;
 	width:85px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000; font-weight:bold;letter-spacing:0;
}
#orta_menu_item2{
 	position:absolute;top:6px; left:132px;
	height:30px;
 	width:85px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000; font-weight:nonw;letter-spacing:0;
}
#orta_menu_item3{
 	position:absolute;top:6px; left:239px;
	height:30px;
 	width:85px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000; font-weight:none;letter-spacing:0;
}
#radio{
	height:99px;
 	width:245px;
	border-left: #F178C0 1px solid ;	
	border-right: #F178C0 1px solid ;
	border-top: #F178C0 1px solid ;
	border-bottom: #F178C0 1px solid ;
}
.haberler{
	background-image: url(images/haberler.png); background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color:#000000; font-weight:none;letter-spacing:0;
}
#haberic{
 	position:absolute;top:40px; left:0px;
	height:100px;
 	width:227px;
	padding-left:10px;
	padding-right:10px;
	z-index:1;
	
}
.mail_list{
	background-image: url(images/mail_list.png); background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color:#000000; font-weight:none;letter-spacing:0;
}
p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#333333;font-weight:none;text-decoration:none; letter-spacing:0;}
.news{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color:#333333;font-weight:none;text-decoration:none; letter-spacing:0;}
a.news{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color:#333333;font-weight:none;text-decoration:none; letter-spacing:0;}
a.news:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color:#333333;font-weight:none; text-decoration:underline; letter-spacing:0;}
.news_krmz{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color:#FF0000;font-weight:none;text-decoration:none; letter-spacing:0;}

.kategori_ad {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 20pt; color:#333333;font-weight:none;text-decoration:none; letter-spacing:0;}
.Syh9 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#333333;font-weight:none;text-decoration:none; letter-spacing:0;}
a.Syh9 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#333333;font-weight:none;text-decoration:none; letter-spacing:0;}
a.Syh9:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#333333;font-weight:none;text-decoration:underline; letter-spacing:0;}
a.Syh10 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#333333;font-weight:none;text-decoration:none; letter-spacing:0;}
a.Syh10:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#333333;font-weight:none;text-decoration:underline; letter-spacing:0;}
.Syh10 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#333333;font-weight:none;text-decoration:none; letter-spacing:0;}
.but {
	background:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color:#000000;
	font-weight:none;letter-spacing:0; 
	border-left: #68696C 1px solid;	
	border-right: #68696C  1px solid;
	border-top: #68696C  1px solid;
	border-bottom: #68696C  1px solid;
 }
.cocuk_parti_evi{
	background-image: url(images/cocuk_parti_evi.png); background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color:#000000; font-weight:none;letter-spacing:0;
}
.passive_sol { margin:2px; width: 138px; height: 20px;  text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#000; font-weight:none;}
.passive_sol  a{ margin:2px; width: 138px; height: 20px;  text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#333333; font-weight:none;letter-spacing:0; }
.passive_sol  a:hover{ margin:2px; width: 138px; height: 20px;  text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#ffffff; font-weight:none;letter-spacing:0; }

.passive_sol:hover { text-decoration: none;  background: url("images/menu_bg.png"); color:#ffffff; cursor:hand; } 
.menu_passive { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#ffffff; font-weight:none;letter-spacing:0;} 
.menu_passive:hover { text-decoration:none;  background: url("images/menu_bg.png"); color:#ffffff; } 
.menu_passive:active { text-decoration:none;  background: url("images/menu_bg.png"); color:#ffffff; } 

.Syh9 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#000000;font-weight:none;text-decoration:none; letter-spacing:0;}
a.Syh9 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#000000;font-weight:none;text-decoration:none; letter-spacing:0;}
a.Syh9:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#000000;font-weight:none;text-decoration:underline; letter-spacing:0;}
a.Syh10 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000;font-weight:none;text-decoration:none; letter-spacing:0;}
a.Syh10:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000;font-weight:none;text-decoration:underline; letter-spacing:0;}
.Syh10 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#000000;font-weight:none;text-decoration:none; letter-spacing:0;}
#imageSlideshowHolder{
		/* CSS HACK */
		width: 400px;	/* IE 5.x */
		width/* */:/**/400px;	/* Other browsers */
		width: /**/400px;
		/* CSS HACK */
		height: 300px;	/* IE 5.x */
		height/* */:/**/300px;	/* Other browsers */
		height: /**/300px;
		border:0px ;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:400px;
		height:300px;
		background-color:#fff;
		/* Never change these 3 value */
		left:36px;
		bottom:4px;
		position:absolute;	
	}

	#imageSlideshowHolder img{
		width:400px;
		height:300px;
	}
