html{
margin:0;
height:100%; 
font-family: Verdana,Tahoma, sans-serif; 
background-color:#121212;
background-image:url(images/background.gif);
background-repeat:repeat-x;
background-position:top left;
overflow-x: hidden; 
overflow-y: hidden; 
}

#anchor{
position: relative;
margin-left: auto;
margin-right: auto;
width: 800px;
min-height:100%;
height:100%;
margin-top:0px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
background-position:top;
}

#top{
position:relative;
height:50px;
width:700px;
color:#FFF;
margin-left:50px;
padding-left:auto;
padding-right:auto;
top:80px;
}


#leftfig{
position: absolute;
height:750px;
width:320px;
left:-230px;
background-image:url(images/jadus.png);
background-repeat:no-repeat;
z-index:10;}

#rightfig{
position: absolute;
height:750px;
width:444px;
left:620px;
background-image:url(images/jewla.png);
background-repeat:no-repeat;
}


#menu{
position:relative;
left:10px;
width:720px;
}

.menuitem{
float:left;
padding-right:10px;
}

.menuitem a{
height:42px;
background-image:url('images/menu.gif');
display: block;
padding-right:2px;
}


a#item1{background-position:0px 0px; width:120px;}
a:hover#item1{background-position:-0px -47px;width:120px;}
a#item2{background-position:-120px 0px;width:150px;}
a:hover#item2{background-position:-120px -47px;width:150px;}
a#item3{background-position:-270px 0px;width:213px;}
a:hover#item3{background-position:-270px -47px;width:213px;}
a#item4{background-position:-485px 0px;width:155px; }
a:hover#item4{background-position:-485px -47px;width:155px;}



#middle{
position:relative;
top:80px;
left:50px;
width:720px;
height:518px;
overflow-x: hidden; 
overflow-y: auto;
}

.message{
position:relative;
width:700px;
min-height:75px;
margin-bottom:15px;
font-family: Tahoma, sans-serif;
font-size:12px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
background-color:#404040;
}

.header{
padding:10px;
width:680px;
height:50px;
border-bottom:1px solid #FFF;
background-color:#121212;
background-image:url(images/flag.jpg);
background-position:right;
background-repeat:no-repeat;
}


.datacontainer{
float:left;
width:90px;
padding:5px;
margin:-5px 10px 0px -5px;
border-radius: 5px;
color:#eee;
text-align:center;	
font-family: Verdana, sans-serif;
}

.user{
font-variant:small-caps;
font-weight:bold;
font-size:13px;
border-radius: 5px;
width:90px;
height:20px;
color:#E5B00F;
background-image:url(images/gradsw.png);
background-position:left;
background-repeat:no-repeat;
}

.date{
font-size:9px;
}

.title{
font-size:18px;
font-weight:bold;
font-variant:small-caps;
text-align:center;
color:#E5B00F;
}

.title{
font-size:18px;
font-weight:bold;
font-variant:small-caps;
text-align:center;
color:#E5B00F;
}

.msgtext{
font-size:12px;
color:#000;
padding:10px;
}


.comment {
padding:0px 10px 10px 10px;
}

.comment a{
color:#E5B00F;
font-family: Tahoma, sans-serif;
font-size:10px;
font-variant:small-caps;
font-weight:bold;


}
.comment a:hover{
color:#fff;
font-family: Tahoma, sans-serif;
font-size:10px;
font-variant:small-caps;
font-weight:bold;
}


#bottom{
position:relative;
top:80px;
color:#fff;
font-family: Tahoma, sans-serif;
font-size:14px;
font-variant:small-caps;
font-weight:bold;
width:700px;
text-align:center;
}

a{
color:#FFF;
font-family: Tahoma, sans-serif;
font-size:10px;
font-variant:small-caps;
font-weight:bold;
}

a:hover{
color:#000;
font-family: Tahoma, sans-serif;
font-size:10px;
font-variant:small-caps;
font-weight:bold;}

a img {
	text-decoration: none;
	border: 0 none;
	}