body {  background:#e2e2e2; margin: 0 auto; font-family:Trebuchet MS, sans-serif; font-size:12px; }
h2 { margin:0px; height:0px; font-size:13px; }
#container1 { width:%100; height:154px; margin: 0 auto; text-align: left; background:#fff url('images/bg_header.gif');}
.header { width:960px; height:148px; margin: 0 auto; padding-top:6px; }

#container2{ width:%100; height:%100; margin: 0 auto; text-align: left; background:#fff url('images/bgmenu.jpg'); }
.menu{ width:960px; height:25px; margin: 0 auto;  font-family:Trebuchet MS, sans-serif; font-weight:bold; font-size:12px; padding-top:2px;}

#container2 .menu ul {list-style:none;margin:0;padding:0;}
#container2 .menu li {float:left;width:%100;margin:0;padding-right:2px;text-align:center;}
#container2 .menu li a {display:block;padding:5px 10px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #fff;}
#container2 .menu li a {background:url('images/bg.jpg') repeat 0 0;}
#container2 .menu li a:hover, li a:focus, li a:active {background-position:-150px 0;}
#a a {background:url('images/bg.jpg') repeat -20px 35px;}
	
#container3{ width:%100; height:%100; margin-top:5px; text-align: left; background:#000 url('images/flashbg.jpg') repeat-x; }
.ortala{ width:960px; height:200px; margin: 0 auto; text-align: left; background:#000; }
.flash{ width:705px; height:200px; margin: 0 auto;  background:#006633; float:left; }
.slideshow a { display: block; width: 705; height: 200; top: 0; left: 0 }
#containerside{ width:960px; height:%100; margin: 0 auto; text-align: left; background:#000 url('images/flashbg.jpg') repeat-x; }
.sidebar{ width:255px; height:%100; margin: 0 auto; text-align: left; background:red; float:right; }

#container4{ width:960px; height:%100; margin: 0 auto; text-align: left; }
.orta{ width:670px; height:%100; margin: 0 auto; padding: 10px 15px 10px 20px; background:#fff url('images/ortabg.jpg') repeat-x; border-bottom:1px solid #e2e2e2; float:left;}
.orta2{ width:255px; height:507px; margin: 0 auto; background:#e2e2e2 url('images/sidebg.jpg') repeat-x; border-top:1px solid #000; float:right; }
.sayfaorta{ width:%100; height:%100; margin: 0 auto; padding: 15px 15px 10px 20px; background:#fff url('images/ortabg.jpg') repeat-x; border-top:1px solid #000; float:left;}
.sayfaside{ width:255px; height:%100; margin: 0 auto; padding-right:0px; padding-bottom: 25px; background:#fff url('images/ortabg.jpg') repeat-x; border-top:1px solid #000; float:right; }
.sayfaorta ul { margin-left: 0px; padding-left:0px; list-style:none; }
.sayfaorta li { margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px dotted #aaa; cursor: default; }
.sayfaorta li:hover { margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px dotted #000033; color:#000062 }
.iletisim{ width:%100; height:%100; margin: 0 auto; padding: 15px 15px 10px 20px; background:#fff url('images/iletisim.jpg') repeat-x; border-top:1px solid #000; float:left;}
.iletisimorta{ width:670px; height:%100; margin: 0 auto; padding: 10px 15px 10px 20px; background:#fff url('images/iletisim.jpg') repeat-x; border-bottom:1px solid #e2e2e2; float:left;}

#container5{ width:960px; height:%100; margin: 0 auto; text-align: left; clear:both; font-size:11px;}
.footer{ width:%100; height:55px; margin: 0 auto; background:#fff url('images/footer.jpg');  color:#000; border-bottom:0px solid #e2e2e2; padding-top:200px; padding-left: 15px;}
.harita { float: right; padding-right:15px; text-decoration:underline;}
.footer a { color:#000; }
#container6{ width:%100; height:40px; margin-bottom:0px; text-align: left; background:#000 url('images/footerbg.jpg') repeat-x; }
.enalt{ width:960px; height:40px; margin: 0 auto;  font-family:Trebuchet MS, sans-serif; font-weight:bold; font-size:12px; }

#pane2 {	width:%100; height: 60px;}
.duyuru {	background-color: #000033;	border: 1px solid #fff;	height: %100;	overflow: hidden;	margin: 3px; 	padding: 5px;	width: %100;	color:#fff; }

.tweet {	background-color: #330033;	border: 1px solid #fff;	height: %100;	overflow: hidden;	margin: 3px; 	padding: 5px;	width: %100;	color:#fff; }
.email { width:%100; height:78px; padding-left:4px; background-color:#fff; }
.dil { float:right; padding-top:5px; padding-right:5px; }

/* @group FEATURED EVENTS */
#secondaryContent { padding-left: 10px; border-left:0px solid #000033; margin-top:10px; }
#featured-events			{ position:relative; width:%100; margin-bottom:10px;} 
#secondaryContent h2		{ margin:0; font-size:14px; color:#000033; padding-bottom:2px; border-bottom:1px solid #000033; height:16px;}
#secondaryContent .all		{ 
							  display:block; width:88px; height:13px; background:url(images/tumu.jpg) no-repeat; text-indent:-999em; 
							  position:absolute; top:4px; right:3px;
							}
#recent-sermons .play:focus,
#featured-articles .go:focus,
#featured-articles .notes:focus,
#secondaryContent .all:focus{ outline:none; }

#featured-events h4			{ font-size:12px; margin:0; }
#featured-events h4 a		{ color:#2f2d28; text-decoration:none; }
#featured-events h4 a:hover	{ text-decoration:underline; }
#featured-events p			{ font-size:11px; color:#2f2d28; margin-top:4px; margin-bottom:2px; padding-right:2px;}
/* @end */

/* @group RECENT SERMONS */
#recent-sermons,
#featured-articles,
#mediabox					{ position:relative; width:%100; margin-bottom:10px; clear:both; }
.sermon						{ position:relative; border-bottom:1px solid #000033; padding:9px 0; }
.sermon h4					{ font-size:1.2em; margin:0; }
.sermon h4 a				{ color:#2f2d28; text-decoration:none; }
.sermon h4 a:hover			{ text-decoration:underline; }
.sermon p					{ font-size:1.1em; color:#2f2d28; margin:0; padding-top: 2px; }
.sermon .play				{ 
							  position:absolute; top:15px; right:0; display:block; width:57px; height:21px; 
						  	  background:url(/images/play_btn.gif) no-repeat; text-indent:-999em; 
						  	}
/* @end */

img { border:0px; }
.slideshow { height: 200px; width: 705px;  overflow:hidden; }