/***************************************************
  Begin
 ***************************************************/
 
html { 
		scrollbar-arrow-color: #FFFF00;
		scrollbar-base-color: #000000;
		scrollbar-dark-shadow-color: #000000;
		scrollbar-track-color: #999999;
		scrollbar-face-color: #400040;
		scrollbar-shadow-color: #3F33AF;
		scrollbar-highlight-color: #CC24BA;
		scrollbar-3d-light-color: #C667E9;
}

body {
  background: #585858 url('bgtest.jpg');
  font: 0.72em verdana, arial, sans-serif;  
  line-height: 170%;
}

#container {
	width: 700px;
	height: auto;
	margin: 0 auto;
}

#top {
	background: url('top.jpg') no-repeat;
	width: 700px;
	height: 90px;
  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
  border: 0px; 
}

#column {
	background: url('mid.jpg');
	background-repeat: repeat-y top;
	width: 700px;
	height: auto;
  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 
  border: 0px; 
}

#bottom {
	background: url('bottom.jpg');
	background-repeat: no-repeat;
	width: 700px;
	height: 98px;
  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 
  border: 0px; 
}



A					{ color:blue; text-decoration:none; }
A:link		{ color:blue; text-decoration:none; }
A:visited	{ color:#ed4832; text-decoration:none; }
A:active	{ color:#f63e2a; }
A:hover		{ color:#f63e2a; text-decoration: underline; }


ul.gallery { list-style: none; }
ul.gallery li { margin: 25px auto; }


a.pop {
    z-index:24;
    text-decoration:none; }
a.pop img { width: 300px; border-width:0px;}
a.pop:hover { z-index:25; }
a.pop span { display: none; }
a.pop:hover span { 
		display: inline;
		position: absolute;
		margin-left:20px; 
		}
		
div.tab { background: url('base.png') no-repeat left top; 
					width:auto;
					height:25px;
					padding:0px 5px 0px 5px;
					margin: -4px 0px 0px 0px; 
					font: 1em arial;
					}