@charset "utf-8";

body {
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #666666;
	background: #cccccc;
}

img {
  border: none;
  }
  
  
a:link {
  color: #000000;
  text-decoration:none;
  }

a:visited {
  color: #5c5c5c;
  text-decoration:none;
  }

a:hover {
  color: #333333;
  text-decoration:none;
  }

a:active {
  color: #cfcfcf;
  text-decoration: none;
  }
  
h3.gallery{
	padding-left: 10px;
	font-size:smaller;
	font-weight:normal;}
  
#main{
	position:relative;
	background:#FFFFFF;
	width:90%;	
	margin: 0 auto;
	height:580px;
	max-width: 900px;
}

#topbar{
	position:relative;
	height:100px;
	border-bottom: 1px solid #cccccc;
}

#title{
	position:absolute;
	left: 160px;
	top:25px;
	width:300px;
}

#navigation{
	position:absolute;
	right:50px;
	left: 450px;
	top: 40px;
	text-align:right;
	min-width:150px;
	}
	
#sidebar{
	position:absolute;
	left:0px
	top:100px;
	width:110px;
	height: 330px;
	border-right: 1px solid #cccccc;
	padding-top:70px;
	padding-left: 30px;
}

#content{
	position:absolute;
	left:140px;
	right:0px;
	max-width:760px;
	height:400px;
	text-align:center;
}

#textContent{
	position:absolute;
	left:140px;
	right:0px;
	max-width:760px;
	height:400px;
	text-align:center;
	padding:20px;
}

#float { 
	position:absolute; 
	top:50%; 
	height:200px; 
	margin-top:-50px;
	width:100%;
	text-align:center;
}


#bottomNav{
	position:absolute;
	top:500px;
	height:20px;
	width:100%;
	border-top: 1px solid #cccccc;
}

#back{
	position:absolute;
	left: 160px;
	top:10px;
}

#scroll{
	position:absolute;
	top:10px;
	left:430px;
	right:30px;
	min-width:200px;
	text-align:right;
}