html
    {
        height: 100%;
        width: 100%;
    }
    
    body
    {
        font-family: Arial;
        font-size: 11px;
        margin: 0px;
        padding: 0px;
        background-color: Black;
        background: black url('./images/rainbow1600.jpg') repeat-x fixed top center;
        height: 100%;
        width: 100%;
    }
    
    .mainpage
    {
        margin-top:45px;
    }
    
    .f20 
    {
        background-color:Black;
	    opacity: .2;
	    filter: alpha(opacity=20);
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    }
    
    .f40 
    {
        background-color:Black;
	    opacity: .4;
	    filter: alpha(opacity=40);
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    }
    
    .f60 {
        background-color:Black;
	    opacity: .6;
	    filter: alpha(opacity=60);
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    }
    
    .f80 {
        background-color:Black;
	    opacity: .8;
	    filter: alpha(opacity=80);
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    }
        
    #mainmenu {
	    float: left;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    width: auto;
    }
    
    #mainmenu li {
	    float: left;
	    font: 80% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	    margin: 0;
	    padding: 0;
    }
    
    
    #mainmenu a {
	    background: url("images/seperator.gif") bottom right no-repeat;
	    color: #ccc;
	    display: block;
	    float: left;
	    margin: 0;
	    padding: 8px 12px;
	    text-decoration: none;
    }
    
    #mainmenu div {
	    color: #ffffff;
	    font-weight: bold;
	    display: block;
	    float: left;
	    margin: 0;
	    padding: 8px 12px;
	    text-decoration: none;
    }
    
    #mainmenu a:hover {
	    background: #2580a2 url("images/hover.gif") bottom center no-repeat;
	    color: #fff;
	    padding-bottom: 8px;
    }

    .menu  
    {
        position: fixed;
        z-index: 50;
        top: 0px;
        left: 0px; 
        width: 100%;
    }
    
    .gallery
    {
        margin-left: auto;
        width: 100%;
        margin-right: auto;
        margin-top: 45px;
    }
    
    .albumbox
    {
        float:left;
        margin: 5px;
        width: 182px;
        height: 182px;
        border: solid 1px black;
        overflow: hidden;
    }
    
    .albumbg
    {
        poistion: relative;
        z-index: 1;
        left: 0px;
        top: 0px;
        width: 182px;
        height: 182px;
        opacity: .7;
        filter: alpha(opacity=70);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        background-color: Gray;
    }
    
    .albumbgover
    {
        poistion: relative;
        z-index: 1;
        left: 0px;
        top: 0px;
        width: 182px;
        height: 182px;
        opacity: .7;
        filter: alpha(opacity=70);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        background-color: White;
    }
        
    .albumcover 
    {
        position: relative;
        top: -182px;
        z-index: 5;
        margin: 10px;
        width: 160px;
        height: 160px;
        border: solid 1px black;
        background-color: Black;
    }
    
    .albumimg 
    {
        width: 160px;
        height: 160px;
        border: 0px;
    }
    
    .albumtitle
    {
        position: relative;
        top: -160px;
        padding: 5px;
        width: 150px;
        font-family: Arial;   
        font-size: 11px;
        background-color: White;
        opacity: .8;
        filter: alpha(opacity=80);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        text-align: center;
    }
    
    .picbox
    {
        float:left;
        margin: 5px;
        width: 150px;
        height: 150px;
        overflow: hidden;
        text-align: center;
    }
   
   .editbackbox
    {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: #ffffff;
        z-index: 149;
        opacity: .5;
        filter: alpha(opacity=50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    }

    .editbox
    {
        position: fixed;
        width: 200px;
        height: 300px;
        border: solid 1px black;
        left: 50%;
        margin-left: -100px;
        top: 50%;
        margin-top: -150px;
        /*top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop - 100 : document.body.scrollTop - 100);*/
        background: #cccccc;
        z-index: 150;
        overflow: hidden;
    }

    .editheading{
	    text-align: left;
        color: White;
        font-weight: bold;
        font-size: 14px;
        padding: 7px 0px 5px 5px;
        height: 18px;
        background-image: url('images/buttonbgoff.gif');
    }

    .editscrollbox
    {
        width: 100%;
        padding-left: 10px;
        padding-top: 10px;
        height: 100%;
        overflow: hidden;
        background: #ffffff;
    }
    
    .blogcbox
    {
        float:left;
        margin:5px;
        padding:2px;
        border:solid 1px black;
        width:280px;
        height:170px;
        overflow:hidden;
    }
    
    .blogcboxbg
    {
        position:relative;
        z-index:10;
        width:280px;
        height:170px;
        background-color:White;       
    }
    
    .blogcboxcontent
    {
        position:relative;
        z-index:20;
        width:255px;
        height:160px;
        top:-170px;
        padding:10px
    }