/**
* Template by emowes.com               *
* @version 1.0                         *
* @copyright (C) 2007 - Jani Peltonen  *
* @web http://www.emowes.com           *
**/

/***This css file manages the asthetic layout,
dimensions etc***/


.relative {
position: relative;
}

.liput {
position: absolute;
left: 0px;
top: 10px;
}

#top {
height: 33px;
width: 1000px;
padding: 0;
margin: 0;
}

#kielet {
margin: 0;
float: right;
padding: 8px 18px 0 0;
height: 23px;
width: 82px !important;
width: 100px;
}

#top_menu {
height: 33px;
line-height: 33px;
width: 400px;
padding: 0;
margin: 0;
float: right;
}

#main {
width: 1000px;
height: 670px;
margin: 0;
padding: 0;
}

#left {
margin: 0;
padding: 0;
width: 344px;
height: 670px;
float: left;
}

#center {
margin: 0 0 0 0;
padding: 0;
width: 640px;
height: 670px;
float: left;
}

#content {
padding: 0;
width: 630px;
height: 670px;
margin: 0 5px 0 5px;
}

#right {
width: 306px;
height: 670px;
float: left;
padding: 0px;
margin: 0 0 0 10px;
}

#user4 {
width: 300px;
height: 370px;
margin: 0;
padding: 0 0 0 0;
}

#user5 {
padding: 0;
width: 300px;
height: 300px;
}

#bottom {
margin: 0;
padding: 0;
width: 1000px;
height: 33px;
}




#top_shelf_left {

float: left;

width: 236px;

padding: 0 5px 0px 5px;

margin-left: 10px;

display:inline;

}



* html body #top_shelf_left {

width: 246px;

}



#top_shelf_center {

float: left;

width: 236px;

padding: 0 5px 0px 5px;

margin-left: 10px;

}



* html body #top_shelf_center {

width: 246px;

}



#top_shelf_right {

float: left;

width: 236px;

padding: 0 5px 0px 5px;

margin-left: 10px;

}



* html body #top_shelf_right {

width: 246px;

}



#top_seperator {

background: url(../images/top_seperator_bg.gif) no-repeat;

width: 780px;

height: 20px;

}



#content_wrap {

width: 780px;

overflow: auto;

}



#sidebar {

float: left;

width: 190px;

margin-left: 10px;

padding: 0 5px 5px 5px;

margin-top: -7px;

display: inline;

}



* html body #sidebar {

width: 200px;

}



#pathway {

float: left;

width: 538px;

margin-left: 11px;

padding: 5px;

}



* html body #pathway {

width: 549px;

}



#main_content {

float: left;

width: 530px;

padding: 10px;

margin-left: 10px;

}



* html body #main_content {

width: 550px;

}



#bottom_seperator {

background: #fff url(../images/bottom_seperator_bg.gif) no-repeat;

width: 780px;

height: 6px;

}



#footer  {

background: url(../images/footer_bg.gif) repeat-x;

border-top: 3px solid white;

width: 780px;

height: 56px;

margin: 0 auto;

clear:both;

padding-top: 22px;

}



#footer_shadow {

background: url(../images/footer_shadow_bg.jpg) repeat-x;

height: 52px;

width: 780px;

margin: 0;

padding: 0;

}