html, body {
    margin: 0 0 0 0;
	font-family: sans-serif;
	font-size: 8pt;
	color: #ffffff;
	background-image: url("../background.php");
	background-repeat: repeat;
	background-color: #212744;
	height: 100%;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%; 
  	-o-background-size: 100% 100%; 
  	-moz-background-size: 100% 100%; 
}

#panel {
    background-image: url("panel-background.png");
    background-repeat: repeat;
//  background-color : #212744;
    width: 400px;
    position: absolute;
    top: 0;
    left: -370px;
    height: 100%;
}

#logo {
    float: right;
    margin-right: -22px;
    /*
    position: absolute;
    left: 5px;
    top: 10px;*/
}

#copyright {
    position: absolute;
    position: fixed;
    right: 3px;
    bottom: 3px;
   	opacity: .25;
 	filter: alpha(opacity=25);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}

#copyright:hover{
   	opacity: 1;
 	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";       
}

#siteframe {
    /*position: relative;
    left: 15px;
    top: 15px;
    width: 350px;*/
    margin-top: 15px;
    margin-left: 15px;
    width: 89%;
    height: 96%;
    border: 0px solid transparent;
    background-color: transparent;
}

#yearbookframe {
    position: absolute;
    left: 440px;
    height: 98%;
    border: 0px solid transparent;
    background-color: transparent;
}