/* Main Style Sheet */


body {

background-color:white;
background: url('../images_pres/nature007.jpg') scroll left;
margin:0 0 0 0;
padding:0 0 0 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

p, ol {
    color: #663333;
    font-size:12px;
    font-weight:normal;
    line-height:1.4em;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}
h4, h5 {
    color: #663333;
}    

a:link {
	color: #663333;
	text-decoration: none;
	}
a:visited {
	color: #663333;
	text-decoration: none;
	}
a:hover {
	color: #874154;
	text-decoration: underline;
	}
a:active {
	color: #663333;
	text-decoration: none;
	} 

/* ---- fading pictures centered ----*/
.centerdiv{ /*IE method of centering a relative div*/
     text-align: center;
}
.centerdiv>div{ /*Proper way to center a relative div*/
    margin: 0 auto;
    border:0px solid blue;       /* border for testing */
}

/* ---- Container and its elements positioning ----*/

#container {
     background-color:#E8D9dE;      
     width:640px;
     margin: auto;
     background-repeat: no-repeat;
     background-position-y: 50%;
     position:relative;
     padding-left:0; padding-right:0; padding-top:0px; padding-bottom:35px; 
     }
/* ---- Top Page Header with h1 replaced with image----*/     
#pageHeader h1 {
   background-image: url('../images_pres/title-curlz1.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   width:640px;
   height:100px;
   padding: 0px;
   margin: 0 0 0 0;
    }
/* ---- Nav Bar Styling     ----*/     
#mainnav {
    background-color: #C88497;  
	 font-size:14px;
    font-weight:normal;
    font-family: Geneva, Arial, Helvetica, sans-serif;
 	 padding: 10px 0;
	 margin-bottom: 22px;
     }
	
#mainnav ul	{
	margin: 0 0 0 20px;
	padding: 5px;
	list-style-type: none;
	border-left: 1px solid white;
	}
	
#mainnav li	{
	display: inline;
	padding: 5px 10px;
	border-right: 1px solid white;
	}
	
#mainnav li a {
   color: white;
	text-decoration: none;
}
	
#mainnav li a:hover	{
   background-color: #FFC;
   color: green;
	text-decoration: underline;
}

/* ---- Content   Holds main body of content on all pages   Size is 400 px wide ----*/     
#content {
    width:400px;
    margin: 0  0 0  0;
    border:0px solid blue;          /* border for testing */
}

/* ---- thumbnail sytling for picture thumbnails  150 px wide  or 200px wide ----*/     
.thumbnail100{
    		float: left;
    		width: 150px;
     		margin: 5px 5px 5px 0;
     		padding: 5px;
     		font-size: 10px;
     		border:0px solid blue;      /* border for testing */
}
.clearboth {
     		clear: both;
} 
.thumbnail200 {
    		float:left;
    		width: 200px;
     		margin: 1px 1px 1px 0;
     		padding: 3px;
     		font-size: 10px;
}

/* ---- Content areas for all pages  Size is 375 px wide - is inside main content box that is 400 px wide ----*/     	

#content_1, #content_1a, #content_2, #content_3, #content_4,  #content_5, #content_5a,  #room_1, #room_2, #room_3, #room_4 {
    position:relative;
    width:375px;
    margin:0 0 0 25px;
    border:0px solid green;      /* border for testing */
    
}

#content_5{
   margin-bottom:35px;
}
#content ul{
	text-align: left;
	margin: 0 0 0 0;
	padding:0 0 15px 35px;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
#content ul li , ol li {
	color: #663333;
   margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px dotted #999999;
}	
#content li a:link {
	color: #663333;
	text-decoration: underline;
}
#content  li a:visited {
	color: #663333;
	text-decoration: none;
}
#content  li a:hover {
	color: blue;  /* #874154; */
	text-decoration: underline;
}

/* ---- Footer area styling ----*/     
#footer{
   text-align: left;
	padding:25px 0 0 0;
	margin:0 0 0 60px;
}
#footer h3 {
   margin-bottom:-25px
}

#footer a, #footer a:visited {
	padding: 5px;
	border: 1px solid #eeeeee;
	background-color: #fff;
	color: #666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
}

#footer a:hover {
	padding: 5px;
	border: 1px solid #eeeeee;
	background-color: #eeeeee;
	color: #999999;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
}

/* ---- all Content h3 titles replaced with images ----*/

#content_1 h3 {
   background-image: url('../images_pres/title1.gif');
   background-repeat: no-repeat;
   background-position: left top;
   width:300px;
   height:60px;
   margin-bottom:-5px;
}
#content_1a h3 {
   background-image: url('../images_pres/title1a.gif');
   background-repeat: no-repeat;
   background-position: left top;
   width:300px;
   height:60px;
   margin-bottom:-5px;
}
#content_2 h3 {
   background-image:   url('../images_pres/title2.gif');
   background-repeat: no-repeat;
   background-position: left top;
   width:300px;
   height:60px;
   margin-bottom:-5px;
}

#content_3 h3 {
   background-image: url('../images_pres/title3.gif');
   background-repeat: no-repeat;
   background-position: left top;
   width:300px;
   height:60px;
   margin-bottom:-5px;
}

#content_4 h3 {
   background-image: url('../images_pres/title4.gif');
   background-repeat: no-repeat;
   background-position: left top;
   width:300px;
   height:60px;
   margin-bottom: -5px;
}

#content_5 h3 {
   background-image: url('../images_pres/title5.gif');
   background-repeat: no-repeat;
   background-position: left top;
   width:300px;
   height:60px;
   margin-bottom:-5px;
}
#content_5a h3 {
   background-image: url('../images_pres/title5a.gif');
   background-repeat: no-repeat;
   background-position: left top;
   width:300px;
   height:60px;
   margin-bottom:-5px;
}
#room_1 h3 {
   background-image: url('../images_pres/title_room1.gif');
   background-repeat: no-repeat;
   background-position: left top;
   width:300px;
   height:60px;
   margin-bottom:-5px;
}
#room_2 h3 {
   background-image: url('../images_pres/title_room2.gif');
   background-repeat: no-repeat;
   background-position: left top;
   widt   width:300px;
   height:60px;
   margin-bottom:-5px;
}
#room_3 h3 {
   background-image: url('../images_pres/title_room3.gif');
   background-repeat: no-repeat;
   background-position: left top;
   width:300px;
   height:60px;
   margin-bottom:-5px;
}
#room_4 h3 {
   background-image: url('../images_pres/title_room4.gif');
   background-repeat: no-repeat;
   background-position: left top;
   width:300px;
   height:60px;
   margin-bottom:-5px;
}

#pageHeader h1 span, #pageHeader h2 span,  #content_1 h3 span, #content_1a h3 span, #content_2 h3 span, #content_3 h3 span, #content_4 h3 span,
        #content_5 h3 span, #content_5a h3 span, #footer h3 span {
  display:none;
}

#room_1 h3 span, #room_2 h3 span, #room_3 h3 span, #room_4 h3 span {
  display:none;
}


/* ---- Right Sidebar Positioning and Styling.  absolute positioning -  180px wide by 850px long  offset over 275px from left ----*/
#linkList {
        position: absolute;
        left:160px; 
        right:auto; 
        top: 430px;
        padding:0;
        margin-left: 275px;
        width: 180px;
        height:850px;
        border:0px solid red;    /* border for testing */
}

#linkList ul {
   text-align: left;
	list-style: none;
	margin: 0 0 0 0;
	padding:0 0 15px 35px;
	color: #663333;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width:120px;
	border:0px solid blue;    /* border for testing */
}

#linkList ul li {
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px dotted #999999;
}

#linkList ul li a, #linkList ul li a:visited {
	border-bottom: none;
	outline:0;
}

#linkList ul li a:hover {
	color: #663333;
	text-decoration: underline;
}

#lsection1 {
	font-size: .8 em;
	
}
/* ---- 1st sidebar section has image bullets ----*/

#lsection1 ul li {
background: url('../images_pres/J0115867.GIF') no-repeat 2% 25%;
	color:black; padding-left:20px; padding-right:0; padding-top:3px; padding-bottom:3px;
}
	
#lsection1 a {
	display: block;
	font-size: 1em;
	color: #874154;
}

#lsection1, #lsection2, #section3, #section4 {
	margin-bottom: 5px;
	color: #663333 
}

#lsection2 ul li a, #lsection3 ul li a {
color:#874154;
}
/* ----  Right Sidebar h3 titles transformed to uppercase letters ----*/

#lsection1 h3, #lsection2 h3, #lsection3 h3, #lsection4 h3 {
	width: 196px;
	height: 40px;
	margin-bottom:-20px;
	padding:10px 0 0 35px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	color: #874154;
}