/**************************************************/
/*   Reuel.name Style - Body and Wrapper          */
/**************************************************/

body {
background: #A4BAEB  top center no-repeat; 
margin: 0;
padding: 0;
text-align: center;
}


#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}

/**************************************************/
/*   Top Piece + logo + text + navigation         */
/**************************************************/

#top {
background: url(kuvat/Reuel-index.jpg) top center no-repeat; 
width: 800px;
height: 188px;
}

#logo {
position: absolute;
background: url(kuvat/7star.gif) top left no-repeat; 
width: 95px;
height: 110px;
margin: -188 0 0 0;
}

#reuel {
position: absolute;
background: url(kuvat/Reuel-name.gif) top left no-repeat; 
width: 263px;
height: 49px;
margin: -153 0 0 100;
}

#kieli {
position: absolute;
width: 58px;
height: 30px;
margin: -77 20 0 722;
}

#kieli img {
border: none;	
}
	
#menuheb
{
position: absolute;
width: 800px;
height: 20px;
margin: 0;
padding: 162 3 8 3;
}

#menuheb td a
{
padding: 6 6 6 6;
color: #FFF;
text-decoration: none;
text-shadow: #000 1px 1px 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight: bold;
}

#menuheb td a:hover
{
text-decoration: underline;
}

#menuheb td a.active
{
background: #ffffff;
color: #D44DD6;
text-decoration: none;
text-shadow: #F9CCF9 1px 1px 1px;
}

#menu
{
position: absolute;
width: 800px;
height: 20px;
margin: 0;
padding: 147 1 8 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;

}

#menu ul
{
list-style: none;
margin: 0;
padding: 0;
text-align: left;
position: relative;
top: 1.0em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 6 6 6 6;
color: #fff;
text-decoration: none;
text-shadow: #000 1px 1px 1px;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li a.active
{
background: #ffffff;
color: #D44DD6;
text-decoration: none;
text-shadow: #F9CCF9 1px 1px 1px;
}

#menueng
{
position: absolute;
width: 800px;
height: 20px;
margin: 0;
padding: 146 3 8 3;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;

}

#menueng ul
{
list-style: none;
margin: 0;
padding: 0;
text-align: left;
position: relative;
top: 1.0em;
}

#menueng ul li
{
position: relative;
display: inline;
}

#menueng ul li a
{
padding: 6 5 6 5;
color: #fff;
text-decoration: none;
text-shadow: #000 1px 1px 1px;
}

#menueng ul li a:hover
{
text-decoration: underline;
}

#menueng ul li a.active
{
background: #ffffff;
color: #D44DD6;
text-decoration: none;
text-shadow: #F9CCF9 1px 1px 1px;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#content {
position: absolute;
background: #FFF; 
width: 800px;
height: auto;
margin: 185px 0 0 0;
padding: 0;
}

#txtwrapper {
position: relative;
width: 760px;
height: auto;
padding: 20 20 20 20;
font-family: arial;
}

#txtwrapper h1 {
font-size: 1.2em;
font-weight: bold;
}

#txtwrapper h2 {
font-size: 1.1em;
font-weight: bold;
}

#txtwrapper h3 {
font-size: 1.0em;
font-weight: bold;
}

.blue {
list-style-image: url(kuvat/magendavidblue.gif);
}

.black {
list-style-image: url(kuvat/magendavidblack.gif);
}

.klum {
list-style-type: none;
}

.colorfull {
list-style-image: url(kuvat/Reuel-Logo-16x16px.gif);
}

#hebtxtwrapper {
position: relative;
width: 760px;
height: auto;
padding: 20 20 20 20;
font-family: arial;
text-align: right;
}

#hebtxtwrapper h1 {
font-size: 1.2em;
font-weight: bold;
}


#hebtxtwrapper h2 {
font-size: 1.1em;
font-weight: bold;
}


#empty {
position absolute;
background: #A4BAEB;
width: 800px;
height: auto;
margin: auto;
	
}

#bottominfo {
position: absolute;
background: #FFF; 
width: 800px;
height: auto;
margin: auto;
font-family: Helvetica, sans-serif;
font-size: 8pt;
color: #000; 
}