body {
   background: url('images/background.jpg') #001;
   color: #fffee4;
   text-align: center;
   margin: 0;
    border: 0;
    padding: 0;
}

#container
{
   width: 950px;
   position: relative;
   margin: 0 auto;
    border: 0;
    padding: 0;
   text-align: left;
}

#banner_background {
    background: url('images/lozenge1.png') 0 0 no-repeat;
    margin: 2ex 0 1ex 0;
    border: 0;
    padding: 0;
    width:950px;
    height:34px;
    z-index:0;
    text-align: center;
    
    opacity:0.70;
    -moz-opacity:0.70;
    -khtml-opacity:0.70;
    filter:alpha(opacity=70);
    }
    
#button_background {
    background: url('images/lozenge2.png') 0 0 no-repeat;
    margin: 1ex 0;
    border: 0;
    padding: 0;
    width:950px;
    height:30px;
    z-index:2;
    text-align: center;
    }

#magnetizer {
    background: url('images/magnetizer.png') 0 0 no-repeat;
    margin: 2px;
    border: 0;
    padding: 0;
    width:947px;
    height:481px;
    z-index:5;
    text-align: right;
    
    opacity:0.80;
    -moz-opacity:0.80;
    -khtml-opacity:0.80;
    filter:alpha(opacity=80);
    }
    
#main_content {
    margin: 1ex 0;
    border: 0;
    padding: 0;
    width:950px;
    z-index:1;
    font: normal medium sans-serif;
    text-align: right; 
    color: #fffee4;
    }

#footer_background {
    background: url('images/lozenge3.png') 0 0 no-repeat;
    margin: 1ex 0;
    border: 0;
    padding: 0;
    width:950px;
    height:26px;
    z-index:3; 
    font-variant: small-caps; 
    font-weight: bold; 
    color: #fffee4;
    text-align: center;
    
    opacity:0.70;
    -moz-opacity:0.70;
    -khtml-opacity:0.70;
    filter:alpha(opacity=70);
    }

#magnetizer_thumb {
    width:104px;
    height:138px;
    }

#igv {
    position: relative;
    left:503px;
    top:-12px;
    width:453px;
    height:58px;
    z-index:1;
    text-align: left;
    }
    
#navigation {
    position: relative;
    left:215px;
    top: 4px;
    width:730px;
    height:22px;
    z-index:4;
    text-align: left;
    }

#navigation ul {
    margin: 0;
    border: 0;
    padding: 0;
    text-align: right;
    vertical-align: top;
    }

#navigation ul li {
    background: url('images/buttons/button0.png') 0 0 no-repeat;
    display: block; 
	overflow: hidden;
    float: right;
    width: 134px;
    height: 22px;
    padding: 0;
    margin: 0 0.5ex;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    cursor: pointer;
    z-index: 9;
    }

#navigation ul li a {
    color: #000;
    font: bold medium sans-serif;
    text-decoration: none;
    }

#navigation ul li:hover {
    background: url('images/buttons/button1.png') 0 0 no-repeat;
    }

#jacket {
    position: relative;
    left:420px;
    width:530px;
    height:348px;
    z-index:6;
    }

#igv_magnetizer {
    text-align: top;
    border: 0;
    width:530px;
    height:348px;
    }

#main_text {
    position: relative;
    left: 150px;
    top: 1em;
    font: normal medium sans-serif;
    color: #fffee4;
    text-align: right; 
    width: 750px; 
    z-index: 6
    }

#logo {
    position: absolute;
    left:20px;
    top: -10px;
    width:104px;
    height:138px;
    z-index:8;
    text-align: left;
    }

#postscript {
    width:950px;
    height:26px;
    z-index:3;
    font-variant: 
    small-caps; 
    font-family: sans-serif; 
    color: #fffee4; 
    line-height: 26px; 
    font-weight: bold; 
    font-style: italic; 
    text-align: center; 
    vertical-align: bottom;
    
    opacity:0.70;
    -moz-opacity:0.70;
    -khtml-opacity:0.70;
    filter:alpha(opacity=70);
    }
    
#footnote {
    margin: 1ex 0;
    border: 0;
    padding: 0;
    width:950px;
    height:20px;
    z-index:3;
    text-align: center;
    color: #ccf;
    }

.cloud {
    background: #000;
    color: #ccf;
    width: 930px;
    margin: 1ex 0;
    padding: 10px;
    border: thin dashed #aac;
    
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    -khtml-border-radius: 23px;
    border-radius: 23px;
    }

.igv_banner {
    width:453px;
    height:58px;
    border: 0;
    margin: 0;
    padding: 0;
    }

.right {
    text-align: right;
    }

.left {
    text-align: left;
    }

.text_link {
    color:#fffee4;
    }

.caption {
    font-size: smaller;
    }

.track {
    color:#66cccc;
    }

.album {
    color:#eeffee;
    }

.photo {
    border: thin solid #777;
    margin: 1ex 1em;
}

.photo_n {
    max-height: 200px;
    border: thin solid #555;
    margin: 0.5em;
    text-align: center;
    vertical-align: baseline;
}

.photo_l {
    float: left;
    border: thin solid #555;
    margin: 0.5em 1em;
    text-align: left;
}

.photo_r {
    float: right;
    border: thin solid #555;
    margin: 0.5em 1em;
    text-align: right;
}

.phosphor {
    font: bold medium monospace;
    color: #0f0;
    }