/* CSS Document */
body {
scrollbar-arrow-color: #FFD700;
scrollbar-base-color: #34291D;
scrollbar-face-color: #34291D;

}
#documentBody {
	text-align:center; 
	background-image:url(image/window_mat.gif);
}
#mainWindow {
	position:relative;
	margin:0 auto;
	width:900px;
	height:700px;
	background-image:url(image/pad_spring.gif);
	background-repeat:repeat-x;
}

#noteSpring {
	position:relative;
	height:54px; 
	
	margin-left:172px;
	text-align:left;
	background-image:url(image/pad_head_end.gif);
	background-position:top right;
	background-repeat:no-repeat;
	overflow:hidden;
}

#noteSpring ul {
	margin:0;
	list-style-type:none;
	display:inline;
	height:100%;
	text-align:left;
	padding:0px;
}

#noteSpring ul li {
	display:block;
	float:left;
	background-repeat:no-repeat;	
	padding-top:34px;
	padding-bottom:5px;
	background-image:url(image/pad_tab.gif);
	background-position:top right;
	background-repeat:no-repeat;
	text-align:center;
}

#noteSpring ul li a {
	color:#FFFFFF;
	display:block;
	width:130px;
	height:10px;
	text-decoration:none;
	font-family:Verdana;
	font-size:10px;
	
}
#noteSpring ul li a:hover {
	font-weight:bold;
	height:19px;
	color:#EFB22F;
}
#active {
	font-weight:bold;
	height:20px;
	color:#EFB22F;
}


#noteHeader {
	position:relative;
	height:119px; 
	width:100%;
	background-color:#63462B;
	background-image:url(images/header_cafe.gif);
}

#noteHeaderExtension {
	position:absolute; 
	left:-68px; 
	width:68px; 
	height:134px; 
	background-image:url(image/pad_side.gif);
}

#noteBody {
	position:relative;
	height:470px; 
	background-image:url(image/pad_window.gif);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	text-align:left;
	padding-left:25px;
	padding-right:35px;
	padding-top:30px;
	
}

.window_small_container {
	float:left;
	clear:none;
	width:170px;
	margin-top:70px;
	height:auto;
	background-image:url(image/window_small.gif);
	background-repeat:repeat-y;	
}
.window_small_body {
	text-align:left;
	margin-left:10px;
}
.window_small_head {
	position:relative;
	top:0px; 
	left:0px;
	width:170px;
	height:12px;
	background-image:url(image/window_small_head.gif);
	background-repeat:no-repeat;
}
.window_small_foot {
	position:relative;
	width:170px;
	height:9px;	
	background-position:bottom;
	background-repeat:no-repeat;
	border-bottom: 1px solid #AE9462;
}

#right_pane_container {
	height:400px;
	width:auto;
	
}

.window_big_container {
	float:right;
	width:650px;
	border-bottom: 1px solid #AE9462;
	margin-top:20px;
	height:auto;
	background-image:url(image/window_big.gif);
	background-repeat:repeat-y;	
}
.window_big_body {
	text-align:left;
	margin-left:15px;
	height:360px;
}
.window_big_head {
	width:650px;
	height:18px;
	background-image:url(image/window_big_head.gif);
	background-repeat:no-repeat;
}
.window_big_head_clear {
	width:650px;
	height:18px;
	background-image:url(image/window_big_head_clear.gif);
	background-repeat:no-repeat;
}
.window_big_foot {
	width:650px;
	height:12px;	
	background-position:bottom;
	background-repeat:no-repeat;
}
div, td {
  font-family: verdana;
  font-size: 11px;
}