body {
	margin: 0;
	background-color: white;	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: black;
}

img{
	border: none;	
}

p{
	margin: 0px;
	padding: 0px;	
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}


a, a:visited, a:hover, a:active {
	text-decoration: none;
	color: black;
	/*color: #C0BFBF;*/
}

a:hover {
	background: none;
}

/* Page */

#page {
	width: 960px;
	margin: 0 auto;
        /*background-color: red;*/
}

/* Header */

#header {
	width: 960px;
	height: 250px;
	margin: 0 auto;
	background: white url('css_images/tapettiLIME.jpg') no-repeat right top;
}


.header_childlink{
    display: block;
    width: 160px;
    padding-left: 30px;
    padding-top: 20px;	
}

.header_childlink a{
    display: block;
    height: 80px;
	width: 160px;
}

.header_menu{
    display: block;
    width: 160px;
    padding-left: 30px;
    padding-top: 11px;	
}

.header_menu a{
    display: block;
    height: 24px;
    border: white solid 2px;
    margin-bottom: 6px;
    padding-left: 6px;
    font-size: 12px;
    color: black;
    /* background-color: white;*/
    line-height: 22px;
    /*font-weight: bold;*/
}

.header_menu a:hover{
    color: white;
    /* background-color: gray; */
    border: black solid 2px;
}

.header_menu #gray a{ background-color: white; }
.header_menu #gray a:hover{ background-color: gray; }
.header_menu #green a{ background-color: #eef19a; }
.header_menu #green a:hover{ background-color: #8d9804; }
.header_menu #lime a{ background-color: #eef19a; }
.header_menu #lime a:hover{ background-color: #8d9804; }
.header_menu #yellow a{ background-color: #fadfa8; }
.header_menu #yellow a:hover{ background-color: #df9a0e; }
.header_menu #pink a{ background-color: #f2d0d1; }
.header_menu #pink a:hover{ background-color: #d04044; }
.header_menu #blue a{ background-color: #c2e5f1; }
.header_menu #blue a:hover{ background-color: #1aaabb; }
.header_menu #red a{ background-color: #d38864; }
.header_menu #red a:hover{ background-color: #a80700; }

#login_flash {
	display: block;
        margin-top: 30px;
        margin-right: -10px;
	width: 230px;
	height: 230px;
	float: right;
}


#panel_flash{
	display: none;
	width: 0px;
	height: 0px;
}  

#header > #panel_flash{
	display: block;
        margin-top: 10px;
        margin-right: 270px;
	width: 230px;
	height: 120px;
	float: right;		
}

/* Left column */

#left_column{
    display: block;
    float: left;
    width: 180px;
    padding-left: 10px;
}

#page_menu{
    display: block;
    padding-left: 20px;
    padding-top: 0px;
}

#page_menu a{
    font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
    display: block;
    height: 24px;
    margin-bottom: 6px;
    padding-left: 6px;
    font-size: 14px;
    color: white;
    background-color: gray;
    line-height: 22px;
    font-weight: bold;
}

#page_menu a:hover{
    color: black;
    background-color: black;
}

#help{
    padding-top: 10px;
}

#help a{
	display: block;
	width: 181px;
	height: 181px;
	text-decoration: none;
	background-image: url(css_images/pelipallo.jpg);
}

#help a:hover{
		background-image: url(css_images/pelipallo_hover.jpg);
}

#banner_left{
    padding-top: 15px;
    text-align: right;
}

#right_column{
    display: block;
    float: left;
    width: 760px; /* 760 */
    /*background-color: gray;*/
    margin-left: 10px;
}



/* Main */

#main {
	width: 976px; /* 960 */
        margin-top: 20px;
	/*background-color: yellow;*/
}

/* Content */

#content {
        display: block;
	float: left;
	width: 760px;
	padding-top: 0px;
	font-size: 13px; 	
	/*background-color: green;*/
}

#content p{
	display: block;
	line-height: 16px;		
	padding-top: 6px;
	padding-bottom: 6px;
}

#content a, #content a:visited, #content a:active{
	color: #1c7900;
	text-decoration: underline;
}

#content a:hover{
	color: black;
}

#box {
    display: block;
    float: left;
    width: 180px;
    height: 300px;
    margin-right: 10px;
	color: black;
}

#linkbox a, #linkbox a:visited, #linkbox a:hover{
	display: block;
	text-decoration: none;
	color: black;
}

#linkbox a:hover{
	color: white;
}

#box h1{
    height: 24px;
    font-size: 19px;
    letter-spacing: -0.02em;
    color: white;
    font-weight: normal;
    text-align: center;
}

#box p{
    /*display: block;*/
    padding: 10px;
	/*font-size: 13px;*/
	line-height: 22px; 
}

#box #boxcontent{ 
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	height: 270px;
	border: 3px double gray;	
	
}

#box #boxcontent p, #box #boxcontent h2{ 
	font-size: 16px;
	font-weight: normal;
}

#box #frontbottomboxcontent{ 
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
  font-size: 10pt;
	text-align: center;
	display: block;
	height: 120px;
  margin-top: 20px;
  /*background-color: #d7dc6e;*/
  background-image: url('css_images/frontbottombox_lime.gif');	
}

.bluebox #box { background-color: #d3e8f2; }
.bluebox #box h1{ background: #8fc7e0 url('css_images/boxtop_blue') no-repeat left top; }
.bluebox #box #boxcontent{ border-color: #8fc7e0; }

.pinkbox #box { background-color: #e8ced2; }
.pinkbox #box h1{ background: #c8818b url('css_images/boxtop_pink') no-repeat left top;}
.pinkbox #box #boxcontent{ border-color: #c8818b; }

.yellowbox #box { background-color: #f4e4bb; }
.yellowbox #box h1{ background: #e6bd50 url('css_images/boxtop_yellow') no-repeat left top;}
.yellowbox #box #boxcontent{ border-color: #e6bd50; }

.greenbox #box { background-color: #ced8bd; }
.greenbox #box h1{ background: #859f56 url('css_images/boxtop_green') no-repeat left top;}
.greenbox #box #boxcontent{ border-color: #859f56; }

.redbox #box { background-color: #cb744f; }
.redbox #box h1{ background: #a51300 url('css_images/boxtop_red') no-repeat left top;}
.redbox #box #boxcontent{ border-color: #a51300; color: white; }

.limebox #box { background-color: #eef19a; }
.limebox #box h1{ background: #becd00 url('css_images/boxtop_lime') no-repeat left top; }
.limebox #box #boxcontent{ border-color: #becd00; }

#tausta_blue, #tausta_sininen{
	float: right;
	display: block;
	margin: 0px;
	margin-top: 25px;
	padding: 10px;
	background-color: #e4eff5;
	width: 550px;	
}

#tausta_lime{
	float: right;
	display: block;
	margin: 0px;
	margin-top: 25px;
	padding: 10px;
	background-color: #eef19a;
	width: 550px;	
}

#tausta_valkoinen, #tausta_white{
	float: right;
	display: block;
	margin: 0px;
	margin-top: 25px;
	padding: 10px;
	background-color: white;
	width: 550px;	
}

#tausta_keltainen, #tausta_yellow{
	float: right;
	display: block;
	margin: 0px;
	margin-top: 25px;
	padding: 10px;
	background-color: #f4e4bb;
	width: 550px;	
}

#tausta_pinkki, #tausta_pink{
	float: right;
	display: block;
	margin: 0px;
	margin-top: 25px;
	padding: 10px;
	background-color: #e8ced2;
	width: 550px;	
}

#tausta_vihrea, #tausta_green{
	float: right;
	display: block;
	margin: 0px;
	margin-top: 25px;
	padding: 10px;
	background-color: #ced8bd;
	width: 550px;	
}

#scrollblock, #vieritys{
	float: right;
	display: block;
	margin: 0px;
	padding: 10px;
	background-color: white;
	overflow: auto;
	width: 530px;
    height: 234px;
}

#smallbox{
	display: block;
	float: left;
}

#smallbox a, #smallbox a:hover, #smallbox a:visited{
	display: block;
	width: 128px;
	padding: 5px;
	margin: 2px;
	height: 125px;
	text-decoration: none;
	background-color: #d3e8f2;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
	background-repeat: no-repeat;
	background-position: bottom right;
}


#smallbox a:hover{
	background-color: #8fc7e0;
	color: white;
}

#smallthemebox{
	display: block;
	float: left;
}

#smallthemebox a, #smallthemebox a:hover, #smallthemebox a:visited{
	display: block;
	width: 180px;
	padding: 5px;
	margin: 0px;
        margin-left: 50px;
	height: 100px;
        margin-bottom: 18px;
	text-decoration: none;
	background-color: white;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
}


#smallthemebox a:hover{
	background-color: #f4e4bb;
	color: black;
}


#smallsisubox{
	display: block;
	float: left;
}

#smallsisubox a, #smallsisubox a:hover, #smallsisubox a:visited{
	display: block;
	width: 110px;
	padding: 5px;
	margin: 5px;
	height: 26px;
	text-decoration: none;
	background-color: #ced8bd;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
        text-align: center;
}


#smallsisubox a:hover{
	background-color: #859f56;
	color: white;
}


#small20box{
	display: block;
	float: left;
}

#small20box a, #small20box a:hover, #small20box a:visited{
	display: block;
	width: 150px;
	padding: 5px;
        padding-top: 10px;
	margin: 5px;
	height: 127px;
	text-decoration: none;
	background-color: #eef19a;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
        text-align: center;
}


#small20box a:hover{
	background-color: #becd00;
	color: white;
}

#linkboxes_yellow a, #linkboxes_yellow a:hover, #linkboxes_yellow a:visited{
	display: block;
	float: left;	
	width: 260px;
	padding-top: 10px;
	margin: 3px;
	height: 30px;
	text-decoration: none;
	background-color: white;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
        text-align: center;
}

#linkboxes_yellow a:hover{
	background-color: #e6bd50;
	color: white;
}

#linkboxes_lime a, #linkboxes_lime a:hover, #linkboxes_lime a:visited, #linkboxes_blue a, #linkboxes_blue a:hover, #linkboxes_blue a:visited{
	display: block;
	float: left;	
	width: 138px;
	padding-top: 6px;
	margin: 2px;
	height: 35px;
	text-decoration: none;
	background-color: #eef19a;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
        text-align: center;
}

#linkboxes_lime a:hover{
	background-color: #becd00;
	color: white;
}

#linkboxes_blue a, #linkboxes_blue a:hover, #linkboxes_blue a:visited{
	background-color: #c2e5f1;
}

#linkboxes_blue a:hover{
	background-color: #1aaabb;
	color: white;
}


#lifebox{
	display: block;
	float: left;
        margin-left: 40px;
}

#lifebox a, #lifebox a:hover, #lifebox a:visited{
	display: block;
	width: 200px;
	padding: 5px;
	margin: 10px;
        margin-top: 25px;
        margin-bottom: 0px;
	height: 264px;
	text-decoration: none;
	background-color: white;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
}


#lifebox a:hover{
	background-color: #e8ced2;
	color: black;
}

#sub_menu{
    display: block;
}

#sub_menu #block{
    display: block;
    float: left;
    height: 85px;
    width: 85px;
	margin: 0px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;

}

#sub_menu #block a{
	display: block;
    font-size: 14px;
    color: black;
	margin: 0px;
    height: 85px;
    width: 85px;	
	background-image: url('buttons/button_lime.gif');
}

#sub_menu #block a:hover{
	background-image: none;		
}

#admin {	
	display: block;
	padding: 10px;
	border: 2px solid rgb(100,0,0);
}

#admin a{
	text-decoration: underline;
	color: blue;
}

/* Discussion */

#discussion {
	display: block;
}

.diary{
	display: block;		
	width: 380px;	
	float: left;	
}

#discussion .messages {
	display: block;		
	width: 570px;	
	float: right;	
}

.diary #discussion .messages {
	display: block;		
	width: 370px;	
	float: left;	
}

#discussion #buttons {
	display: block;
	padding: 5px;
	text-align: right;
}

.diary #discussion #buttons{
	float: left;
	clear: both;
}

#discussion #buttons input{
	padding: 3px;
	font-size: 13px;
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	background-color: #8d9804;
	color: white;
}

#discussion #messageblock {
	display: block;
	padding: 5px;
	margin: 4px;
	min-height: 120px;
	text-align: left;
	border: 2px solid rgb(200,200,200);
	background-color: #e4eff5;
}

.diary #discussion #messageblock {
	display: block;
	padding: 5px;
	margin: 0px;
	text-align: left;
	background-color: #eef19a;
}


#discussion #messageblock #message{
	display: block;
	padding: 10px;
	background-color: white;
}

#discussion .hidden #messageblock {
	border: 2px dashed gray;
	background-color: gray;
}

#block{
	display: block;
	margin: 10px;
}

#gallery #pictureblock {
	display: block;
	float: left;
	font-size: 9px;
	text-align: left;
}

#gallery input {
	font-size: 9px;
	text-align: left;
}

#gallery .hidden #pictureblock{
	background-color: gray;
}

/* Footer */

#footer {
	width: 960px;
	height: 24px;
	margin: 0 auto;
	padding: 0;
	color: white;
}

#footer p {
        padding-left: 15px;
	padding-top: 35px;
	margin: 0;
	line-height: normal;
	font-size: 10px;
	/*text-transform: uppercase;
	text-align: center;*/
}

#footer a {
	color: white;
        padding-left: 20px;
}

#footer a:hover{
        text-decoration: underline;
}

#right {
        float: right;
}

td, th { 
	text-align: left; vertical-align: top;
}

.bordertable td{
	padding: 5px;
	border: 1px solid rgb(200,200,200);
}

.privatemessages{ 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	float: left;
	display: block;
	width: 906px;
	padding: 20px;
	margin-bottom: 20px;
	border: 6px solid #9A3;
        line-height: 19px;
}

.privatemessages p{
    padding-top: 15px;
}

.thickbox small{
	font-size: 12px;
}