/*munkki*/
body
{
margin: 0px auto;
padding:0;
font:76% Verdana, Helvetica, Tahoma, Arial, sans-serif;
background-color:#B0A79E;
color:#000000;
}

img {
	border: none;
}

/*Styles for main content which will be wrapped to centere with a black border. */
#MainWrapperBlack
{
margin: 0px auto;
width:951px;
border:solid 0px #000000;
}

/*Styles for main content which will be wrapped to centere with a gray border inside balck border. */
#WrapperGray
{
margin:0 auto;
padding:0px 0px 0px 0px;
width:896px;
background-color:#EFEEEC;
border:solid 0px #ACABC4;
}

#MenuArea
{
margin:0 auto;
height: 40px;
padding:0px 0px 0px 0px;
width:896px;
background-color:#000000;
}


/*Styles for the main header at the top. */
#Header1
{
width: 896px;
height:320px;
background:#6B74AE url(images/headerms1.jpg) top left no-repeat;
}
#Header2
{
margin:0 0 0 0;
height:320px;
background:#6B74AE url(images/headerms2.jpg) top left no-repeat;
font-family:Verdana, Helvetica, Arial, sans-serif;
}
#Header3
{
margin:0 0 0 0;
height:320px;
background:#6B74AE url(images/headerms3.jpg) top left no-repeat;
font-family:Verdana, Helvetica, Arial, sans-serif;
}
#Header4
{
margin:0 0 0 0;
height:320px;
background:#6B74AE url(images/headerms4.jpg) top left no-repeat;
font-family:Verdana, Helvetica, Arial, sans-serif;
}
#Header5
{
margin:0 0 0 0;
height:320px;
background:#6B74AE url(images/headerms5.jpg) top left no-repeat;
font-family:Verdana, Helvetica, Arial, sans-serif;
}
#Header6
{
margin:0 0 0 0;
height:320px;
background:#6B74AE url(images/headerms6.jpg) top left no-repeat;
font-family:Verdana, Helvetica, Arial, sans-serif;
}
#Header7
{
margin:0 0 0 0;
height:320px;
background:#6B74AE url(images/headerms7.jpg) top left no-repeat;
font-family:Verdana, Helvetica, Arial, sans-serif;
}
#Header h1
{
margin:0 auto;
padding:10px 0 0 21px;
color:#000000;
font-size:4em;
font-weight:normal;
font-family:inherit;
}
#Header h2
{
margin:0 auto;
padding:4px 0 0 22px;
color:#ffffee;
font-size:1.6em;
font-weight:normal;
}

/*Styles for the Title of the page with shadow effect. */
#Title
{
margin:-72px 0 0 0;
padding:10px 0 0 19px;
background-color:Transparent;
}
#Title a
{
color:#ffffff;
text-decoration:none;
background-color:inherit;
font-size:4em;
font-weight:normal;
font-family:inherit;
}

/*Styles for the main header menus. */
#HeaderMenus
{
padding-left:31px;
height:1.2em;
line-height:1.2em;
color:#000000;
}
#HeaderMenus ul
{
margin:0px 0 0 0;
padding:10px 0 0 0;
color:#000000;
}
#HeaderMenus li
{
color:#000000;
list-style-type:none;
float:left;
}
#HeaderMenus li a
{
padding:0 10px 14px;
display:block;
text-decoration:none;
color:#FFFFFF;
font-size:1.5em;
font-family:Verdana, Helvetica, Arial, sans-serif;
}
#HeaderMenus a:hover
{
text-decoration:none;
color:#CCCCCC;
}
#HeaderMenus .selected
{
color:#999999;
}

/*slide tab menu with IE hacks */

#menuholder {
float:left;
width:796px;
padding-left: 20px;
margin-top: 8px;

}

    
#slidetabsmenu {
float:left;
width:100%;
font-size:90%;
line-height:normal;
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(images/tab-left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(images/tab-right.gif) no-repeat right top;
padding:6px 14px 3px 5px;
font-weight:bold;
color:#666666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: black;
padding:8px 14px 1px 5px;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: black;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}

/*Styles for the right columms. */
#RightColumn
{
margin:0 auto;
padding:20px 20px 0 20px;
width:26%;
float:right;
}

/*Styles for the Login Button in the right column. */
#LoginSubmit
{
margin:4px 0;
border:1px solid #899aba;
text-align:center;
font-size:0.9em;
}

/*Styles for the container that wrappas the contents to left side. */
#LeftContainer
{
margin: 15px 235px 10px 0;
}

/*Styles for the main contets in the page. */
#LeftContents
{
padding: 5px 38px 0 42px;
line-height: 1.6em;
}
#LeftContents h2
{
margin:0 auto;
padding:4px 0px 6px 0px;
background-color:#998F83;
/*font-family: Verdama, Helvetica, Arial, Fantasy;*/
border:0px solid #899aba;
text-align: left;
color:#FFFFFF;
font-size: 1.0em;
}
#LeftContents h3
{
margin: 0 0 0 0;
padding: 3px 0 4px 0px;
color:#000000;
text-align:left;
font-size: 1.3em;
}
#LeftContents p
{
background-color:#FFFFFF;
text-align: justify;
color:#000000;
}
#LeftContents a
{
background-color:inherit;
text-decoration: none;
color: #000080;
}

/*Styles for the page footer. */
#Footer
{
margin:6px 0 0 0;
padding:4px 0 4px 11px;
background-color:#998F83;
border:solid 0px #000000;
text-align:left;
color: #ffffff;
border-top:solid 10px #908478;
}

#Footer a
{
background-color: inherit;
text-decoration: underline;
color:#ffffff;
}

/*The general classes used throughout the page. */
/*Classes for adding the rounded corner images. */
.TopRight
{
float:right;
height:11px;
width:11px;
background-repeat:no-repeat;
background-image:url(images/CrTopRight.gif);
}
.TopLeft
{
float:left;
height:11px;
width:11px;
background-repeat:no-repeat;
background-image:url(images/CrTopLeft.gif);
}
.TopRightB
{
float:right;
height:24px;
width:11px;
background-repeat:no-repeat;
background-image:url(images/CrTopRightB.gif);
}
.TopLeftB
{
float:left;
height:24px;
width:11px;
background-repeat:no-repeat;
background-image:url(images/CrTopLeftB.gif);
}

.BottomRight
{
margin:-11px 0 0 0;
float:right;
height:11px;
width:11px;
background-repeat:no-repeat;
background-image:url(images/CrBottomRight.gif);
}
.BottomLeft
{
margin:-11px 0 0 0;
float:left;
height:11px;
width:11px;
background-repeat:no-repeat;
background-image:url(images/CrBottomLeft.gif);
}
.BottomRightB
{
margin:-11px 0 0 0;
float:right;
height:11px;
width:11px;
background-repeat:no-repeat;
background-image:url(images/CrBottomRightB.gif);
}
.BottomLeftB
{
margin:-11px 0 0 0;
float:left;
height:11px;
width:11px;
background-repeat:no-repeat;
background-image:url(images/CrBottomLeftB.gif);
}

/*The general class for the contents in the right column. */
.RightContents
{
margin:0 auto;
padding:0px 7px 8px 7px;
background-color:#FFFFFF;
border:0px solid #899aba;
line-height:1.4em;
}
.RightContents h3
{
margin: 0 0 0 0;
padding: 3px 0 4px 5px;
background-color:#998F83;
color:#FFFFFF;
text-align:left;
font-size: 1.0em;
/*font-family: Fantasy, Helvetica, Arial;*/
}
.RightContents h4
{
font-size: 1em;
margin: 5px 0 0 0;
background-color:inherit;
}
.RightContents p
{
margin: 0px 0 14px 0;
text-align:left;
background-color:inherit;
color: #000000;
font-size: 90%;
}
.RightContents a
{
background-color:inherit;
text-decoration: none;
color: #000080;
}

.RightContents ul
{
padding-left: 15px;
}

/*The class for comments in the main contents. */
.Comments
{
background:inherit;
border-top:solid 1px #dcdcdc;
border-bottom:solid 1px #dcdcdc;
text-align:right;
color: #000000;
font-size:1em;
}

/*Classes for aligning the images in the main conetes. */
.AlignLeft
{
margin: 10px 10px 5px 0;
float: left;
}
.AlignRight
{
margin: 10px 0 0 10px;
float: right;
}

/*Class filling the left column. */
.Fill
{
margin:0;
clear:both;
}

/*whitebox added */
#whitebox
{
margin:0px;
padding: 0px;
background-color: #ffffff;
}
#whitebox2
{
margin:0px;
padding: 10px;
background-color: #ffffff;
}