h1 {
font-family: Verdana; 
color: #333333; 
font-size: 1em; 
font-style:normal; 
font-weight: normal;
line-height: 2.5em;
}



h2 {
font-family: Verdana; 
color: #333333; 
font-size: 0.8em; 
line-height: 1.4em; 
font-weight: normal;
}

h3 {
font-family: Verdana; 
color: #333333; 
font-size: 0.6em; 
line-height: 1.2em;
text-align: center; 
font-weight: normal;
}


A:link {
	color: #144e55; FONT-FAMILY: Maiandra GD, Verdana, times; TEXT-ALIGN: left; TEXT-DECORATION: none; line-height: 2em;
}

A:visited {
	color: #144e55; FONT-FAMILY: Maiandra GD, Verdana, times; TEXT-ALIGN: left; TEXT-DECORATION: none; line-height: 2em;
}

A:active {
	COLOR: #144e55; FONT-FAMILY: Maiandra GD, Verdana, times; TEXT-ALIGN: left; TEXT-DECORATION: none; line-height: 2em; 
}

A:hover {
	COLOR: #ffffff; FONT-FAMILY: Maiandra GD, Verdana, times; TEXT-ALIGN: left; TEXT-DECORATION: none; line-height: 2em;
}



A.class2:link {
	color: #2dabba; FONT-FAMILY: verdana, times; TEXT-ALIGN: center; TEXT-DECORATION: none; line-height: 1.4em;
}

A.class2:visited {
	color: #2dabba; FONT-FAMILY: verdana, times; TEXT-ALIGN: center; TEXT-DECORATION: none; line-height: 1.4em;
}

A.class2:active {
	COLOR: #2dabba; FONT-FAMILY: verdana, times; TEXT-ALIGN: center; TEXT-DECORATION: none; line-height: 1.4em;
}

A.class2:hover {
	COLOR: #cccccc; FONT-FAMILY: verdana, times; TEXT-ALIGN: center; TEXT-DECORATION: none; line-height: 1.4em;
}



A.class3:link {
	FONT-SIZE: 0.7em; color: #144e55; FONT-FAMILY: verdana, times; TEXT-ALIGN: center; TEXT-DECORATION: none;
}

A.class3:visited {
	FONT-SIZE: 0.7em; color: #144e55; FONT-FAMILY: verdana, times; TEXT-ALIGN: center; TEXT-DECORATION: none;
}

A.class3:active {
	FONT-SIZE: 0.7em; COLOR: #144e55; FONT-FAMILY: verdana, times; TEXT-ALIGN: center; TEXT-DECORATION: none; 
}

A.class3:hover {
	FONT-SIZE: 0.7em; COLOR: #ffffff; FONT-FAMILY: verdana, times; TEXT-ALIGN: center; TEXT-DECORATION: none;
}



body {
background-color: #bbd6d8;
}

.centered {
RIGHT: 0px; 
LEFT: 0px; 
MARGIN: auto; 
WIDTH: 50%; 
BOTTOM: 0px; 
POSITION: absolute; 
TOP: 0px;  
background-color: #f5f5f5;
}

.vertical_navigation_left {
position: absolute;
top: 242px;
left: 0px;
width: 200px;
padding: 2px;
background-color: #CCDEFF;
border-right: 2px solid #808080;
text-align: center;
}

.vertical_navigation_right {
position: absolute;
top: 0px;
right: 0px;
width: 196px;
padding: 2px;
background-color: #CCDEFF;
border-left: 2px solid #808080;
text-align: center;
}

.horizontal_navigation {
	position: absolute;
	top: 200px;
	width: 900px;
	height: 40px;
	background-color: #f5f5f5;
	overflow: auto;
	border-bottom: 2px solid #808080;
}

.div_title {
position: absolute;
top:0px;
left:0px;
width: 900px;
height: 200px;
text-align: right;
background-color: #f5f5f5;
}

.div_main { 
position: absolute;
top: 242px;
left: 204px;
width: 682px;
padding: 5px;
padding-bottom: 50px;
min-height: 600px;
border-left: 2px solid #808080;
border-right: 2px solid #808080;
background-image: url(images/pier.gif);
background-repeat: no-repeat;
background-position: bottom right;
background-color: #f5f5f5;
text-align: justify;
margin-bottom: 10px;
float: left;
}

img {
  border: 0;
}

.justify {
	text-align: justify;
}

.indexpicture {
float: right;
background-color: #cccccc;
max-width: 306px;
margin: 3px;
text-align: center;
}

.galleryouterdiv {
	float:left;
position: relative;
width: 200px;
height: 290px;
border-bottom: 1px solid #333333;
}

.gallerydiv {
	float:left;
margin: 3px;
position: relative;
width: 200px;
}

.white {
	color: White;
}	

.copyright {
	position:absolute;
	bottom: -30px;
	left: -2px;
	right: -2px;
	background-color: #f5f5f5;
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 2px solid #808080;
	padding-left: 5px;
	text-align: center;
	margin-top: 20px;
}

.floatright {
	float:right;
	margin: 5px;
}

.floatleft {
	float:left;
	margin: 3px;
}

.padded {
	margin: 3px;
}

.latestworkshop {
	position: relative;
	text-align: center;
	padding: 3px;
	width: 100%;
	margin-bottom: 5px;
}

.wrapper {
	width: 100%;
	min-height: 200px;
	margin-bottom: 20px;
}

.center {
	text-align: center;
}

.h2 {
font-family: Verdana; 
color: #333333; 
font-size: 0.8em; 
line-height: 1.2em; 
font-weight: normal;
text-align: justify;
}

.w150 {
	width: 150px;
}

.nav {
	background-image: url(images/linkbg_2.jpg);
}

.nav:hover {
	background-image: url(images/linkbg.jpg);
}

.button {
	position: relative;
	top: 3px;
	height: 40px;
	width: 200px;
	background-repeat: no-repeat;
	background-image: url(images/button1.jpg);
	text-align: center;
	padding-top: 2px;
}

.button:hover {
		position: relative;
	top: 3px;
	height: 40px;
	width: 200px;
	background-repeat: no-repeat;
	background-image: url(images/button2.jpg);
	text-align: center;
	padding-top: 2px;
}

.chosenproduct {
	position: relative;
	top: 10px;
	left: 10px;
	width: 650px;
	overflow: auto;
	float: left;
	border: 2px solid #bbd6d8;
	padding: 2px;
	margin: 5px;
}

.chosenphoto {
	float: right;
	margin: 3px;
}

.product_div {
	float: left;
	margin: 5px;
	padding: 5px;
	border: 1px dashed #333333;
	height: 240px;
	width: 205px;
	overflow: hidden;
	text-align: center;
	background-color: #CCDEFF;
}

.ProductImage {
	float: right;
	margin: 20px;
	border: 2px solid #ccc;
	padding: 2px;
}

.ProductImage:hover {
	border: 2px solid #bbd6d8;
}