
/* Layout Stylesheet */ 

body { 
 background: #000000;
 color: #CCCCCC;
 text-align:left;
 font-family: Helvetica, sans-serif;
 background:#000000;
 background-attachment: fixed; 
 background-image: url(../images/background.jpg);
 background-repeat:no-repeat;
 background-position:center;
 overflow:auto;
 }
 
 #container {
 
 border: 0px;
padding-bottom:0px;
width:100%;
text-align:center;
display:block;
 }
 
#etc
{
 width:100%;
 float:left;
 display:block;
 border:0px solid #FFFFFF;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:0px;
 padding-top:30px;
 text-align:center; 
}

#gallery
{
 float:left;
 display:block;
 border:0px solid #FFFFFF;
 min-height:200px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:0px;
 padding:30px;
 padding-left:0px;
 text-align:center; 
}

#previewgallery
{
 border:0px solid #FFFFFF;
 height:75%;
 margin-left:auto;
 margin-right:auto; 
 padding:0px;
 padding-top:30px;
 text-align:left; 
 display:block;
}

#previewimage
{
 padding:0px;
 border:0px solid #FFFFFF; 
}

ul.preview
{float:left;
}

ul
{
display:table;
text-align: left;
}

li
{
border:0px solid #CCCCCC;
float: left;
display: block;
margin: 3px;
padding: 3px;
text-align: center;
width: 100px;
height: 100px;
}

li a
{
display:block;
border:3px solid #EEEEEE;
border-right:3px solid #999999;
border-bottom:3px solid #999999;
height:100px;
width:100px;
}

li a:hover
{
border:3px solid #FFFFFF;
border-right:3px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
height:100px;
width:100px;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
li a
{
float: none
}
/* End IE5-Mac hack */


img.ratfish
{
 position:relative; 
 top:30px;
 display:block;
 margin-left:10px;
 padding-left:10px;
}

img.preview
{
 position:relative; 
 top:20px;
 width:300px;
 display:block;
 float:right;
 margin-right:50px;
 padding-left:0px;
}

 p { color:#000000;
	background:#FFFFFF;
	width:700px;
    font-family:arial, sans-serif;	
    font-weight: normal;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding:10px;
	font-size:15px;
	text-align:left;
	display:block;
	border:3px solid #EEEEEE;
	border-right:3px solid #999999;
	border-bottom:3px solid #999999;
	}

a	{
	color:#AAAAFF;
	}

a:visited	{
	color:#AAAAFF;
	}


img { 
	float: none;
	border: 0px solid;
	}
	 
h1, h2, h3 {
	background-color: transparent;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}

h1 { 
	margin-top: 20px;
	font-size: 26pt;
	font-family: arial;
	font-variant: normal;
	color: #FFFFFF;
	}

h2 {
	font-family: times,serif;
	font-size: 18pt;
	color: #FF0000;
	}

h3 {
	position:relative; top:60px; left:50px;
	float:left;
	font-size: 18pt;
	color:#117388;
}

	
b	{
	color:#FF0000;
	font-weight:bolder;
	}
