body, html {
	height: 100%;
}

body {
	background-image:url(pics/bgpattern.jpg);
    	padding: 0px;
    	margin: 0px;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

#wrap {
    	margin: auto;
    	width: 920px;
    	padding: 0px;
}

#wrap_leftside {
background-image:url(pics/bgcontent.png);
	width: 644px;
	padding: 0px;
	float:left;
	background-color: green;
}

#wrap_rightside {
	width: 255px;
	padding: 0px;
	float:right;
	margin-top:20px;

}

#border_left {
    	width: 4px;
    	background-color: red;
    	padding: 0px;
    	height: 100%;
    	float:left;
	margin-left: 0px;
	background-image:url(pics/reuna_vasen.png);
	background-repeat:repeat-y;
}

#border_right {
    	width: 4px;
    	background-color: red;
    	padding: 0px;
    	height: 100%;
    	float:right;
    	margin-left: 504px;
	background-image:url(pics/reuna_oikea.png);
	background-repeat:repeat-y;
}

#content_wrap {
    	width: 600px;
    	background-color: #000000;
    	margin-left: 4px;
    	height: 100%;
}

#title {
    	width: 604px;
	height: 338px;
    	background-color: grey;
}

#content {
    	width: 604px;
    	background-color: #000000;
}

#copyright {
	background-color:#000000;
	color:#666666;
	font-size:9px;
	height:20px;
	margin-left:20px;
	padding-top:5px;
	text-align:center;
	width:604px;
}

#sidebar {
    	width: 50px;
    	background-color: grey;

}

#pushwrapper {
	height:auto !important;
	margin:0 auto 0 20px;
	min-height:840px;
}

		* {
			margin: 0;
			padding: 0;
		}
		#navigation {
			width: 604px;
			font-size: 14px;
			background-color: #000000;
			height: 30px;
			color: #C3B461;
		}
		#navigation ul {
			text-transform: uppercase;		
		}
		#navigation li {
			list-style-type: none;
			float: left;
			width: 74px;
			text-align: center;
		}
		#navigation a {
			color: #FFFFFF;
			text-decoration: none;
		}
		#navigation a:hover {
			font-style: italic;
			color: #C3B461;
		}


.push {
	height: 0px;
}

.sideslot {
	background-color:#FFFFFF;
	border:3px solid #C3B461;
	margin-bottom:10px;
	padding:5px;
	width:240px;
}

.txtjustify{text-align:justify;}
.txtleft{text-align:left;}
.txtcenter{text-align:center;}
.txtright{text-align:right;}

.more { font-size: 11px; }
.more a { }
.more a:hover { }
.moretext { display: none; }

.sideslot_links { font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; text-align:center;}
.sideslot_links a { font-size: 13px; color: #000000; font-weight: bold; text-decoration: none;}
.sideslot_links a:hover { font-size: 13px; color: #000000; font-weight: bold; text-decoration: none;}
.sideslot_links a:link { font-size: 13px; color: #000000; font-weight: bold; text-decoration: none;}
.sideslot_links a:active { font-size: 13px; color: #000000; font-weight: bold; text-decoration: none;}
.sideslot_links a:visited { font-size: 13px; color: #000000; font-weight: bold; text-decoration: none;}

.sideslot_shows_topic { 
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.sideslot_shows { 
	color:#000000;
}

.content_topic { font-size: 24px; color: #FFFFFF; text-align: center; font-weight: bold; }
.content_topic a{ font-size: 24px; color: #FFFFFF; text-align: center; font-weight: bold; }
.content_topic a:hover { font-size: 24px; color: #FFFFFF; text-align: center; font-weight: bold; }
.content_topic a:link { font-size: 24px; color: #FFFFFF; text-align: center; font-weight: bold; }
.content_topic a:active { font-size: 24px; color: #FFFFFF; text-align: center; font-weight: bold; }
.content_topic a:visited { font-size: 24px; color: #FFFFFF; text-align: center; font-weight: bold; }

a {
	color: #C3B461;
	text-decoration: none; 
}
a:link {
	color: #C3B461;
	text-decoration: none; 
}
a:visited {
	color: #C3B461;
	text-decoration: none; 
}
a:hover {
	color: #C3B461;
	text-decoration: none; 
}
a:active {
	color: #C3B461;
	text-decoration: none; 
}