a:link { color:#CCCCCC; text-decoration:none }
a:visited { color:#CCCCCC; text-decoration:none }
a:hover { color:#CCCCCC; text-decoration:none }


.body{
	font-family: sans-serif; 
	font-size: medium; 
	color: #CCCCCC;  
	background-color: #663300;
}


.title{
	height: 25px; 
	margin-bottom: 10px;
	
	border: 1px solid #AFAFAF; 
	font-size: large; 
	text-align: center;
}


.location{
	height: 15px; 
	margin-bottom: 20px;
	
	border: 1px solid #AFAFAF; 
	font-size: small; 
	font-style: oblique;
	text-align: left;
}

.naviarea{
	float: left;
	width: 200px; 
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	
	border: 1px solid #AFAFAF; 
	font-size: medium;
	text-align: left;
}

.mainarea{
	margin-left: 220px;
	min-height: 300px;
	padding: 10px;
		
	border: 1px solid #AFAFAF; 
	font-size: medium; 
	background-color: #000000;
	text-align: center;
}

.footer{
	height: 20px;
	width: 100%; 
	margin-top: 15px;
	
	border: 1px solid #AFAFAF; 
	font-size: small;
}


.picture{
	border: 2px solid #000000;
}

.picturefooter{
	font-size: x-small;
}


.thumbnail{
	border: 1px solid #000000;
	text-align: center;
}

.thumbnailfooter{
	font-size: x-small;
	font-style: oblique;
}


.quickjump{
}

.quickjump_showall{
	width: 2%;
}

.quickjump_left_enabled{
	font-weight: bold;
	width: 1%;
}

.quickjump_left_disabled{
	color: gray;
	width: 1%;
}

.quickjump_right_enabled{
	font-weight: bold;
	width: 1%;
}

.quickjump_right_disabled{
	color: gray;
	width: 1%;
}

.quickjump_page{
	width: 2%;
}

.quickjump_activepage{
	font-weight: bold;
	width: 2%;
}