		#wrapper
		{
			width: 800px;			
			margin: 0 auto;
			background-color: black;
            
           
			
		}

		body
                { background-image: url('images/mustardback.jpg'); }
		
				
		#header
		{
			margin-bottom: 20px;
		}
		
		
		
		#col1
		{
			float: left;
			width: 20%; 
                     
           )

		
			
			display: inline;
			
		}
		
		#col2
		{
		
		
			
			float: right;
			width: 75%;
                     
		
			margin-left: 3%;
			
			
		
		}
		
 		div.amenitieslist
         {
         padding-left: 80px; padding-top: 10px; 
         padding-bottom: 10px; 
         margin-top: 0px; margin-right: 20px;
         background-color: #cc9900; 
          
         }


		
		
		
		#footer
		{
			clear: both;
                 
			
			
		}

	

	p.color 
	{
		text-align: center; 
		font-family: verdana; 
		font-size: 110%; 
		background-color: #CC9900; 
		color: black; 
		font-variant: normal;
                
                

	}

        p.text
        {
                font-family: verdana; font-size: 100%; 
                line-height: 150%; font-weight: lighter; padding: 1em;
         }
         p.blurb
         {
         		 color: #cc9900; font-size: 90%; 
         		padding-left: 0em; padding-right: 5em; margin-top:0em; margin-bottom: 0em;
         		 font-family: verdana;  
                line-height: 150%; font-weight: lighter;
               
                
         }
         
         p.comments
         {
         		 color: #cc9900; font-size: 100%; 
         		padding: 0em; margin-top:0em; margin-bottom: 0em;
         		 font-family: verdana;  
                font-weight: lighter;
                margin-right: 30px;
         }


           p.signatures
        {
               padding: 0em; margin-top:0em; font-family: verdana; 
               font-size: 100%; color: white;margin-right: 10px;
         }
         /*The maintext paragraph is for main text in col2*/
         
         p.maintext
         {
        padding:10px; background-color:#cc9900; margin-top: 0px; 
         font-family: verdana; font-size: 85%; margin-right: 20px;
         }
         
         
         p.back
         {
         font-family: verdana; color: #CC9900; font-size: 85%;
         }

	ul.none
	{
		list-style-type: none;
		font-family: verdana;
                font-size: 80%; 
		color: white;
                padding: 0; margin: 0;
                
	}

        li
        {       padding-left: 5px;
                 padding-bottom: 10px;
                 margin-top: 5px;
               
                 padding-right: 5px;
                         
         }

         	ul.mainlists
	{
		list-style-type: square;
                list-style-position: inside;
		font-family: verdana;
                font-size: 85%;
              
		color: black;
                padding: 0; margin: 0;
                
     
        background-color:#cc9900; 
	}

     

    p.sidebar
    {font-family: verdana; color: #cc9900; font-size: 80%; padding:.5em;}

	p.footer 
	{
		font-family: verdana; 
		font-size: 75%; 
		color: #CC9900; 
		text-align: center;
                margin-top: 1em;
                margin-bottom: 1em;
                border-top-color:#CC9900;
                border-top-style: ridge;
                padding-top: .5cm;
                padding-bottom: .5cm;
                
               
	}

        
        h2
        {
        
               font-family: verdana; color: #f8f8f0;  margin-top: 0em; font-size: 150%;
               font-variant: small-caps; font-weight: 300; letter-spacing: 0.3cm;
               
         }
         
         h2.amenities
         {background-color:#cc9900; padding-left: 25px; 
         margin-bottom: 3px; padding-bottom: 0px;
         margin-right: 20px;
         }

         h2.sub
         {
               font-family: verdana; color: #CC9900;  margin-top: 0em; font-size: 130%; 
               font-variant: small-caps; font-weight: 300;  letter-spacing: 0.3cm;
         }
         
         h2.addresses
          {
               font-family: verdana; color: #f8f8f0;  margin-top: 0em; font-size: 130%; 
               font-variant: small-caps; font-weight: 300;  letter-spacing: 0.1cm;
               
         }
         

        #tanheadings
        {  
        font-family: verdana; color: white; font-size:120%; font-weight: bold; color:#CC9900;
       margin-bottom: 0.5em; margin-top: 0.5em;}

  
       h4
        {
                font-family: verdana;
                color: #CC9900;
                margin-top: 0em;
         }

     

       table.submenu
        {
                 width: 150px;
                 background-color: black;
                 border: 0;  
              
             
         }

         th { font-family: verdana;
                color: #CC9900; padding: 0.4em;
                text-align: center;}

     

       td.plans 
       {text-align: top; padding-left: 25px; }

          td.plans h4 
         {text-align: center; font-family: verdana; color: white; padding: 0em; margin: 0em;}

          td.plans p 
         {text-align: center; font-family: verdana; font-size: 75%; color: #993300; padding: 0em;
           margin: 0em; }



            h3
        {		padding-left: 10px;
                font-family: verdana;
                color: #CC9900;
                margin-top: 0em;
                background-color: white;
                
               margin-right: 20px;
         }

               h3.white
        {
                font-family: verdana;
                color: white;
             
          
         }
       

       a:link {color: white;}
       a:visited {color: white;}
       a:hover {color: #993300;}
       a:active {color: #0000FF;}
       
       
       img { border: none;}
                  
  


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}









