/* Layout Stylesheet */ 

body {
	margin:0px;
	background:#FDFDFD;
	color: #000;
	text-align:center;
	padding:0;

 	background-image: url('../images/tausta.gif');
	background-repeat: repeat-x;
	font-size: 75%;	
	font-weight: normal;
	font-style: normal;
	text-align: left;
	font-family: Lucida, verdana, helvetica;
}

#outer {
	text-align:left;
	border:0px solid #000000;
	width:812px;
	margin:auto;
	background: #fff;
	background-image: url('../images/container.gif');
	background-repeat: repeat-y;
}

#logout_bar {
	height:30px;
	background:#fff;
	border: 0px;
	margin-left: 6px;
	margin-right: 6px;
	color: #000;
	text-align: right;
}

#hdr {
	height:86px;
	margin-left: 6px;
	margin-right: 6px;
	background:#fff;
	background-repeat: no-repeat;
	background-image: url('../images/banner.gif');
}
#ylaotsikko
{
        border: 0px;
        width: 800px;
        height:86px;
        margin-left: 6px;
        margin-right: 6px;
        background:#fff;
        background-image: url('../images/bannner.gif');
        background-repeat: no-repeat;

}
/* ===== horizontal buttons under the header image =========== */
#bar {
	width: 800px;
 	height:19px;
 	color: #fff;
 	border: solid #000000;	
 	border-width: 1px 0 1px 0;
 	margin-left: 6px;
 	margin-right: 6px; 
	background-color: #BEB8A8;
 	cursor: pointer;
 	
	line-height: 14pt;
	font-weight: normal;
	font-style: normal;
 	text-align: center;
	font-family: Lucida, Arial, Verdana;
}

#bar A:link {text-decoration: none;}
#bar A:active {text-decoration: none;}
#bar A:visited {text-decoration: none;}

.btn
{
	float:left;
	width: 112px;
 	height:19px;
	border: solid #000000;	
 	border-width: 0px 1px 0px 0px;
 	/* background-image: url('../images/button_large.gif'); */
	background-repeat: no-repeat;
}

/* ============================================================= */

#bodyblock {
	position:relative;
	background: #fff;
	width: 798px;
	margin-left: 6px;
	margin-right: 6px;
	color: #000;
	background-image: url('../images/body_tausta.jpg');
	background-repeat: repeat-y;
}

#bodyblock_no_left_navigation {
	position:relative;
	background: #fff;
	width: 800px;
	margin-left: 6px;
	margin-right: 6px;
	color: #000;
	font-size: 75%;
}
#left_side 
{
	float:left;
	width:120px;
	color: #fff;
}
html>body #left_side
{
	/* Mozilla and Safari */
	width: 123px;
}
.left_side_btn
{
	background-color: #BEB8A8;
	height: 20px;
	width: 120px;
	border-color: #fff;
	border-bottom: 1px ridge;

	text-align: center;
	vertical-align: middle;
}

.left_side_btn_on
{
	background-color: #C4C0B7;
	height: 20px;
	width: 120px;
	border-color: #fff;
	border-bottom: 1px ridge;

	vertical-align: middle;
	text-align: center;
	color: #fff;
	text-decoration: underline;
}


.left_side_title 
{
	width: 123px;
	height: 16px;
	background-image: url('../images/left_side_title.gif');
	background-repeat: no-repeat;
	 
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	text-align: center;
	text-shadow: #5F5F5F 1px -2px 2px;
	font-family: arial, verdana;
}
/* ========= news =========== */
.news_date
{
	font-size: 80%;
	color: #999999;
}
.news_headline
{
	margin-left: 5px;
	margin-right: 5px;
}

/* ======== content and the footer ======== */
.submit_boxes
{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.submit_box
{
	margin-left: 100px;
	float: left;
}
.month_row
{
        color: #fff;
        padding: 2px;
        background-color: #616161;
}
#letter_wrapper
{
	text-align: center;
	width: 640px;
	padding-bottom: 20px;
}
.letter
{
	height: 16px;
	padding: 4px;
	border: 1px solid black;
	background-image: url('../images/letter.gif');
	background-repeat: repeat-x;
	background-color: #909090;
}
.list_table
{
	margin: 0px;
	padding: 0px;
	cursor: default;
}
.text_box_dark
{
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	color: #fff;
	padding: 2px;
	background-color: #616161;
}
.text_box
{
	border: solid 1px #6e6e6e;
	background-color: #E1E1E1;
	padding: 2px;

}
.error_text
{
	color: #9B2626;
	background-color: #fff;
}
.error
{
	color: #9B2626;
	background-color: #fff;
}
.warn
{
	color: #9B2626;
	background-color: #fff;
}
.headline 
{
	margin-top: 15px;
	margin-bottom: 15px;
	
	background-image: url('../images/headline.gif');
	background-repeat: repeat-x;
	
	text-align: left;
	text-indent: 15px;
	line-height: 15px;
	font-weight: bold;
}

#content {
	width:642px;
	height: 100%;
	text-align:left;
	padding-top: 15px;
	padding-bottom: 50px;
	margin-right: 15px;
}

#content_no_left_navigation {
	width: 765px;
	text-align:left;
	padding-top: 15px;
	margin-right: 17px;
	font-size: 130%;
}
#content_bbs {
	width: 765px;
	text-align:left;
	padding-top: 15px;
	margin-right: 15px;
	font-size: 175%;
}
#ftr {
	font-size: 1px;
	height:1px;
	background:#8D9096;
	margin-left: 6px;
	margin-right: 6px;
}
	
/* ========  linkit ========*/

a, a:link, a:visited, a:active
{
	color: #000;
	background-color: transparent;
	text-decoration: underline;
	font-family: Lucida, Arial, Verdana;
}

a:hover
{
	text-decoration: none;
	color: #FD7279;
	background-color: transparent;
	font-family: Lucida, Arial, Verdana;
}