body{
background: url('bgnew2.gif') fixed;
/*cursor: url('devilhand.ani'),pointer;*/
}


img.logo{
position: absolute;
z-index: 2500;
top: 25px;
border: 0px solid;
left: 270px;
height: 112px;
width: 535px;

}

img.logo2{
position: absolute;
left: 285px;
height: 68px;
width: 424px;
margin-top: 320px;
border: 0px solid;
}

img.blur{
position: absolute;
left: 300px;
border: 1px solid black;
height: 120px;
width: 160px;
align: center;
}

img.clear{
position: absolute;
top: 400px;
left: 180px;
}

img.left{
height: 28px;
width: 200px;
border-bottom: 1px solid black;
}


p.foreground{
z-index:1;
color: black;
width: 100%;
text-align: justify;
line-height: 125%;
/*margin: 0px,1px,0,5px;*/
font-size: 13px;
font-family: western, "Arial";
}

p.detail{
text-align: justify;
font-size: 13px;
color: #FFFF99;
font-family: western,"arial";
font-weight: normal;
margin: 20px,10px,20px,10px;
}

ul.left_panel{
margin-top: 5px;
text-align: justify;
}

li.left_panel{
list-style-type: none; 
padding: 10px,10px,10px,10px;
line-height: 200%; 
font-style: normal;
letter-spacing: 6px;
font-family:western,"comic sans ms";
font-size:15px;
}

hr{
color: black;
}

h2{
width: 100%;
background-color: transparent;

text-align: center;
text-decoration: underline;
color: #CCFF00;
font-family: western,"BankGothic lt BT";
}

span.big{
width: 0.7em;
font-size: 400%;
font-family: western, "monotype corsiva";
color: yellow;
line-height: 80%;
}

span.name{
font-size: 200%;
font-family: western, "BankGothic Lt BT";
font-weight: normal;
color: #E0E0E0;
line-height: 80%;
}

p.foot{
color: black;
margin-top: 0px;
text-align: center;
font-size: 60%;
}

#log{
position: absolute;
z-index: 4500;
left: 0px;
top: 250px;
width: 1000px;
height: 150px;
background-image: url('bgnew2.gif');
border: 2px outset #787878;
}

#welcome{
position: absolute;
left: 220px;
top: 400px;
width: 781px;
height: 410px;
background-color:#c8c8c8;
border: 1px solid black;
color: white;
}

#water{
position: absolute;
z-index: -1;
height: auto;
width: auto;
filter: alpha(opacity=30);
}

#intro{
position: absolute;
left: 220px;
top: 855px;
width: 781px;
height: 500px;
overflow: auto;
border: 1px solid  black;
background-color: #666699;
color: white;
}

#jokes{
position: absolute;
left: 220px;
top: 430px;
width: 781px;
height: 925px;
overflow: auto;
border: 1px solid black;
background-color: #666699;
color: white;
}


#left{
position: absolute;
width: 200px;
top: 430px;
border: 1px solid  black;
left: 0px;
height: 925px;
background-color: #336699;
/*cursor: url('middlehand.ani'),pointer;*/
}

#chat{
position: absolute;
top: 600px;
}

#footer{
background: transparent;
position: absolute;
top: 1380px;
left: 0px;
height: 80px;
width: 1000px;
}

#count{
visibility: hidden;
}


:link{
padding: 1px,5px,1px,5px;
color: rgb(250,50,50);
}

:visited{
color: #00FF00;
}

:hover{
letter-spacing: 2px;
}



li.left_panel :link{
float: left;
width: 130px;
color: rgb(250,250,0);
text-decoration: underline;
font-weight: normal;
padding: 5px,10px,5px,10px;
}


li.left_panel :visited{
float: left;
width: 130px;
color: rgb(250,250,0);
text-decoration: underline;
padding: 5px,10px,5px,10px;
}


li.left_panel :hover{
background: transparent;
width: 100%;
filter: glow(color=black,strength=5);
padding: 5px,15px,15px,10px;
width: 130px;
letter-spacing: 6px;
font-style: normal;
font-weight: normal;
color: #ccff00;
}

li.left_panel :active{
/*letter-spacing: 5px;*/
width: 130px;
}