@import url("editor_vellamo.css");
@import url("services.css");
@import url("news_syndicate.css");
@import url("activecalendar.css");*/

body {
	background-color: #efefef;
}

/* WRAPPER */
#wrapper {
	width: 677px;
	padding: 50px;
	margin: 10px auto 0 auto;
	background: url(../gfx/vellamo_wrapper.gif) repeat-x;
	background-color: #0565b1;

}
/* HEADER */
#header {
	height: 308px;
	width: 677px;
	position: relative;
	background: url(../gfx/vellamo_logo.jpg) no-repeat;	
	background-color: white;

}
	/* Pää valikko */
	#header #top_navigation {
		position: absolute;
		top:60px;
		left: 10px;
		width: 657px;
		min-height: 248px;
		background: url(../gfx/vellamo_navigation.jpg) no-repeat;
	}
		#header #top_navigation ul{
			margin: 0;
			padding-left:20px;
			padding-top: 15px;
			background: url(../gfx/vellamo_navi_back.jpg) no-repeat;
			background-color: #2c5a8c;
			width: 302px;
		}
		#header #top_navigation  ul li{
			list-style: none;
		}
		#header #top_navigation  ul li.last{

		}
		#header #top_navigation  ul li.active{

		}
		#header #top_navigation  ul li a{
			width: 263px;
			height: 27px;
			font-size: 14px;
			padding: 14px 0 0 32px;
			color: white;
			text-decoration: none;
			text-transform: uppercase;
			display: block;
			background: url(../gfx/vellamo_navi_button.jpg) no-repeat left;
			overflow: hidden;
		}
		#header #top_navigation  ul li a.active{
			font-weight: bold;
		}
		#header #top_navigation  ul li a:hover{
			text-decoration: underline;
		}
		#header #top_image{
			position: absolute; top: 0; right:0;
			overflow: hidden;
			width: 334px;
			height: 248px;
		}
		#header #top_image .htmldata_controls{
			position: absolute;
			right: 15px;
			bottom: 15px;
		}

/* MAIN */
#main {
	background-color: #fff;
	overflow: hidden;
	zoom: 1;
}

#content {/* CONTENT */
	float: left;
	padding: 15px;
	width: 645px;
	overflow: hidden;
}
#left{
	width: 240px;
	float: left;
	border-right: solid 1px #a8a8a8;
	padding-right:15px;
	margin: 15px 0px 15px 15px;
	overflow: hidden;
}
#right{
	width: 390px;
	float: left;
	overflow: hidden;
}
#top{
	border-bottom: solid 1px #a8a8a8;
	margin: 15px 15px 0 15px;
	padding-bottom:  15px;
}
#bottom{
	margin: 15px;
	
}
/* EMEDIA SIGNATURE */
#signature {
	margin: 2px auto;
	width: 777px;
}
#signature, #signature a {
	color: #a5a5a5;
	font-family: Verdana, Arial;
	font-size: 9px;
	line-height: 16px;
	text-align: right;
}
#signature a {
	text-decoration: none;
	font-weight: bold;
}
.ext{
	clear: both;
}
.cascade{
    filter:alpha(opacity=70);
    opacity:.70;
}