html{
	font-family: Verdana Bold, Verdana, helvetica, sans-serif;
	color: #CCCCCC;
}



div.all{
	font-family: Arial, helvetica, sans-serif;
	color: #666666;
	width: 856px;
	margin: auto;
	padding: 3px;
}

img {
	border: 0;
}

div.header{
	height: 90px;
}
	div.header img{
		display: inline;
		margin-bottom: 2px;
	}

	 div.strap{
		margin-left: 575px;
		margin-top: -30px;
		font-size: 24px;
	 	color: #969696;
	 }
	 
	 .red{
	 	color: #ff0000;
	 }

	
.topmenu {
	width:850px; 
	height:20px; 
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 15px;
	z-index:100;
	font-family:arial, sans-serif;
	background-image: url(/images/topmenu_background.jpg);
	background-repeat: repeat-x;
}
	
	
	/* remove all the bullets, borders and padding from the default list styling */
	.topmenu ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}
	.topmenu ul ul {
		width:80px;
		z-index:102;
		margin-top: -5px;

	}
	
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.topmenu li {
		float:left;
		width:120px;
		position:relative;
		z-index:102;
		
	}
	
	/* style the links for the top level */
	.topmenu a, .topmenu a:visited {
		display:block;
		font-size:12px;
		text-decoration:none; 
		color: #666666;
		width:120px; 
		height:20px; 
		border-right: 1px solid #FFFFFF;
		line-height:20px; 
		font-weight:bold;
		text-align: center;
	}
	
	/* style the top level hover */
	.topmenu a:hover, .topmenu ul ul a:hover{
		color: black; 
	}
		
	/* style the second level link */
	.topmenu ul ul li a {
				background-color: #FFFFFF;
				color: #666666;
	}
	
	/* style the second level hover */
	.topmenu ul ul li a:hover{
				background-color: #CCCCCC;
				color: #666666;
	}
	
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.topmenu ul ul {
		visibility:hidden;
		position:absolute;
		height:0;
		top:25px;
		left:0; 
		width:80px;
	}
	
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.topmenu table {
		position:absolute; 
		top:0; 
		left:0; 
		border-collapse:collapse;
	}
	
	/* style the second level links */
	.topmenu ul ul a, .topmenu ul ul a:visited {
		background-color: #FFFFFF;
		height:auto; 
		line-height:1em; 
		padding:5px 10px; 
		padding-top: 8px;
		padding-bottom: 8px;
		width:175px;
		text-align: left;
		border-bottom: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;		
	}
	
	#last{
		border-right: none;
	}
	
	/* make the second level visible when hover on first level list OR link */
	.topmenu ul li:hover ul, .topmenu ul a:hover ul{
		visibility:visible; 
	}
			
			
			
div.content {
		border: 1px solid #CCCCCC;
		width: 838px;
		padding: 5px;
		padding-bottom: 20px;
		margin-top: -16px;
		min-height: 510px;
	}
			
	div.content p{
		padding-left: 10px;
		padding-right: 20px;
	}			
	
	div.content p img{
	}

/* front page */

div.slideshow{
	width: 850px;
	border: 0;
	margin:0;
	margin-top: -16px;
	padding:0;
}



/* album section */
img.on_show {
	padding: 5px;
	margin-bottom: 40px;
}

	div.bottomdock{
	
	}
	
		div.bottomdock img{
			margin: 2px;
			padding:2px;
		}
	
	div.leftdock{
		width: 70px;
		float: left;
		margin-left:10px;
		margin-top: -10px;
	}
		div.leftdock img{
			float: left;
			margin: 2px;
			padding:2px;
		}


div.footer{
	margin-top: 10px;
}


br.clear{
	clear: both;
}


/* CMS styles */
div.loginform{
	margin-left: 20%;
	font-size: 10px;
	font-weight: bold;
	}
	
	div.loginform fieldset{
	width: 400px;
	margin-left: 0px;
	}

div.editor{
	margin-left: 10%;
	margin-right: 10%;
	padding: 20px;
	border: 1px solid #CCCCCC;
	color: #000000;
	}

form fieldset {
	padding-bottom: 5px;
}

div.formrow {
	padding-top: 10px;
}


div.formrow input.radio{
	margin-left: 20px;
}

span.radiolabel{
	font-size: 12px;

}


div.formrow span.label {
  float: left;
  width: 150px;
  font-size: 12px;
  }
  
  span.keywords{
  	font-size: 12px;
  }

div.formrow span.field {
	margin-left: 10px;
	padding: 5px;
	width: 500px;
	text-align: left;
  } 

	textarea {
		margin-left: 150px;
	}

div.user_feedback{
	border: 1px solid black;
	background-color: #ffffff;
	color: red;
	padding: 5px;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;	

}


img.right{
	float: right;
}

img.left{
	float: left;
}

/* homepage */

div.homepage{
	width: 850px;
	border: 1px solid #CCCCCC;	
}

	div.homepage h1{
		text-align: center;
		font-size: 38px;
		margin-top: 0px;
		color: black;
	}
	
	div.homepage p{
		text-align; center;
		color: #666666;
		font-size: 12px;
	
	}
	div.homepage img{
		border: 0px;
		margin: 0px;
		padding: 0px;				
	}
	
	div.homepage a.email{
		color: red;
		text-decoration: none;
	}
	
/* Rates page */

div.rates_top{
	width: 800px;
}

div.rates_left{
	float: left;
	width: 400px;
	padding: 5px;
}
	div.rates_left h2{
		font-size: 18px;
	}

div.rates_right{
	margin-left: 410px;
	width: 400px;
	padding: 5px;
}

	div.rates_right h2{
		font-size: 18px;
	}