/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background: #000099 url(images/back.png) top center repeat-x; 
margin: 0;
padding: 0;
font-size:0.80em;
text-align:left;
}

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

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/

#top {
background: url(images/bgtop.gif) top center no-repeat;
width: 800px;
height: 78px;
}

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

#content {
background: url(images/bgmiddle.gif) center repeat-y;
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

#header {
background: url(images/header.png) top center no-repeat; 
width: 746px;
height: 164px;
margin: 0;;
padding: 0;
color: white;
font-size: 50px;
text-align: ;
}

#separator {
width: 746;
margin-left: 10px;
margin-right: 10px;
height: 20px;
background:  url(images/kostka.jpg2) repeat-x;
}

#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: left;
padding-top: 30px;
font-family: "Tahoma";
font-variant:small-caps;
letter-spacing: 1px;
}

#menu li a {
height: 37px;
voice-family: "";
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}       
       
#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background:  url(images/off.gif) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
       
#menu li a:hover {
color: blue;
background:  url(images/on.gif) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}       

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}


#stuff {
/* background:  url(images/kostka.jpg) repeat-x;*/
width: 510px;
margin: 0px 0px 0px 240px;
padding-top: 55px;
border: 2px navy;
font-size: 1.0em;
font-family: Tahoma;
text-align: justify;
line-height: 1.6;
}

#stuff li {

list-style-image: url(images/li.gif);
line-height:20px;
text-align:left;

}

img {
border: none;
} 

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url(images/bgbottom.gif) bottom center no-repeat;
width: 800px;
height: 50px;
}