html, body {
	
	background:url(../img/bg_body.gif) repeat-x #33363a; 
	margin:0 auto;
	line-height:1.4;
	text-align:center; 
	height:100%;
}
body                                {font-family: Verdana, Arial; font-size: 75%;}
h1,h2,h3,h4,h5,p,div,img            {margin:0;padding:0;}
ul,li,fieldset,forminput,table      {margin:0;padding:0;}
h1                                  {font-family: Trebuchet ms, Arial;font-size:1.7em;line-height:1;margin: 0.33em 0 0.5em 0;}
h2                                  {font-family: Trebuchet ms, Arial;font-size:1.5em;}
h3                                  {font-family: Trebuchet ms, Arial;font-size:1.2em;}
a                                   {color:#cf0005;text-decoration:none;}
a:hover                             {color:#ea6165;}
p                                   {font-size:1.0em; margin: 0.33em 0 1em 0;}
span, label                         {font-size:1.0em;}
td, th                              {font-size:1.0em;text-align:left;}
img                                 {border: 0px none;}

/* -------- LAYOUT -------- */
#top
{
    width:980px;
    background: #1A171B url(../img/bg_top.gif) no-repeat top left;
    height:120px;
    text-align:left;
    margin: 0 auto;
}

#container
{
    width:980px;
	margin:auto; 
	text-align:left;
	background: #1A171B;
}
#menu
{
    text-align: left;
    width: 978px;
    height: 29px;
    border: solid 1px #702A21;
    letter-spacing: 0.12em;
}
    #menu ul                {list-style:none;}
    #menu ul li             {padding:5px 20px 0px 20px;text-align:center;
                             float:left;}
                           
    #menu a                 {font-size:0.9em; color:#FFF;}
    #menu a:hover           {color:#cbcbcb;}

#main
{
    width: 978px;
    text-align:left;
    border-left: solid 1px #414A50; 
    border-right: solid 1px #414A50; 
    background: url('../img/bg_main.gif') repeat-y;
}


#mainRight
{
    float:right;
    width:805px;
    margin:12px 0px 0px 0px;
    padding: 0px 12px 12px 0px;
}
    #mainRight .content
    {
        background-color: #fff;
        border:solid 2px #CCC;
        margin-bottom:10px;
        padding: 20px;
    }
    
    #mainRight .content .rightCol   {margin:20px 0px 20px 20px;float:right;width:300px;}


#footer
{
    text-align:left;
    margin:0 auto;
    color:#FFF;
    font-size:0.8em;
	width:978px;
	padding: 8px 0px 8px 0px;
	border:solid 1px #702A21;
	background:#1A171B;
}
#footer a
{
    color:#fff;
}
#footer a:hover
{
    color:#aaa;
}

#ohappa
{
    width:978px;
    margin:0 auto;
}
#ohappa p
{
	float: right;
	padding: 0px 5px 15px 0px;
	line-height: 14px;
	color: #fff;
	font-size: 6pt;
	font-family: Verdana, Arial, Helvetica;
	letter-spacing: 0.04em;
}
#ohappa a
{
	font-weight: normal;
	font-size: 7pt;
	color: #e9660b;
	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
	letter-spacing: 0.04em;
}
#ohappa a:hover
{
	text-decoration: underline;
}


/* ------ END LAYOUT -------- */

.textruta
{
    margin:5px 0px 5px 0px;
}

.button {background:#eee;border:solid 1px #555;}