﻿#container 
{
  position: relative;
  /*background-color: silver;*/
  background-image:url('container_bg3.bmp');
  background-repeat:repeat;
  top: 0px;
	width: 900px;
	height:auto;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;

}

#header 
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 74px;
  z-index: 2;

  font-family:Tahoma;
  font-size:x-large;
  color:#008800;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;

}


  
#homeQuotes
{
  position:absolute;  
  left:600px;
  top:350px;
  width:270px;
  height:100px;
  
}
#homeNews
{
  position:relative;  
  
  background-color:transparent;
  margin:20px;

}


#nav 
{
  position:absolute;
  float:none;
  top: 110px;
  width:300px;
  height:180px;
  left: 600px;
  z-index: 2;
}

#nav a
{
  display:block;
  width:170px;
  padding-top: 0.5em;
  text-decoration:none;
  color: #006600;  
  margin-left:20px;

}

#nav ul
{
    list-style-type: none;
    font-family: Tahoma;
    font-size: 20px;
    text-align: left;
    float: left;
    height: 23px;
    margin: 0;
    padding: 0; 

}

#nav ul a 
{
    display: block;
    text-decoration:none;
}

#nav ul a:hover
{
    color:#55cc55;
    text-decoration:underline;
}

#nav ul a:active
{
  
  color:#88ff88;
}

#nav ul li
{

  display:block;
  float:left;  
}

#audiocontent
{
  position:relative;
  top:auto;
  height:3700px;
  width:450px;  
}
#audiocliplist  
{
  position:relative;
/*  float:none;*/
  top:auto;
  width: 450px;
  height:auto;
  z-index: 1;
   color: #00aa00;  
/*  border-style:ridge;*/
/*  padding:30px;*/
}

#audiocliplist .composer
{
  font-weight:bold;
   color: #008800;  
}

#audiocliplist .genre a
{
  font-weight:bold;
  font-size:20px;
  /*text-decoration:underline;*/
  color: #006600;  
  position:relative;
  left:-65px;
  text-align:left;
}

#audiocliplist .quote
{
  font-weight:bold; 
  color:#888800;

  
}


#audiocliplist a
{
  display:block;
  padding-top: 0.5em;
  text-decoration:none;
  color: #00aa00;  
  margin-left:20px;
  padding-left:45px;  
}



#audiocliplist a
{
    text-decoration:none;
}

#audiocliplist a:hover
{
    color:#55cc55;
    text-decoration:underline;
}




#content
{
  position: relative;
  width: 580px;
  height:auto;
  left:0px;
  top:auto;
  z-index: 1;
  font-size:large;
  margin:20px;
}

#NatsukiPhoto
{
  float:left;
  margin-right:10px;  
}

#footer
{
  /*TODO: keep this from colliding with text on the highlights page*/
  padding:50px;
  position:relative;
  text-align:center;
  width: 600px;
  height: 50px;
  top:auto;
  z-index: 1;
  margin-left:auto;
  margin-right:auto;
}

#highlights
{
  position:relative;
  width:600px;
  height:auto;
  top:0px;
  z-index: 1;
 
}

#photos
{
  position:relative;
  width:600px;
  height:500px;
  top:0px;
  z-index: 1;
  
}

#home
{
  position:relative;
  width:600px;
  height:629px;
  top:0px;
  z-index: 1;
  
}

#contact
{
  width:600px;
  height:629px;
  padding:30px;
  
}

.reviewer
{
  float:right;
  font-weight:bold;
}

.review
{
  float:none;
  font-style:italic;
  font-family:"Times New Roman", Times, serif;
}
.reviewDiv
{

}

.news
{
  float:none;
  font-style:normal;
  font-family:"Times New Roman", Times, serif;
}
