p{font-family: arial;
font-size:100%}
ul{font-family: arial;
font-size:100%}
h1{font-family: arial}
.class1 a:Link{color: #FFDFAE; text-decoration: none}
.class1 a:visited{color:#FFDFAE; text-decoration: none}
.class1 a:active{color:#FFDFAE; text-decoration: none}
.class1 a:hover{color:#FFDFAE; text-decoration: none}
.class1 p{color: #FFDFAE}

.class2 a:Link{color: blue}
.class2 a:visited{color: purple}
.class2 a:active{color: red}
.class2 a:hover{color:red}

body{
margin: 0;
padding: 0;
border: 0;
overflow: auto;  
font-family: arial;
font-size: 100%;
}

#header{
position:absolute;
top:0;
left:0;
right:0;
height:100px;
background:#A52A2A;
color:#FFDFAE;
font-size:100%;
overflow:hidden;
}

#framecontent{
position:absolute;
top:100px;
left:0;
width:125px; /*Width of frame div*/
overflow:hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background:#A52A2A;
color:#FFDFAE;
font-size:100%;
right-border:1px solid #2F4F4F;
}

#maincontent{
position:fixed;
right:0;
top:100px; 
left:125px; /*Set left value to WidthOfFrameDiv*/
overflow:hidden; 
background:#FFDFAE;
border:1px solid #400000;
}

.innertube{
margin:12.5px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding:100px 0 0 125px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}




dd {display:none;}
a.nav, a.nav:visited {display:block; width:100px; height:25px; background:#FFDFAE; color:#A52A2A; border:1px solid #400000 ; text-decoration:none; text-align:center; line-height:25px;}
a.nav:hover {background:#400000 ; color:#FFDFAE}

a.nav1, a.nav1:visited {display:block; width:150px; height: 100px; text-decoration:none; background:#FFDFAE; color:#A52A2A}

.male {background:#cceeff; border:outset 4px #cceeff}
.female {background:#ffeecc; border:outset 4px #ffeecc}
.chart {border-left:solid 2px #999999;}