#banner {
position: relative; /* Do not change this value */
width:968px;
height: 272px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
z-index:200;
}

#upcoming {
	float:left;
	width:299px;
	position:relative;
	height:300px;
	overflow:hidden;
}

#banner .glidecontent{ /*style for each glide content DIV within wrapper.*/
left:0;
position: absolute; /* Do not change this value */
background: #10689B;
visibility: visible;
width: 730px;
float:left;
z-index:2;
}

#banner .glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 240px;
height:272px;
position:absolute;
right:0; 
background:#10689B;
text-align: left; /*How to align pagination links: "left", "center", or "right"
background: #89AED3; /*always declare an explicit background color for fade effect to properly render in IE*/
z-index:2px;
}

	#banner .glidecontenttoggler h3.image {
		color:#8e8e8e;
		padding:17px 0 11px 8px;
		background:none;
	}
	
#banner .glidecontenttoggler a{ /*style for every navigational link within toggler */
display:block;
color: #d9d9d9;
padding:5px 0px 0 6px;
height:49px;
border-top:1px solid #C7DBEE;
width:235px;
font-family:Arial;
font-size:1.1em;
overflow: hidden;
text-decoration: none;
}

	#banner .glidecontenttoggler a strong {
		color:#fff;
		display:block;
		font-size:1.2em;
	}

#banner .glidecontenttoggler a:hover, #banner .glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #0C496D;
border-top-color:#595959;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */}
#banner .glidecontenttoggler a.prev, #banner .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
display:none;
color:#ff0000;
}
.banner-title {
	height:300px;
	width:298px;
	float:left;
	text-align:left;
	position:relative;
	/*color:#fff;*/
}
.banner-title a{font-style:normal;}
	.headline {
		float:left;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
	}
	.banner-title h1 {padding:15px 20px 0 10px;margin:0;font-family:Arial;font-size:12px;color:#fff;position:relative;top:5px;left:0;z-index:2;}
	.banner-title h2 {padding:15px 20px 0 10px;margin:0;font-family:Arial;font-size:18px;color:#fff;position:relative;top:25px;left:0;z-index:2;font-style:normal;}
	.banner-title h3 {padding:15px 20px 0 10px;margin:0;font-family:Arial;font-size:12px;color:#fff;position:relative;top:30px;left:0;z-index:2;font-style:normal;}	
	.banner-title h4 {padding:15px 30px 0 10px;bottom:0;font-family:Arial;font-size:12px;color:#fff;position:relative;top:30px;left:0;z-index:2;}	
	.banner-title .dosyagrup {position:absolute;bottom:30px;right:0px;z-index:2;width:318px;}	
	.banner-title .pdf {bottom:0;right:0;z-index:2;float:right}	
	.banner-title a {
		/*position:absolute;*/
		position:relative;
		font-weight:bold;
		font-style:italic;
		z-index:0;
		border:0px;
		height:23px;
		/*background:url(devam.gif) 0 0;*/
	}
	
	.banner-title a:hover {
		background-position:0 100%;
	}

.banner-image {
    margin-top:2px;
	margin-right:-1px;
	float:right;
	width:428px;
	height:268px;
	border:0px;
}