body {
	background-image: url(../images/bg_room.jpg) ; background-repeat: repeat-x;
	background-color: #A28855;
	margin-top: 10px;
	
}

.container { 
			min-width: 700px;
			max-width: 1000px;
			width: expression(document.body.clientWidth < 560? "700px" : document.body.clientWidth > 1000? "980px" : auto) ; 
			align: left; margin-left: 50; margin-bottom: 15px; }


.container2 { align: right; } /* might not need this class




/** CONTENT IN THE MAIN CELL ***/

.Content {
	padding-top: 15;
	padding-left: 25;
	padding-right: 20;
	width: 95%;
		}
		
.Content td {
	padding-right: 10;
	padding-top: 4;
	padding-bottom: 6;
			}
			
.clearBoth { clear:both;}			
		
		
h1 {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 150%;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	color: AA4524;
	padding-bottom: 10px;
}
		
.HeaderA {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 150%;
	font-style: normal;
	line-height: normal;
	color: AA4524;
	padding-bottom: 10px;
}

.HeaderB {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 110%;
	font-style: normal;
	line-height: normal;
	color: AA4524;
	font-weight: normal;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

h2.HeaderB {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 120%;
	font-style: normal;
	line-height: normal;
	color: AA4524;
	font-weight: normal;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

.HeaderC {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: normal;
	color: #776569;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
h3.HeaderC {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	color: #776569;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}


.Content p {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: 150%;
	color:# 000000;
			}
			
.Content p a {
	color: #000000;
			}
			
p.list-header {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 95%;
	color: #7D3F33;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-style: normal;
	line-height: normal;
	font-weight:bold;
	font-variant: normal;
	text-transform: none;
}			
			
			
.Content u {
	margin-top: 0px;
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 75%;
	font-style: normal;
	line-height: 100%;
	color:# 000000;
	padding-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	list-style-position: outside;
	list-style-type: disc;
			}
			
.Content li {
	margin-top: 6px;
	font-family: Trebuchet, Verdana, sans-serif, sans-serif;
	font-size: 90%;
	font-style: normal;
	line-height: 125%;
			}
			
	.Content li ul  {
	margin-bottom: 15px;
	
			}
	
	.Content li ul li {
	margin-top: 6px;
	font-size: 100%;
	line-height: 120%;
			}
			
	/** WINDOW - styles ***/			

.window-sill { background-color:#F8F6E0;  border-bottom: solid 3px #D1D0C0; border-top: solid 5px #fff; }



/** IMAGE POSITIONING - for the CAT ***/

.cat { 
	position: absolute; top: 43px; left: 116px;	}
	
/** COMMENTS regarding previous tests on how to position the cat:
	
	OLD code: The cat is on the bookshelf, but ends up on the windowsill when the window is resized - MAC, explorer 
    COMMENT: code: The cat stays on the shelf, in PC Explorer 
	
    COMMENT: div style="position: absolute; top: 45px; left: 100px;"  
	For Firefox PC, use 35 from the top (subtract 10) 
    COMMENT: code: The cat stays on the shelf, in Mac Explorer
    
	div style="position: absolute; top: 45px; left: 100px;"  For Firefox PC, use 35 from the top (subtract 10) 
    COMMENT: The cat was on the bookshelf, but ended up on the windowsill when the window is resized PC Explorer. NOTE: the layout was different 
   
    div style="position: absolute; top: 0px; left: 50px; float: none;  visibility: visible;"
	COMMENT: The cat is on the bookshelf, MAC Explorer. NOTE: not 100% stable - sometimes one has to first change the window 
		
***/


/** SIDE NAVIGATION - BOOKSHELF ***/	
	
.bookshelf-nav {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 85%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-color: #291200;
	padding-left: 6px;
	padding-right: 3px;
	padding-top: 6px;
}

.bookshelf-nav a {
	text-decoration: none;
	color: #FFFFFF;
	letter-spacing: .125em;
	font-style: normal;
	font-variant: small-caps;
}
.bookshelf-nav a:hover {
	text-decoration: underline overline;
	color: #FFffff;
	border: #FFFFFF;
}

.bookshelf {
	background-color: rgb(187, 153, 102);   /#ffffcc; /#834913; #CC9966;
	font-size: 6px; 
	line-height: normal;
}

.cat-bookshelf-rel {
	position: relative;
	left: 20px;
	bottom: 200px;
	top: 0px;
	padding-top: 10px;
	margin-right: 0px;
}




/* OTHER TEXT STYLES */

.top {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 85%;
	padding-top: 25px;
	padding-bottom: 15px;
	text-decoration: none;
	margin: 10px;
	font-style: normal;
	line-height: 150%;
	color: #AA4524;;
	}

.bottom-text {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 75%;
	font-style: normal;
	line-height: 145%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	margin-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.bottom-line {
	background-color: #D5AE82;
	padding-right: 0px;
	padding-left: 0px;
}


.bottom-text a {
color: AA4524;
}


.h1 {
	font-family: Trebuchet, Verdana, sans-serif;
	font-size: 150%;
	font-style: normal;
	line-height: normal;
	color: AA4524;
	padding-bottom: 10px;
}