body {
margin: 0;
padding: 0;
font-family: sans-serif;
text-align: center;
background-color: #000000;
}

#container {
margin: 0.5em auto;
text-align: left;
background-image: url("pics/gladiatorbackground.gif");
width: 920px;
height: 919px;
background-position: 0 0;
position: relative;
background-repeat: no-repeat;
}

#text {
position: absolute; 
top: 158px; 
left: 210px; 
width: 660px; 
height: 740px; 
text-align: justify; 
overflow: auto;
}

#topmenu {
position: absolute;
top: 118px;
left: 210px;

}

#menu {
position: absolute; 
top: 160px; 
left: 7px;
}

    div.left {
        width: 185px;
        background-color: #ffffff;
    }
     td.top {
        background-color: #808080;
        line-height: 26px;
        text-indent: 10px;
        font-size: 15px;
        font-family: Sans-serif;
        letter-spacing: 1px;
		color: white;
    }
    td.section {
        padding: 8px 16px;
    }
    
    .click-menu .box1 {
        background: url("pics/tree-node.gif") no-repeat;
        padding-left: 19px;
        cursor: default;
    }
    .click-menu .box1-open {
        background: url("pics/tree-node-open.gif") no-repeat;
        padding-left: 19px;
        cursor: default;
    }
    .click-menu .box1, .click-menu .box1-open {
        color: #000000;
        font-family: Sans-serif;
        font-size: 13px;
		letter-spacing: 0px;
    }
    /* mozilla fix */
    html>body .click-menu .box1,
    html>body .click-menu .box1-open {
        color: #000000;
        font-family: Sans-serif;
        font-size: 13px;
        letter-spacing: 0px;
		line-height: 18px;
        padding-bottom: 1px;
    }
    /* ie fix */
    * html .click-menu .box1,
    * html .click-menu .box1-open {
        color: #000000;
		font-family: Sans-serif;
        font-size: 13px;
        letter-spacing: 0px;
		height: 18px;
    }
    .click-menu .section {
        font-family: Sans-serif;
        font-size: 12px;
        letter-spacing: 1px;
		line-height: 16px;
        display: none;
    }
    .click-menu .section a, .section a:visited{
        color: #000000;
		text-decoration: none;
		white-space: nowrap;
    }
	
	.click-menu .section a:hover{
        color: #000000;
		background-color: #808080;
		text-decoration: none;
		white-space: nowrap;
    }
    	
	.click-menu .box2 {
        background: url("pics/tree-leaf.gif") no-repeat;
		color: #ffffff;
        padding-left: 19px;
    }
    .click-menu .box2-last {
        background: url("pics/tree-leaf-last.gif") no-repeat;
		color: #ffffff;
        padding-left: 19px;
    }
		
		
p {
font-size: 12px; 
font-family: Sans-serif;		
letter-spacing: 0px;
line-height: 18px;
}

li {
font-size: 12px;
color: black;
font-family: Sans-serif;		
letter-spacing: 0px;
line-height: 18px;
}

h1 {
color: #999999; 
font-size: 18px;
font-family: Sans-serif;		
letter-spacing: 0px;
line-height: 18px; 
}

h2 {
color: #999999;
font-size: 15px;
font-family: Sans-serif;		
letter-spacing: 0px;
line-height: 18px;
}

a:link, a:visited, a:hover {
font-size: 12px;
font-family: Sans-serif;		
letter-spacing: 0px;
line-height: 18px;
text-decoration: none; 
color: blue;
}

a.class1:link, a.class1:visited {
font-size: 12px;
font-family: Sans-serif;		
letter-spacing: 0px;
line-height: 18px;
text-decoration: none; 
color: #808080;
}

a.class1:hover {
font-size: 12px;
font-family: Sans-serif;		
letter-spacing: 0px;
line-height: 18px;
text-decoration: none; 
color: blue;
}