/* CSS Document */
#body {
	background-color:#FFFFFF;
	overflow:scroll;
	margin:0;
	padding:0;
	}
#whrapper {
	width:800px;
	height:600px;
	margin:auto auto;
	}
#top {
	background-image:url(head.gif);
	width:800px;
	height:179px;
	background-repeat:no-repeat;
	}

#top ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	padding:160px 0 10px 20px;  
	}
#top li {
	display:inline;
	list-style-type:none;
	word-spacing:1.0em; 
	}
#top li a:link { 
	text-decoration:none; 
	color:#fff;
	}
#top li a:visited { 
	text-decoration:none; 
	color:#fff;
	}
#top li a:hover { 
	text-decoration:none; 
	color:#fff;
	}
#top li a:focus { 
	text-decoration:none; 
	color:#fff;
	}
#top li a:active { 
	text-decoration:none; 
	color:#fff;
	}
#main {
	width:800px;
	height:352px;
	}
#frame {
	width:98%;
	margin:0;
	padding:0;
	min-height:352px;
	}
#frame p {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; color:#000000; 
	margin:0 0 0 10px;
	padding: 10px 0 0 10px;
	}
#frame table {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
	color:#000000; 
	margin:0 0 0 20px;
	overflow-x: hidden;
	}
#frame tr, td {
	padding:5px
	}
#frame h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000; 
	margin: 0 0 0 10px; 
	padding:10px 0 10px 10px
	}
#frame ol li {
	padding-bottom:10px;
	padding-left:0;
	}
		
#bottom {
	background-image:url(bottom.gif);
	background-repeat:no-repeat;
	width:800px;
	height:69px;
	}
a:link { 
	text-decoration:none; 
	color:#000;
	}
a:visited { 
	text-decoration:none; 
	color:#000;
	}
a:hover { 
	text-decoration:none; 
	color:#00f;
	}
a:focus { 
	text-decoration:none; 
	color:00f;
	}
a:active { 
	text-decoration:none; 
	color:#00f;
	}
	
/********************************************
   Gallery
********************************************/ 

/* common styling for all galleries */
a.gallery, a.gallery:visited {
	display:block; 
	display:inline-block; 
	color:#999; 
	text-decoration:none; 
	border:1px solid #999; 
	width:45px; 
	height:45px; 
	float:left; 
	margin:2px 0 0 2px; 
	z-index:50;
	}
a.gallery em, a.gallery span {
	display:none;
	}
a.gallery:hover {
	border:1px solid #999;
	
}/* styling for LEFT gallery */
#container_left {
	position:relative; 
	width:440px; 
	height:360px; 
	background:#e9e9e9; 
	border:1px solid #999; 
	margin:1em auto;
	}
#container_left img {
	border:0;
	}
#container_left .thumbs {
	width:100px; 
	position:absolute; 
	left:0; 
	top:0;
	}
#container_left a.gallery:hover span {
	display:block; 
	position:absolute; 
	width:400px; 
	height:50px; 
	top:265px; 
	left:175px; 
	padding:5px; 
	font-style:italic; 
	color:#999;  
	z-index:100;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; color:#000000; 
	}
#container_left a.gallery:hover span:first-line {
	font-style:normal; 
	font-weight:bold; 
	font-size:1.1em; 
	color:#999;
	}
#container_left a.gallery:active, #container_left a.gallery:focus {
	border:1px solid #999;
	}
#container_left a.gallery:active em, #container_left a.gallery:focus em {
	display:block; 
	position:absolute; 
	width:300px; 
	height:250px; 
	top:5px; 
	left:110px; 
	padding:0; 
	color:#000; 
	border:0; 
	z-index:50;
	}

#container_left h1 em {
	font-size:0.6em; 
	color:#999;
	}