/* CSS Document */

body
{
background-color:#2F1204;
color:#000000;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
background-image:url(img/bg.gif);
background-repeat:repeat-x;
background-color:#2C2C2E;
}

/**HEADER**/
div.header_JH
{
width:914px;
height:99px;
background-image:url(img/headerBg.jpg);
margin:auto;
margin-top:-10px;
border-right:1px solid #B10803;
border-left:1px solid #B10803;
}

/**BANNER**/
div.banner_JH
{
width:914px;
height:301px;
background-image:url(img/banner.jpg);
margin:auto;
border-right:1px solid #B10803;
border-left:1px solid #B10803;
}

/*NAVIGATION*/
div.nav_JH
{
padding-top:1px;
padding-left:306px;
}

/*PAGE*/
div.page_JH
{
width:914px;
margin:auto;
min-height:500px;
background-color: #FCFCFC;
border-right:1px solid #B10803;
border-left:1px solid #B10803;
}

/*KIELIVALINNAT*/
div.lang_JH
{
text-align:right;
padding-right:5px;
padding-top:3px;
}

div.lang_JH a
{
color:#000000;
text-decoration:none;
text-transform:uppercase;
}

div.lang_JH a img
{
border:solid 1px;
}

/*UPDATES*/

div.updates_JH
{
width:300px;
height:205px;
padding:5px;
margin: -7px 2px 5px -2px;
background-color:#FFFFFF;
border: #B10803 solid 1px;
}

/**VASEN NAVIGOINTI**/

div.leftNav_JH
{
width:300px;
height:470px;
}

div.galleria_JH
{
height:800px;
}

/**GALLERIOIDEN THUMBNAILIT**/

div.galleriaThumb_JH
{
margin-left:6px;
margin-top:6px;
height:152px;
width:214px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
padding-bottom:20px;
border:1px #666666 solid;
text-shadow:#999999;
float:left;
position:relative;
}

div.galleriaThumb_JH a
{
padding-top:3px;
width:214px;
height:10px;
text-align:center;
display:block;
}

/**VARJO UPDATES JA VISITORS LAATIKOILLE**/
div.shadow_JH
{
background-image:url(img/shadow.jpg);
background-repeat:no-repeat;
background-position:left bottom;
margin: 6px 0 0 6px;
width:319px;
height:228px;
}

/**VARJO KOKO SIVUN LEVYISILLE OTSIKOILLE**/
div.shadow2_JH
{
background-image:url(img/shadow2.jpg);
background-repeat:no-repeat;
background-position:left bottom;
margin: 6px 0 0 12px;
width:900px;
height:30px;
}

/**VARJO VASEMMAN NAVIGOINNIN OTSIKOILLE**/
div.shadow3_JH
{
background-image:url(img/shadow3.jpg);
background-repeat:no-repeat;
background-position:left bottom;
margin: 6px 0 0 12px;
width:319px;
height:30px;
}

/**VASEMMAN NAVIGOINNIN OTSIKOT**/
div.leftNavHeader_JH
{
width:284px;
height:20px;
text-transform:uppercase;
font-weight:bold;
display:block;
background-color: #C7B796;
font-size:14px;
background-image:url(img/leppis.jpg);
background-position:left;
background-repeat:no-repeat;
margin: -9px 2px 5px -7px;
border: #B10803 solid 1px;
padding-left:35px;
padding-top:5px;
}

/**KOKO SIVUN LEVEYISET OTSIKOT**/
div.pageHeader_JH
{
width:865px;
height:20px;
text-transform:uppercase;
font-weight:bold;
display:block;
background-color: #C7B796;
font-size:14px;
background-image:url(img/leppis.jpg);
background-position:left;
background-repeat:no-repeat;
margin: -6px 6px 6px -6px;
border: #B10803 solid 1px;
padding-left:35px;
padding-top:5px;
}

/**OIKEAN PUOLEISET TEKSTIT**/
div.rightText_JH
{
margin-left:350px;
margin-top:-460px;
width:510px;
}

/**COPYRIGHT*/
div.footer_JH
{
background-color:#948C79;
width:914px;
height:18px;
border-right:1px solid #B10803;
border-left:1px solid #B10803;
border-bottom:2px solid #B10803;
margin:auto;
text-align:center;
padding-top:5px;
color:#FFFFFF;
font-weight:bold;
}

div.footerIndex_JH
{
width:914px;
height:234px;
background-image:url(img/indexFooter.jpg);
background-position:right;
background-repeat:no-repeat;
margin:auto;
margin-top:-174px;
}

p.one
{
text-align:justify;
}

p.two
{
text-align:center;
}

p.three
{
text-align:justify;
font-weight:bold;
}

p.four
{
text-align:justify;
padding:5px;
}

p.five
{
padding-left:30px;
}

h1
{
font-weight:bold;
font-size:14px;
}

/*PÄIVITYS JA VIERIALIJA LAATIKOISSA OLEVA OTSIKKO*/
h2
{
width:273px;
height:25px;
padding-top:5px;
padding-left:35px;
text-transform:uppercase;
display:block;
background-color: #C7B796;
font-size:14px;
margin-left:-4px;
margin-top:-4px;
background-image:url(img/leppis.jpg);
background-position:left;
background-repeat:no-repeat;
}


h3
{
font-weight:bold;
font-size:12px;
}

h4
{
font-weight:bold;
font-size:12px;
text-align:center;
}

h5
{
font-weight:bold;
font-size:12px;
text-align:left;
}


table.one
{
border:hidden 0px;
}

tr.one
{
color:#666666;
}

/*NAVIGATION LINKS*/
#menu, #menu ul {
	list-style:none;
	font-size:10px;
}
#menu li {
	float:left;
	position:relative;
	/*line-height:4.5em;*/
	/*width:10em;*/
}
#menu li ul {
	position:absolute;
	margin-top:0px;
	/*margin-left:.0em; /* for IE */
	margin-left:-40px;
	display:none;
	border:hidden;
}
#menu ul li ul {
	margin-top:0px;
	margin-left:-20px;
}
/* ******************************************************************* */
/* SHOW SUBMENU  1 */
#menu li:hover ul, #menu li.over ul {
	display:block;
}
#menu li:hover ul ul, #menu li.over ul ul {
	display:none;
}
/* SHOW SUBMENU  2 */
#menu ul li:hover ul, #menu ul li.over ul {
	display:block;
}
/* ******************************************************************* */
/* STYLING UP THE LINKS */
#menu a {
	display:block;
	border:1px solid #B10803;
	background-color:#C5AC83;
	color:#000000;
	text-decoration:none;
	text-align:center;
	padding-top:10px;
	height:40px;
	width:69px;
	opacity: 0.8;
	filter:alpha(opacity=90);
}
#menu a:hover {
	border:1px solid #B10803;
	background-color:#A6A6A6;
	color:#000000;
	opacity: 0.8;
	filter:alpha(opacity=90);
}

#menu ul {
	border:hidden;
}
#menu ul a {
	border:1px solid #B10803;
	background-color:#C5AC83;
	color:#000000;
	opacity: 0.8;
	filter:alpha(opacity=90);
}

/* ******************************************************************* */

#menu {
	z-index:1;
}
#menu ul {
	z-index:2;
}
#menu ul ul {
	z-index:3;
}

/* ******************************************************************* */

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End *//* CSS Document */

/**NARTUT NAVIGOINTI**/

div.Onyva_JH
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/onyvaThumbGrey.jpg);
}

div.Onyva_JH:hover
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/onyvaThumb.jpg);
}

div.Onyva_JH a
{
display:block;
width:100px;
height:100px;
}

div.Mango_JH
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/mangoThumbGrey.jpg);
}

div.Mango_JH:hover
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/mangoThumb.jpg);
}

div.Mango_JH a
{
display:block;
width:100px;
height:100px;
}

div.Kiiwi_JH
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/KiiwiThumbGrey.jpg);
}

div.Kiiwi_JH:hover
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/KiiwiThumb.jpg);
}

div.Kiiwi_JH a
{
display:block;
width:100px;
height:100px;
}

div.Tupuna_JH
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/TupunaThumbGrey.jpg);
}

div.Tupuna_JH:hover
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/TupunaThumb.jpg);
}

div.Tupuna_JH a
{
display:block;
width:100px;
height:100px;
}

div.Noita_JH
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/NoitaThumbGrey.jpg);
}

div.Noita_JH:hover
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/NoitaThumb.jpg);
}

div.Noita_JH a
{
display:block;
width:100px;
height:100px;
}


/**JALOSTUKSESSA OLLEET NAVIGOINTI**/

div.Dalin_JH
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/dalinThumbGrey.jpg);
}

div.Dalin_JH:hover
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/dalinThumb.jpg);
}

div.Dalin_JH a
{
display:block;
width:100px;
height:100px;
}

/**MUISTOISSA NAVIGOINTI**/
div.Nuunuu_JH
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/nuunuuThumbGrey.jpg);
}

div.Nuunuu_JH:hover
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/nuunuuThumb.jpg);
}

div.Nuunuu_JH a
{
display:block;
width:100px;
height:100px;
}

div.Rino_JH
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/rinoThumbGrey.jpg);
}

div.Rino_JH:hover
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/rinoThumb.jpg);
}

div.Rino_JH a
{
display:block;
width:100px;
height:100px;
}

/**UROKSET NAVIGOINTI**/
div.Noppa_JH
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/NoppaThumbGrey.jpg);
}

div.Noppa_JH:hover
{
width:100px;
height:100px;
border:1px solid #B10803;
background-image:url(img/NoppaThumb.jpg);
}

div.Noppa_JH a
{
display:block;
width:100px;
height:100px;
}
/**PENTUEET NAVIGOINTI**/
div.gangstaPentue_JH
{
width:260px;
height:100px;
margin-left:30px;
border:1px solid #B10803;
background-image:url(img/gangstaPentueThumbGrey.jpg);
}

div.gangstaPentue_JH:hover
{
width:260px;
height:100px;
margin-left:30px;
border:1px solid #B10803;
background-image:url(img/gangstaPentueThumb.jpg);
}

div.gangstaPentue_JH a
{
display:block;
width:260px;
height:100px;
}

div.SPentue_JH
{
width:260px;
height:100px;
margin-left:30px;
border:1px solid #B10803;
background-image:url(img/SpentueThumbGrey.jpg);
}

div.SPentue_JH:hover
{
width:260px;
height:100px;
margin-left:30px;
border:1px solid #B10803;
background-image:url(img/SpentueThumb.jpg);
}

div.SPentue_JH a
{
display:block;
width:260px;
height:100px;
}

a.one{color:#B10803; text-decoration:underline;}
a.one:hover{color:#000000; text-decoration:underline;}
a.one.visited{color:#47331A; text-decoration:underline;}
a.one.visited:hover{color:#000000; text-decoration:underline;}

a.two{color:#B10803; text-decoration:none; font-weight:bold;}
a.two:hover{color:#000000; text-decoration:none; font-weight:bold;}
a.two.visited{color:#47331A; text-decoration:none; font-weight:bold;}
a.two.visited:hover{color:#000000; text-decoration:none; font-weight:bold;}

a.one img
{
border:hidden;
border:0px;
}