@charset "utf-8";
/* CSS Document */
	   * {
		   margin:0; padding:0; border:none;
	   }
	   
/*	   div {
		   border: 1px solid red;
	   }
*/	   
	   body {
		   text-align: center; /*IE centering */
		   background-color: #304342;
		   font: 16px/150% Verdana, Geneva, Arial, Helvetica, sans-serif; 
		   color: #FFF;
		   text-align: center;
	   }

	   #wrapper {
		   width: 920px;
		   margin: 0 auto;
		   text-align: left;
	   }

	   p {
		   padding-bottom: 8px;
	   }

	   a {
		   text-decoration: none;
		   color: #9ae3e8;
	   }

	   a:hover {
		   text-decoration: underline;
	   }

	   img {
		   border: none;
		   padding: 10px 0;
	   }


	   h2 {
		   font-size: 140%;
		   font-weight: normal;
		   padding-top: 10px;
		   padding-bottom: 10px;
		   color: #dddedf;
	   }

	   h3 {
		   font-size: 125%;
		   font-weight: normal;
		   padding-top: 10px;
		   padding-bottom: 12px;
		   color: #dddedf;
	   }

	   h4 {
		   font-size: 110%;
		   font-weight: normal;
		   padding-top: 6px;
		   padding-bottom: 8px;
	   }

	   h5 {
		   font-size: 110%;
		   font-weight: normal;
		   font-style: italic;
		   padding-top: 6px;
		   padding-bottom: 8px;
	   }

	   .floatleft {
		   float: left;
	   }

	   .floatright {
		   float: right;
	   }

	   .clear {
		   clear: both;
	   }

	   .onecol {
		   width: 170px;
	   }
	   
	   .twocol {
		   width: 360px;
	   }
	   
	   img.onehalfcol {
		   width: 80px;
	   }

	   ul.floatleft, ul.floatright {
		   width: 190px;
		   list-style-position: outside;
		   margin-left: 1.25em;
	   }

	   #header {
		   height: 130px;
		   padding: 10px 15px 5px 15px;
	   }
	   
	   #header a {
		   color: #69bcc6;
		   vertical-align: top;
	   }
	   
		h1 span {
			display:none; /*h1 wrapped around logo reads for SEO but does not display*/ 
		}


	   table {
		  width: 400px;
	   }
	  
	   table, th, td {
		  padding: 2px 4px;
	   }
	  
	   td.align-right {
		  text-align: right;
	   }
	  
	   td.align-top {
		  vertical-align: top;
	   }

	   #navigation {
		   clear: both;
		   height: 40px;
		   padding-top:5px;
		   padding-left: 0;
		   padding-right: 15px;
		   background-color: #304342;
		   font-size: 1.2em;
	    }
	   
	    #navigation a {
		  padding: 3px 5px 3px 3px;
		  text-decoration: none;
		  color: #9ae3e8; 
	    }

	    #navigation a:hover {
		   border-top: 3px solid #bebfc0;
		   border-bottom: 3px solid #bebfc0;
		   background-color: #25273c;
		   color: #9ae3e8;
	    }

	    #navigation ul {
		   text-align: center;
		   color: #dddedf;
		   border-top: 3px solid #515f76;
		   border-bottom: 3px solid #515f76;
		   padding: 2px 0 3px 0;
	    }

	    #navigation li {
		   display: inline;
		   padding: 0 15px;
		   list-style-type: none;
	    }

	    #navigation-items {
		  text-align: center;
		  padding-top:15px;
	    } 
	  
	    #navigation-items li {
		  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		  font-size: 18px;
		  color: #FFFFFF;
		  list-style-type: none;
		  display: inline;		
		} 
		  
		#navigation-items li a {
			color: #88caca; /*darker robins egg blue*/
			padding: 3px 5px 3px 3px; 
			background-color: #304342;
		} 
			

		#navigation-items li.main-on a  {	
			 border-top: 3px solid #bebfc0; 
			 border-bottom: 3px solid #bebfc0;
			 background-color: #25273c; /*dark blue*/
			 color: #9ae3e8; /*brighter robins egg blue*/
		} 
		
		#navigation-items li a:hover {
			color: #9ae3e8; /*brighter robins egg blue*/
			padding: 3px 5px 3px 3px;
			background-color:#25273c; 
		}  
		
		#bottomnav, table {
			font-size: 85%;
		}
  
		#content {
			margin: 0 auto;
			padding-left: 15px;
			overflow: hidden; 
		}

	    #content ul {
		  margin-left: 20px;
	    }
	  
	    #content li {
		   padding-bottom: 4px;
		   list-style-type: square;
	    }

	    #left2cols {
		   width: 430px; 
		   float: left;
		   overflow: hidden;
		   padding: 15px 0 15px 5px;
	    }

	    #right2cols {
		   width: 400px; /*was 420 */
		   overflow: hidden;
		   float: right;
		   margin-right: 15px;
	    }
	   
		#galleries{
			width: 900px;
		}
		
		#galleries p, #galleries h2 {
			width: 200px;
			margin: 0 0 40px 0;  /* img and p have same margins so they space vertically no matter which is taller */ 
		}
		
		#galleries img {
/*			display: block;*/
			clear: both;
			padding-bottom: 15px;
			margin: 0 0 40px 0;  /* img and p have same margins so they space vertically no matter which is taller */ 
		}
		
	   #galleries #left2cols p, #galleries #left2cols h2, #galleries #right2cols img {
			float:left;
			text-align: right;
		}

	   #galleries #left2cols img, #galleries #right2cols p, #galleries #right2cols h2 {
		   float: right;
	   }

	   #rooms p, #rooms h2 {
			width: 300px;
			margin: 0;  /* img and p have same margins so they space vertically no matter which is taller */ 
		}
		
		#rooms{
			width: 900px;
		}
		
		#rooms img {
			display: block;
			clear: both;
			padding-bottom: 15px; 
			margin: 0;  /* img and p have same margins so they space vertically no matter which is taller */ 
		}
		
	    #rooms #left2cols p, #rooms #left2cols h3 {
			float:left;
			padding-left: 15px;
		}
		
	    #rooms #left2cols img, #rooms #left2cols h2, #rooms #right2cols p, #rooms #right2cols h2 {
			 float: left;
	    }

	    #rooms #right2cols {
			 height: 700px; 
	    }

	    #rooms p.initial {
			margin-top: 30px;
	    }

	   #rooms h2 {
			font-size: 110%;
			padding-top: 0;
	    }

	   #rooms h3 {
			font-size: 100%;
	   }  
	  
	   #rooms p {
			font-size: 85%;
	   }  
	  

	   #rooms #right2cols div {
			padding-top: 52px;	    
			 /*moves inner div down from the top of the display div*/ 
			margin-bottom: 400px; 	
			 /*separates images so only one fits in our display div at a time*/ 
	   }
		
	   #rooms #right2cols div img {
			margin: auto;			
			 /*centers image in div*/ 
			display: block;			
	   }
		
	   #rooms #right2cols div p {
			padding: 5px 40px;		
			 /*keeps text from touching the edges of the div*/ 
	   }

	   #memoirs .floatleft {
		  width: 240px;  
	   }
	  
	   #memoirs .floatright {
		  width: 580px; 
		  margin-right: 15px;
	   }
	  
	   #memoirs h2 {
		  text-align: left;
		  padding-top: 30px;
	   }
	   p.memoir_end {
		  padding-bottom: 30px;
	   }
	   p.memoir_begin {
		  padding-top: 45px;
	   }
	  
	   #memoirs .c2-4 {
		  width: 660px;
	   }
	  
	   #memoirs .c1 {
		  width: 200px;
	   }
	  
	   #footer {
		   height:40px;
		   margin: 0 15px;
		   border-top: 3px solid #515f76;
		   font-size: 85%;
	   }
	   
	   #footer.floatleft {
		  width: 380px;
	   }

	   #footer.floatright {
		  width: 380px;
	   }

	   #footer .valid {
		  padding: 0;
	   }