body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body{
	background:			#ffffff;	
	color:				#4a2e0f;
	font-family:		verdana, arial, helvetica;
	font-size:			80%;
}

#wrapper{
	background:			#c8d7ec;
	border:				1px solid #4a2e0f;
	margin: 			10px auto 10px auto;
	width:				1000px;
}

	#header{
		background:			url('../graphics/header.jpg') no-repeat;
		height:				125px;
		width:				1000px;
	}	
	
		#header h1 a{
			background:			url('../graphics/header1.jpg') no-repeat;
			display:			block;
			height:				95px;
			width:				1000px;
		}
		
		#header h2 a{
			background:			url('../graphics/header2.jpg') no-repeat;
			display:			block;
			height:				30px;
			width:				1000px;
		}		
	
		#header h1 a span,
		#header h2 a span{
			display:			none;
		}
	
	
	#content{
		background:			url('../graphics/background.jpg') no-repeat;
		margin:				0px;
		min-height:			618px;
		padding:			0px 250px 0 250px;
	}

		#content .menu{
			height:				20px;
		}
		
			#content .menu li{
				float:				left;
				height:				20px;
				width:				100px;
			}
			
				#content .menu li a{
					display:			block;
					height:				20px;
					width:				100px;
				}
				
					#content .menu li a span{
						display:			none;
					}
			
			#content .menu li.welcome a{
				background:			url(../graphics/menu_welkom.gif);
			}	
			
			#content .menu li.welcome a:hover{
				background:			url(../graphics/menu_welkom_over.gif);
			}				
			
			#content .menu li.welcome a.active{
				background:			url(../graphics/menu_welkom_over.gif);
			}			
					
			#content .menu li.menu a{
				background:			url(../graphics/menu_menu.gif);
			}	
						
			#content .menu li.menu a:hover{
				background:			url(../graphics/menu_menu_over.gif);
			}	

			#content .menu li.menu a.active{
				background:			url(../graphics/menu_menu_over.gif);
			}	
	
			#content .menu li.photos a{
				background:			url(../graphics/menu_photos.gif);
			}	
			
			#content .menu li.photos a:hover{
				background:			url(../graphics/menu_photos_over.gif);
			}					

			#content .menu li.photos a.active{
				background:			url(../graphics/menu_photos_over.gif);
			}	
	
			#content .menu li.route a{
				background:			url(../graphics/menu_route.gif);
			}	
			
			#content .menu li.route a:hover{
				background:			url(../graphics/menu_route_over.gif);
			}					

			#content .menu li.route a.active{
				background:			url(../graphics/menu_route_over.gif);
			}
	
			#content .menu li.rhodos a{
				background:			url(../graphics/menu_rhodos.gif);
			}		
			
			#content .menu li.rhodos a:hover{
				background:			url(../graphics/menu_rhodos_over.gif);
			}					

			#content .menu li.rhodos a.active{
				background:			url(../graphics/menu_rhodos_over.gif);
			}
	

		#content .title{
			margin:				15px 0 10px 0;
			text-align:			center;
			text-transform:		uppercase;
			width:				500px; 
		}
		
			#content .title h3{
				font-size:			110%;
				font-weight:		bold;			
			}

		#content .text{
			font-weight:		bold;
			margin:				0px;
			padding:			0px;
		}
		
			#content .text a{
				color:				#4a2e0f;
			}
		
		
		#content #map{
			height:				333px;
			width:				500px;
		}
	
	#footer{
		background:			#ccd9e8 url('../graphics/footer.gif') repeat-x;
		height:				49px;
		margin:				0px;
		padding:			0px;
	}
	

#credits {
	color:				#999999;
	margin:				0 auto 10px auto;
	text-align:			center;
	width:				960px;
}

	#credits a {
		color:				#999999;
	}
	
strong{
	font-weight:		bold;
}	

em{
	font-style:			italic;
}

.overflow{
	height:				600px;
	overflow:			auto;
	width:				540px;
}