/*universal setings*/
*{
  margin: 0;
  padding: 0;
  }
/*re-define*/
body {
       background: #330;
       padding: 5% 0;
      }

img {
	border: none;
	text-decoration: none;
    }


#container {
/*    margin: 3% 0 0 25%;*/
      background: #330 url(../images/table-bg.jpg)no-repeat;
      position: relative;
      text-align: left;
      margin: 0 auto;
      height: 500px;
      width: 800px;
           }
#header {
        height: 55px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-style: normal;
        line-height: normal;
        color: #333300;
        text-decoration: none;
        font-weight: bold;
        margin: 0 0 0 3.6em;
        padding: 0;
        top: 10px;
        }
 
/*<!--menu settings-->*/
#menu{
      color: #fff;
      font: 1em Myriad Pro, sans-serif;
      width: 126px;
      display: block;
      }
#menu dl{
         background: transparent;
         padding: 25px 0 0 0;
         }
#menu dt{
         font: 1em Myriad Pro, sans-serif;   
         display: block;
         height: 31px;
         background: transparent url(../images/roll_a.jpg) top left no-repeat;
         font: 1em Myriad Pro, sans-serif;
         text-decoration: none;
         color: #fff;
         padding: 0;
         margin: 0.1em 0 0 0;
         
         }
#menu dd{
        padding: 0.2em 0 0 1.5em;
        font-size: 16px;
	font-style: normal;
	background: transparent;
	line-height: normal;
	color: #FFFF99;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
       
                }
#menu dt a {
        background: transparent;
        padding: 0 0 0 0;
        display: block;
        height: 31px;
        background: transparent url(../images/roll_a.jpg) top left no-repeat;
        font: 1em Myriad Pro, sans-serif;
        text-decoration: none;
        color: #fff;
        }
#menu dt a:hover{
              background: transparent url(../images/roll_b.jpg)center left no-repeat;
              color: #110;
              }
#menu dt a:active{
               background: transparent url(../images/roll_b.jpg)center left no-repeat;
              color: #110;
              }
              
#menu dd a {
        background: transparent;
        padding: 0 0 0 0.4em;
        display: block;
        height: 31px;
        font: 1em Myriad Pro, sans-serif;
        text-decoration: none;
        color: #FFFF99;
        }
#menu dd a:hover{
               font-weight: bold;
	       color: #FFFFFF;
              }
#menu dd a:active{
              font-style: normal;
	      font-weight: bold;
	      color: #FFFFFF;
	      text-decoration: none;
              }  
/*<!--bottom menu (arrows)-->*/
#bottommenu {
             float: left;
             position: absolute;
             top: 415px;
             padding: 0;
             margin: 0 10px 10px 0;
             width: 120px;
             height: 60px;
             background: #330;
             }
#bottommenu ul {   
               list-style: none;
               width: 130px;
               }
#bottommenu ul li{ 
                  float: left;
                  height: 30px;       
                  }              
#content {

    position: absolute;
    top: 80px;
    left: 188px;
    width: 560px;
       }
#content p {
      font: 0.8em Myriad Pro, sans-serif;	
	line-height: 1.2em;
}
#content a {
            color: #FF9;
            font-family: Arial, Helvetica, sans-serif;    
	    font-size: small;
	    font-style: normal;
	    line-height: normal;
	    text-decoration: none;
            }
h1{      
       color: #D9D9B6;
       font-size: 1.2em;
       margin-top: 0px;
      font: 1.1em Myriad Pro, sans-serif;	
  }
h2{
       color: #D9D9B6;
       font-size: 1em;
       margin-top: 0px;
       font: Times New Roman, Times, serif;
       text-transform: lowercase;  
   }    
h3{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   color: #FFF;
   padding: 0 0 0 2.5em;
  }
h4{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   color: #FFF;
   padding: 0 0 0 1.5em;
   }
h6{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   color: #FFF;
   padding: 0 0 0 1em;
   }
h7{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   color: #FFF;
   padding: 0 0 0 5em;
  }
h8{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   color: #FFF;
   padding: 0 0 0 3.4em;
  }
#infotext {
          display: block;
          float: left;
          top: 66px;
          left: 272px;
          width: 175px;
          font-family: Arial, Helvetica, sans-serif;
          font-size: small;
          font-style: normal;
          line-height: normal;
          color: #FFFF99;
          text-decoration: none;
          position: absolute;
          
   }
p{
 color: #D9D9B6;
 font-size: 1em;
 font: Times New Roman, Times, serif;
 font-weight: normal;
  }

/*<!--top row = image display - polaroid style framing = 2-6 pictures-->*/
#polaroid_top{
              width: 86px;
              margin: 0 4em 2em 0;
              float: left;
              padding: 0 0 0 3.5em;
              color: #FF9;
              font-family: Arial, Helvetica, sans-serif;    
	      font-size: small;
	      font-style: normal;
	      line-height: normal;
	      text-decoration: none;
	      }
#polaroid_top img{
                  margin: 2em 10em 0.3em 0;
                  }
#polaroid_top text{
                    text-decoration: none;
                    }                  

/*<!--top row = image display - polaroid style framing2 = 10-12 pictures-->*/
#polaroid_top2{
              width: 67px;
              margin: 0 3.6em 0 0;
              float: left;
              padding: 0 0 0 2em;
              color: #FF9;
              font-family: Arial, Helvetica, sans-serif;    
	      font-size: small;
	      font-style: normal;
	      line-height: normal;
	      text-decoration: none;
	      }
#polaroid_top2 img{
                  margin: 1.5em 5em 0.2em 0;
                  }
#polaroid_top2 text{
                    text-decoration: none;
                    }
                    
/*<!--top row = image display - polaroid style framing3 = 15 pictures-->*/
#polaroid_top3{
              width: 67px;
              height: 67px;
              margin: 0 2em 3em 0;
              float: left;
              padding: 0 0 0 1.4em;
              color: #FF9;
              font-family: Arial, Helvetica, sans-serif;    
	      font-size: small;
	      font-style: normal;
	      line-height: normal;
	      text-decoration: none;
	      }
#polaroid_top3 img{
                  margin: 1.5em 0 0.2em 0;
                  }
#polaroid_top3 text{
                    text-decoration: none;
                    }
                    
/*<!--top row = image display - polaroid style framing4 = 4 pictures-->*/
#polaroid_top4{
              width: 100px;
              margin: 1.5em 4em 0 0;
              float: left;
              padding: 0 0 1em 7em;
              color: #FF9;
              font-family: Arial, Helvetica, sans-serif;    
	      font-size: small;
	      font-style: normal;
	      line-height: normal;
	      text-decoration: none;
	      }
#polaroid_top4 img{
                  margin: 0 0 0.2em 0;
                  border: 1px solid #330;
                  }
#polaroid_top4 text{
                    text-decoration: none;
                    }
             
/*<!--top row = image display - polaroid style framing4 = 9 pictures-->*/
#polaroid_top5{
              width: 67px;
              height: 67px;
              margin: 0 4em 3.5em 0;
              float: left;
              padding: 0 0 0 4.5em;
              color: #FF9;
              font-family: Arial, Helvetica, sans-serif;    
	      font-size: small;
	      font-style: normal;
	      line-height: normal;
	      text-decoration: none;
	      }
#polaroid_top5 img{
                  margin: 2em 0 0.2em 0;
                  }
#polaroid_top5 text{
                    text-decoration: none;
                    }