/* General styles */
    body {
    margin:0;
    padding:0;
    height:100%;
    border:0;           /* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#fff;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
                            /* The min-width property does not work in old versions of Internet Explorer */
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #666666;
    text-align: justify; margin-top:0; margin-left:15;
    list-style-position: outside;
    list-style-type: circle;
    }

p {margin-left:15px; margin-right:15px; margin-bottom:25px;}

a {color:#CC0000; text-decoration:none;
    font-weight:bold;        
}
    
a:hover, a:active {
    text-decoration:none;
    color:#CC3333;
}
    
a.uno {color:#CC0000; text-decoration:underline; font-size: 12px;
    font-weight:bold;        
}
    
a.uno:hover, a:active {
    text-decoration:underline; font-size: 12px;
    color:#CC3333;
}
    
img {margin:10px;}  
.container {width:950px; margin-left:0px; height:100%; }

.leftcol{width:350px; float:left;}
    
    
.heading_box{ margin-top:15px; margin-left:5px; width:500px; background-color:#cccccc;}
.content_box{ margin-top:15px; margin-left:5px; width:500px; background-color:#ffffff;}

.action_box{ margin-top:15px;width:170px; background-color:#cccccc;  margin-left:320px; margin-right:20px; vertical-align:middle;  }

 

.heading {
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 20px;
    font-style: normal;
    line-height: 20px;
    color:#CC0000;  vertical-align:middle; padding-left:10px;  
    }
    
.heading1 {
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 20px;
    font-style: normal;
    line-height: 20px;
    color:#CC0000;  vertical-align:middle; padding-left:28px;
    }    

.new {
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 18px;
    font-style: normal;
    line-height: 0px;
    color:#CC0000; height:28px; vertical-align:middle; padding-left:10px; margin-top:15px; 
    }
    


    
    /* ADAM STUFF */
    
.nav { position:fixed; margin-left:30px; margin-top:10px;  width:350px; height:1000px;}

.flashpot {position:fixed; margin-left:50px; margin-top:280px; width:350px;}

.content {
    position: absolute;
    margin-left:430px;
    margin-top:10px;
    width:500px;
    left: -13px;
    top: -7px;
}


/* THIS IS THE NAV STUFF - BLACK BUTTONS */

#JAMES
{
  display: block;
  width: 250px;
  height: 65px;
  background: url("images/nav_james_button.jpg") no-repeat 0 0;

}

#JAMES:hover
{ 
  background-position: 0 -65px;
}

#JAMES span
{
  display: none;
}

#RADIO
{
  display: block;
  width: 250px;
  height: 57px;
  background: url("images/nav_radio_button.jpg") no-repeat 0 0;

}

#RADIO:hover
{ 
  background-position: 0 -57px;
}

#RADIO span
{
  display: none;
}

#MUSIC
{
  display: block;
  width: 250px;
  height: 55px;
  background: url("images/nav_music_button.jpg") no-repeat 0 0;

}

#MUSIC:hover
{ 
  background-position: 0 -55px;
}

#MUSIC span
{
  display: none;
}

#BOOKS
{
  display: block;
  width: 250px;
  height: 60px;
  background: url("images/nav_books_button.jpg") no-repeat 0 0;

}

#BOOKS:hover
{ 
  background-position: 0 -60px;
}

#BOOKS span
{
  display: none;
}

/* THIS IS THE NAV STUFF - RED BUTTONS */

#JAMES2
{
  display: block;
  width: 250px;
  height: 65px;
  background: url("images/nav_james_button.jpg") no-repeat 0 0;
 background-position: 0 -65px;
}

#JAMES2:hover
{ 
  background-position: 0 -65px;
}

#JAMES2 span
{
  display: none;
}

#RADIO2
{
  display: block;
  width: 250px;
  height: 57px;
  background: url("images/nav_radio_button.jpg") no-repeat 0 0;
  background-position: 0 -57px;
}

#RADIO2:hover
{ 
  background-position: 0 -57px;
}

#RADIO2 span
{
  display: none;
}

#MUSIC2
{
  display: block;
  width: 250px;
  height: 55px;
  background: url("images/nav_music_button.jpg") no-repeat 0 0;
background-position: 0 -55px;
}

#MUSIC2:hover
{ 
  background-position: 0 -55px;
}

#MUSIC2 span
{
  display: none;
}

#BOOKS2
{
  display: block;
  width: 250px;
  height: 60px;
  background: url("images/nav_books_button.jpg") no-repeat 0 0;
 background-position: 0 -60px;
}

#BOOKS2:hover
{ 
  background-position: 0 -60px;
}

#BOOKS2 span
{
  display: none;
}