/* 
	Ruusupuu Finland
	Copyright Sami Puro / 2007.
*/



/* 		GENERAL			*/

HTML, BODY {
	margin: 0px;
	padding: 0px;
	background-color: #E5E7FF;
	color: #000000;
	font-size: 13px;
	font-family: tahoma, verdana, helvetica, sans-serif;
}

#MainSite {
	HEIGHT: 100%;
	WIDTH: 795px;
	MIN-WIDTH: 795px;
	MARGIN: 0 auto 0 auto;
}
.TopImageCorner {
	WIDTH: 29px;
	HEIGHT: 150px;
	FLOAT: LEFT;
	MARGIN: 0px;
	PADDING: 0px;
	OVERFLOW: HIDDEN;
}
#TopImage {
	FLOAT: LEFT;
	WIDTH: 737px;
	BACKGROUND: url("/layout/img/main_shadow_top.gif") no-repeat top left;
	HEIGHT: 138px;
	OVERFLOW: HIDDEN;
	PADDING-TOP: 12px;
	MARGIN: 0;
}
#ContentArea {
	clear: both;
	color: #416135;
	background-color: #ffffff;
	background-image: url('/layout/img/main_shadow.gif');
	background-repeat: repeat-y;
	width: 795px;
}
#PageContent {
	line-height: 150%;
	padding: 10px 20px 20px 10px;
}


#MainShadowBottom {
	FLOAT: LEFT;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	HEIGHT: 29px;
	WIDTH: 737px;
	BACKGROUND-IMAGE: url("/layout/img/main_shadow_bottom.gif");
	MARGIN-BOTTOM: 30px;
}
#MainShadowBottomRight {
	FLOAT: LEFT;
	WIDTH: 29px;
	HEIGHT: 29px;
	BACKGROUND-IMAGE: url("/layout/img/main_shadow_bottom_right.gif");
}
#MainShadowBottomLeft {
	FLOAT: LEFT;
	WIDTH: 29px;
	HEIGHT: 29px;
	BACKGROUND-IMAGE: url("/layout/img/main_shadow_bottom_left.gif");
}




/*		SUBMENU			*/

#SubMenuArea {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 157px;
	padding-left: 12px;
	color: #367414;
}
#SubMenuArea a {
	color: #367414;
}
#SubMenuArea a:hover {
	color: #ffffff;
}
#SubMenuArea td, #SubMenuArea form {
	margin: 0px;
	padding: 0px;
}
#SubMenuArea form {
	padding-top: 10px;
}
.SubMenuContent {
	background: url("/layout/img/submenu_bg.gif") right top;
	background-color: #ffffff;
}
.SubMenuContent ul {
	font-size: 12px;
	list-style: none;
	margin: 0px;
	padding: 5px 0 0 0;
}
.SubMenuContent li {
	width: 99%;
	margin: 0;
	border-bottom: 1px solid #E8F6CA;
}
.SubMenuContent li a {
	PADDING: 7px 0 7px 10px;
	text-decoration: none;
	DISPLAY: BLOCK;
}
.SubMenuContent li a:hover {
	text-decoration: none;
}
.SubMenuContent .Sub {
	WIDTH: 90%;
	MARGIN-LEFT: 5px;
	FONT-SIZE: 10px;
}
.SubMenuLower {
	BACKGROUND: url("/layout/img/submenu_bg_lower.gif") no-repeat left bottom;
	HEIGHT: 155px;
	MARGIN-TOP: -1px;
	BACKGROUND-COLOR: #FFFFFF;
}




/*		FOOTER			*/

#Footer {
	margin-left: 20px;
	width: 740px;
	FONT-SIZE: 10px;
	COLOR: #A9A9A9;
	BACKGROUND-COLOR: inherit;
}
#Footer a {
	COLOR: #A9A9A9;
	BACKGROUND-COLOR: inherit;
}
#Footer a:hover {
	COLOR: #000000;
	BACKGROUND-COLOR: inherit;
	TEXT-DECORATION: underline;
}




/*		MENU BAR		*/

#MenuBar {
	MARGIN-LEFT: 12px;
	WIDTH: 771px;
	OVERFLOW: HIDDEN;
	HEIGHT: 35px;
	COLOR: #000000;
	BACKGROUND-COLOR: #91BA36;
	BACKGROUND-IMAGE: url("/layout/img/menu_background.gif");
}
#MenuBar ul {
	PADDING: 0px;
	MARGIN: 0 0 0 5px;
	LIST-STYLE: NONE;
	WHITE-SPACE: NOWRAP;
}
#MenuBar li {
	FLOAT: LEFT;
	MARGIN: 1px 0 0 0;
	PADDING: 0px;
	BACKGROUND: url("/layout/img/menu_button2.gif") no-repeat right top;
}
#MenuBar a {
	DISPLAY: BLOCK;
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	PADDING: 9px 12px;
	BACKGROUND: url("/layout/img/menu_button1.gif") no-repeat left top;
}
* html #MenuBar a {
	WIDTH: 1%;
}
#MenuBar li:hover, #MenuBar li.sfhover, #MenuBar li:hover a {
	COLOR: #3C672F;
	BACKGROUND-POSITION: 100% -35px;
}
#MenuBar li:hover a, #MenuBar li.sfhover a {
	BACKGROUND-POSITION: 0 -35px;
}
#MenuBar #Active {
	BACKGROUND-POSITION: 100% -70px;
}
#MenuBar #Active a {
	BACKGROUND-POSITION: 0 -70px;
	PADDING-BOTTOM: 8px;
	COLOR: #FFFFFF;
}
#MenuBar #Active a:hover {
	COLOR: #3C672F;
}




/*		CONTENT		*/


#PageContent Select, #PageContent Input, #PageContent Textarea, #SubMenuArea Input {
	BACKGROUND-COLOR: #F2FFF2;
	COLOR: #367414;
	BORDER: #7F9DB9 SOLID 1px;
	MARGIN: 0 10px;
	PADDING: 1px;
}


P {
	padding: 0px;
	margin: 15px 0;
}
P A, P A:visited, a.Main {
	color: #324929;
	text-decoration: underline;
}
P A:hover, A.Main:Hover {
	color: #8D4840;
}


H1, H2, H3, H4, H5, H6 {
	FONT-FAMILY: tahoma, verdana, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	COLOR: #59AC38;
	MARGIN: 0 0 8px 0;
	PADDING: 8px 0 0 0;
	LETTER-SPACING: 0.5px;
}
H1 {
	FONT-SIZE: 190%;
	padding-bottom: 5px;
}
H2 {
	FONT-SIZE: 160%;
	padding-bottom: 5px;
}
H3 {
	FONT-SIZE: 150%;
}
H4 {
	FONT-SIZE: 120%;
	FONT-WEIGHT: bold;
}


IMG.BoxPic, .BoxPic {
	BORDER: 1px SOLID #3D5537;
}
.Fade, .MainFade {
	font-size: 90%;
	color: #888888;
}
.Super {
	font-size: 80%;
	vertical-align: 20%;
}
HR {
	BORDER: 0px;
	HEIGHT: 1px;
	BACKGROUND-COLOR: #708190;
	COLOR: inherit;
}
DIV.ErrorBox {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 90%;
	margin: 10px;
	padding: 2ex;
	border: 2px dashed red;
	color: red;
}
DIV.MsgBox {
	font-family: verdana, arial, helvetica, sans-serif;
	width: 90%;
	margin: 10px;
	padding: 2ex;
	border: 2px dashed green;
	color: green;
}






.MainSmall {
	FONT-SIZE: 9px;
}
.MainSmall2 {
	FONT-SIZE: 10px;
}
.MainSmall3 {
	FONT-SIZE: 11px;
}
.NoteBox {
	BORDER: 1px SOLID #3D5537;
	PADDING: 10px;
	COLOR: #0000FA;
	BACKGROUND-COLOR: #EFEFEF;
}
.NoteBox2 {
	BORDER: 1px SOLID #3D5537;
	PADDING: 10px;
	COLOR: #416135;
	BACKGROUND-COLOR: #EFEFEF;
	FONT-SIZE: 11px;
}
.NoteBox3 {
	BORDER: 1px SOLID #FF00FF;
	PADDING: 10px;
	COLOR: #FF00FF;
	BACKGROUND-COLOR: inherit;
}
.NoteBox4 {
	BORDER: 1px SOLID #0000FA;
	PADDING: 10px;
	COLOR: #0000FA;
	BACKGROUND-COLOR: inherit;
}
.NoteBox5 {
	BORDER: 1px SOLID #F9D02B;
	PADDING: 10px;
	COLOR: #416135;
	BACKGROUND-COLOR: inherit;
}






/*		CONTENT - FORMS (MAIN AREA)	*/

.MainFormField { 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #324150;
	BACKGROUND-COLOR: #F2FFF2;
	BORDER: #7F9DB9 SOLID 1px;
}
.MainFormButton { 
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #324150;
	BACKGROUND-COLOR: #F2FFF2;
	BORDER: #7F9DB9 SOLID 1px;
}
.MainFormCheckbox { 
	COLOR: #324150;
	BACKGROUND-COLOR: inherit;
}