*{ margin: 0; padding: 0; }*
body { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #ccc; color: #222; }
a { text-decoration: none; color: #554d42; } /*554d42*/
a:hover { text-decoration: underline; color: #CF9F5A; }
a:visited {COLOR: #6587E0; text-decoration: none;}

h2 { margin: 0 0 7px; padding: 5px 0 3px; }
h3 {padding-left: 10px; height: 28px; background: #413326; color: #fff; font-size: 13px; }
ul {  padding: 0; margin: 0 0 10px;}
li { list-style-type: none;}
p { margin: 5px 0 10px 0; }
img { border: none; }

#wrap { padding: 10px 10px 3px 10px; width: 810px;  margin:20px auto 10px auto; background:#fff; border: 8px solid #554d42;}

#header { height: 160px; background: #554d42 url(../App_Images/header.jpg) no-repeat; border: 5px solid #554d42; }
#header h1 { font-size: 30px; letter-spacing: -1px; padding: 22px 0 5px 10px; color: #FF5500; }
#header h1 a { color: #fff; text-decoration: none; font-weight: 100; line-height:35px; letter-spacing: -2px; }
#header h1 a:hover { color: #000; text-decoration: none; }
#header h2 { font-size: 19px; color: #fff; padding: 5px 0 0 20px; letter-spacing: -1px; font-weight: 100; }

#menu { height: 30px; line-height: 30px; background: #554d42; } /*url(../App_Images/menu.jpg) no-repeat*/
#menu ul { list-style-type: none; padding-left: 30px; }
#menu ul li { display: block; float: Right; }
#menu ul li a { padding: 0 20px 0 0; text-decoration: none; font-weight: 600; font-size: 14px; color: #fff; }
#menu ul li a:hover { color: #aaa; text-decoration: none; }


#left { float: left; width: 160px; height:100%; background-color: #fff; }
#left h2 { margin: 7px 0 0 0; padding-left: 10px; height: 20px; background: #413326; color: #fff; font-size: 13px; }
.leftHrDiv { width:160px; float:left;}

#right { float: right; width: 620px; height:100%; text-align: justify; padding-top: 5px; margin-bottom: 10px;}
#right img { padding: 5px 5px 5px 5px; }

#footer { margin: 20px auto 10px auto; width: 810px; background: #fff; padding: 10px; border: 8px solid #554d42; text-align: center; font-size: 12px; color: #000; }
#footer a { font-family : Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: Maroon; font-weight:700; }
#footer a:hover { text-decoration: none; color: #4F5D7F; }
/***********************/


/*Google Translate - Master*/
.GoogleTranslateDiv {width:170px; float:left; margin:0; padding:0;}

/*Haberler - Default.aspx */
#HaberDiv{width:620px; float:left; text-align:left;  } 
.HaberDiv_baslik2 {overflow: hidden; width: 100%; margin: 8px 0px 10px 0px; padding: 5px 0px 5px 40px; color: Maroon; font-weight: 600; font-size: medium; font-family:Tahoma;  background: url(../App_Images/trekking.gif) no-repeat left top ;}
.HaberDiv_baslik{overflow: hidden; width: 200px; margin: 5px 0px 5px 0px; padding: 0px 0px 5px 30px; color: Maroon; font-weight: 600; font-size: medium; font-family:Tahoma;  background: url(../App_Images/dbbaslik.gif) no-repeat left top ;}
.HaberDiv_baslik:hover{color:Gray;}
.HaberDiv_kisa_icerik{padding:5px 5px 0px 5px; text-align:justify; font-size:small; }
.HaberDiv_tarih {padding:3px 0px 3px 0px;}
#HrDiv{width:620px; float:left;} 

/*Etkinlik Takvimi - Default.aspx */
.EtkinlikDiv{width:620px; height:350px; float:left; text-align:left; background-color: #fff; } 
.Etkinlik_Span{ width:620px; height:25px; float:left;  color:White; font-family:Verdana; font-size:small; text-align:left; cursor:pointer; background:#E60C00; } 
.Etkinlik_Panel{ float:left;} 
.takvim {width:620px; height:300px; float:left; color:Black; font-size:11px;  font-family:Tahoma; border:2px Gray dashed;  border-collapse:collapse; padding:0 0 0 0 ; margin: 0 0 0 0;}
.takvim a {font-size:11px; font-weight:normal;}
.takvim_baslik{font-weight:bold; color:Maroon	; font-size:13px; }
.takvim_baslik a {font-weight:bold;}
.takvim_SecGun a {font-weight:bold; font-size:12px;}
.takvim_GunAdi{ background-color:#FFF5F5; }

/*Menu.aspx Bölümü */
.menu_div_icerik{ width:620px; height:100%;}/* #3B99F9 background-color:#dad9cf;*/
.menu_div_tarih {}

/*dlBlog - Sayfa Sayısı*/
#dlBlogSayfaDiv {padding-left:10px; margin:10px 0px 0px 0px;	} 
#dlBlogSayfaDiv a {	width: 22px; height: 23px; float: left; margin-right:4px; padding-top: 4px; padding-left: 0.9px; background-image: url(../App_Images/dbSayfaBG2.gif);	background-repeat: no-repeat; display: block; font-size: 11px; text-align: center; text-decoration: none;   	}	
.dlBlogSayfaBackground  { width: 22px; height: 23px; float: left; padding-top: 4px;	padding-left: 0.9px; margin-right:4px; background-image: url(../App_Images/dbSayfaBG2.gif); background-repeat: no-repeat; display: block; font-size: 11px; text-align: center;  text-decoration: none; }
.dlBlogSayfaBackgroundAktif { width: 22px; height: 23px; float: left; padding-top: 4px; margin-right: 4px; background-image: url(../App_Images/dbSayfaBG2.gif); background-repeat: no-repeat; display: block; font-size: 11px; text-align: center; font-weight: bold;  text-decoration: none; }


/*Galeri Albüm - Galeri*/
.Fotograf { background-color:Black; width:auto; padding:35px 20px 20px 35px;}

/* Galeri Yönetim Upload Paneli */
.content { 
text-align: left; 
width: 550px;
border:solid 5px #CBCAC6;
background-color:#f9f9f9;
padding: 20px 20px 40px 20px; 
font-family:Segoe UI, Arial,Verdana,Helvetica,sans-serif;
font-size: 80%;
margin: 0 auto; 
} 

/*************************************/
/******** Sol Menü *******************/
/*************************************/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	width:160px;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*************************************/
/******** Sol Menü *******************/
/*************************************/