@import url("html5reset.css");
@import url("navigation.css");

body{ color: #397393; font: 12px/16px Arial, "Lucida Sans", "Lucida Grande", "Helvetica Neue";}

a{ color:#0176bc; font-weight:bold; text-decoration:none; }
a:hover{ text-decoration:underline; }

/* Begin Fonts and Styles */
h1{ color: #2074a3; font-size: 18px; line-height: 24px; text-align: left;}
h2{ color: #2074a3; font-size: 12px; line-height: 14px; font-weight: bold;}
h5{ text-align: justify; color: #afafaf; }
h6{ font-size: 10px; color: #23769d;}

.gri-baslik{ color: #646464; font-size: 13px; line-height: 16px;}
.gri-yazi{ font-size:12px; text-align: justify; color: #afafaf;}
.kucuk-yazi{ font-size: 10px; color: #23769d;}

/* End Fonts and Styles */

/* Begin Containers */
#container{ width: 100%; height: 100%;}
#container1{ width: 100%; height: 213px; background: url(../images/header-bg.jpg) repeat-x;}
#container2{ width: 100%; background: #e7e7e7 url(../images/main-bg.jpg) repeat-x;}
#container3{ width: 100%; height: 100%; background:url(../images/footer-bg.jpg) repeat-x top;}
/* End Containers */

/* Begin Main Divs */
#header{ width: 920px; margin: 0 auto;}
#navigation{ width: 920px; margin:0 auto; background: url(../images/navigation-bg.jpg) repeat-x; height: 47px;}
#main{ width: 920px;  padding:20px 20px 40px 20px;  margin: 0 auto;}
#footer{ width: 920px; text-align: center; color: #0076c1; padding-top:30px; font: 11px/14px Arial, "Lucida Sans"; margin: 0 auto;}
/* End Main Divs */

/* Begin Lines and Heads */
.ikili-cizgi{ background: #0e75af url(../images/ikili-cizgi.jpg) repeat-x;  height: 7px; width: 100%;  margin-top:5px; margin-bottom:10px;}
.duz-cizgi{ border-bottom: 1px solid #afafaf; margin:5px 0px; }
.mavi-cizgi{ border-bottom: 3px solid #0e75af; margin:10px 0px; } 
.yesil-cizgi{ border-bottom: 3px solid #3dab7e; margin:10px 0px; } 
.yesil-baslik{ background-color: #3dab7e; padding-left: 10px; padding-top: 10px; padding-bottom:5px; color: #FFF; font-size: 14px; border-bottom:3px solid #d9d9d9; }
.mavi-baslik{ background-color: #0e75af; padding-left: 10px; padding-top: 10px; padding-bottom:5px; color: #FFF; font-size: 14px; border-bottom:3px solid #d9d9d9; }
/* End Lines and Heads */

.sol{ width: 470px; margin-right: 20px; float: left;  margin-bottom:20px; }
.sag{ width: 400px; float: right; margin-bottom:20px; margin-right:15px; }

.sol-serhan{ width: 504px; margin-right: 35px; float: left;  margin-bottom:20px;}
.sag-serhan{ width: 366px; float: right;  margin-bottom:20px;}

.sol-serbest{ background:#e7e7e7; width: 340px; height: 310px; float: left; padding:5px; border:5px solid #FFF; margin: -6px 6px 6px -6px; }
.sag-serbest{ background:#FFF; width: 500px; height: 320px; float: right; padding:5px; margin: -6px 6px 6px -6px; }
.uzun-yazi-serbest{ background: #e7e7e7; overflow: auto; height: 300px; width: 480px; padding-top: 10xp; padding: 10px;}

.sol-etkinlikler{ background-color: #FFF; padding: 5px; width: 350px; float: left; margin: -6px 6px 6px -6px; }
.sol-etkinlikler ul{ list-style-image:url(../images/ok-saga-yesil.jpg); padding-left:20px; }

.sag-etkinlikler{ background-color: #FFF; padding: 5px; width: 350px; float: left; margin: -6px 6px 6px -6px; }
.sag-etkinlikler ul{ list-style-image:url(../images/ok-saga-mavi.jpg); padding-left: 20px; }

.uzun-yazi-etkinlikler{ background: #e7e7e7; overflow: auto; height: 300px; width: 330px; padding-top: 10px; padding: 10px; }

.serhan-galeri{ background-color: #FFF; padding: 5px; width: 125px; float: left; margin: -6px 6px 6px -6px; }


.temizle{ clear: both;}
.uzun-yazi{ overflow: auto;  height:200px;  width: 100%;}

.golgeliimg { border: 1px solid #FFF; padding: 3px;	margin: 10px 5px 10px 5px; }

.ngg-galleryoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left; 
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
}

.ngg-gallery-thumbnail img {
	margin: -6px 6px -6px -6px;
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block; 
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	display:none;
}

.ngg-clear {
	clear: both;
}

#msg {display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent { color:#666; font-weight:bold; display:block; background:#eff4fa; border:2px solid #000066; border-left:none; padding:5px; min-width:50px; max-width:150px}