/* structure */

html,body{margin:0;padding:0}

body{font: 73% arial,sans-serif;text-align:center; color:#777;}

p{margin:7px 3px 9px 2px !important; line-height:1.2em}

div#header{float:left; width:660px; position:relative; margin: 1.2em 0 0 0em;}

div#footer p{margin:0;padding:0}

div#container{width:680px; margin:0 auto; text-align:left}

div#front{float:left; width:680px; margin: 0.5em 0 0 0; padding: 0;}

div#interior{float:left; width:680px; margin: 0.5em 0 0 0; padding: 0;}



/* navigation */

ul#nav {
	float: right;
	display: inline;
	width: 450px;
	list-style-type: none;
	margin: 1.0em 0 0 1.0em;
	padding: 7px;
	background: #eee;
	border: 2px solid #ddd;
	align: center;
}

ul#nav li, ul#nav li a {
	float: left;
	display: inline !important;
	margin: 0.3em 0.3em 0.3em 0.4em;
	background: none !important;
	font-weight: bold;
	font-size: 1em;
}

ul#nav li.bold, ul#nav li.bold a {
	color: #57816B;
	font-weight: bold;
	font-size: 1.1em;
}

ul#nav li.bold a:hover {
	color: #57816B;
	font-weight: bold;
	font-size: 1.1em;
}

span.breadcrumbs {
	float: right;
	display: inline;
	font-size: 0.9em !important;
	margin: -1.8em 3.0em 0 0;
	color: #888 !important;
}

/* LINKS */
a {
	color: #57816B;
	font-weight: normal;
	background-color: transparent;
	text-decoration: none;
	line-height: 1.3em !important;
}

a:active {
	color: #555;
	font-weight: normal;
	background-color: transparent;

	line-height: 1.3em !important;
}
a:hover {
	color: #57816B;
	font-weight: normal;
	background-color: transparent;
	text-decoration:underline;
	line-height: 1.3em !important;
}

a:visited {
	color: #57816B;
	line-height: 1.3em !important;

	background-color: transparent;
}


/* content */

.logo {
	float: left !important;
	display: inline;
	padding: 2px;
}	

.headeremail {
	float: right;
	display: inline;
	margin: 0.3em 0.3em 0 0;
	padding: 0px;
}

div#front p {
	width: 335px !important;
	float: left;
	display: inline !important;
	line-height: 1.3em;
	padding: 0 3px 0 0;
	margin: 0 0.4em 0 0.1em;
}

div#front p.right {
	width: 300px !important;
	float: right;
	display: inline !important;
	line-height: 1.3em;
	padding: 0 3px 0 0;
	margin: 0 0.4em 0 0.1em;
}

div#front h3.right {
	width: 300px !important;
	float: right;
	display: inline !important;
	line-height: 1.3em;
	padding: 0 3px 0 0;
	margin: 0 0.4em 0 0.1em;
}

span.rightphotos {
	width: 290px !important;
	float: right;
	display: inline !important;	
	margin: 0 0.5em 0 0;
	padding: 5px;	
}

ul.bullets { 
	list-style-type: none;
	padding: 0;
	margin: 0.5em 1.5em 1.5em 1.5em;
	display: block;
	font-size: 1.1em;
	line-height: 1.3em;
}

ul.bullets li { 
	background: url(images/bullet_plus.gif) left center no-repeat;
	padding: 0 0 0 12px;
	margin: 0.2em 0.5em 0 1.2em;
}
	
p.greyrule {
	margin: 0.3em 0 0.5em 0.3em !important;
	height: 5px;
	background-color: #eeeeee;
}

.copyright {
	float: right;
	display: inline;
	color: #bbbbbb;
	margin: 0 0 0.4em 1.0em !important;
	font-size: 0.8em;
}

.footerlinks {


	color: #999999;
	margin: 0 0 0.4em 1.0em !important;
	font-size: 0.9em;
}

p.smallgrey {
	margin: 0.5em 0.2em 0.7em 0 !important;
	line-height: 1.0em;
}

/* Forms */

form {
	margin: 0;
	padding: 0;
	border: 0;
}

select {
	background: #4E648D;
	border-color: #aaa;
	color: #fff;
	font-size: 95%;
	padding: 1px;
	border: 0 !important;
	margin: 0 0 0.1em 0;
}

label {
	margin: 0;
	color: #485E88;
	font-weight: bold;
	font-size: 1.0em;
}


input {
	border: 0px solid #fff;
	padding: 2px;
	margin: 0 0 0 0 !important;
	background: #485E88;
	color: #fff;
	font-size: 90% !important;
}

input.radio {
	background: #fff !important;
	color: #fff !important;
}

input:focus, textarea:focus {
	background: #00ADEF;
	color: #fff;
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

legend {
	margin: 0.2em 0 0.3em 0.1em;
	padding: 1px;
	color: #A5282E;
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;
}
	
* html fieldset legend {
	margin: 0 0 10px -5px;
}

input.checkbox {
	display: inline;
}

input.submit {
	margin: 0.5em 0 0 0 !important;
	padding: 1px 0 0 0;
}

input.required {
	border: 1px solid #ccc;
	border-left: 4px solid #C04049;
	padding: 2px;
	margin: 0 0.5em 0.2em 0;
	width: 130px;
	background: #fff;
	color: #555;
	font-size: 100%;
}

input.optional {
	border: 1px solid #ccc;
	border-left: 4px solid #aaa;
	padding: 2px;
	margin: 0 0.5em 0.2em 0;
	background: #fff;
	color: #555;
	font-size: 100%;
}

	
/* Contact form */

div#containform label {
	font-size: 11px;
	float: left;
	width: 180px;
	padding: 0;
	margin: 0 0.3em 0.2em 0;
	text-align: right;
}


fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea {
	width: 150px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}

fieldset div select {
	padding: 1px;
}

div.fm-multi div {
	margin: 2px 0;
}

div.fm-multi input {
	width: 1em;
}

div.fm-multi label {
	display: block;
	width: 300px;
	padding-left: 1em;
	text-align: left;
}

#fm-submit {
	clear: both;
	padding-top: 1em;
	text-align: center;
}

#fm-submit input {
	border: 0px solid #333;
	padding: 2px 1em;
	margin-left: 1.5em;
	background: #fff;
	color: #fff;
	font-size: 100%;
}

	
/* required fields - does not work in IE */
fieldset div.fm-req {
	font-weight: normal;
}

fieldset div.fm-req label:before {
	color: #990000;
	content: "* "; /* does not work in IE */
}

/* END FORM ELEMENTS */


/* rules, fixes, styling, etc */

img {
	border: 0;
	text-decoration: none;
}
strong.hide {
	visibility: hidden;
	text-decoration: none;
}

.hidden {
	visibility: hidden;
	text-decoration: none;
}

.highlight {
	background-color: #DFF6FF;
}

.left {
	float: left;
	display:inline;
}

.right {
	float: right;
	display:inline;
}

.rightbutton {
	float: right;
	display:block;
	clear: both;
	margin: 0.5em 0 0.5em 0;
}

.topspace {
	margin: 2.5em 0 0.4em 0;
}

.tabbed {
	margin: 0.2em 0 0 1.0em !important;
	padding: 0.1em 0 0 1.0em;
}

.centreit {
	text-align:center;
	margin-left: 9.0em;
}

.smallgrey {
	font-size: 0.9em;
	color: #888;
}

.smallred {
	font-size: 0.9em;
	color: #990000;
}

hr {
	border: none 0;
	border-top: 1px dashed #ddd;/*the border*/
	width: 90%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	padding: 0;
	margin: 1.5em 0 1.5em 0.2em;
}

.clear {
	clear: both;
}

#clear {
	clear: both;
}

 /* skippers */
    .skipper { position: absolute; left: -9999px; top: -9999px; }
    #topOfThePage { position: fixed; bottom: 0; right: 0; display: block; width: 44px; height: 32px; text-indent: -9999px;
        background: url(images/button_top.gif) no-repeat 100% 100%; border: 0; text-decoration: none; }
 
h1 {
	letter-spacing: 0px;
	font-size: 21px;
	padding: 0;
	margin: 0.2em 0 0 0;
	color: #57816B;
	font-weight: normal;
}

h2 {
	letter-spacing: 0px;
	font-size: 35px;
	color: #fff;
	margin: 0.2em 0 1.0em 0;	
	font-weight: normal;	
}

h3 {
	letter-spacing: 0px;
	font-size: 21px;
	padding: 0;
	margin: 0.2em 0 0 0;
	color: #57816B;
	font-weight: normal;
}

h4 {
	letter-spacing: 0px;
	font-size: 15px;
	padding: 0;
	margin: 0.8em 0 0.8em 0;	
	color: #485E88;
	font-weight: bold;	
}

h5 {
	letter-spacing: 0px;
	font-size: 16px;
	padding: 0;
	margin: 1.0em 0 0.8em 0 !important;
	color: #00ADF1;
	font-weight: normal;
}


/* [easyALBUM] v 1.1.6 Copyright 2006, Thierry Koblentz - TJKDesign.com. all rights reserved. */

/********************** Main document *******************/
#bothcolumns {}
/* the Gallery (Unordered List) */
#gallery {float:left;margin-top:3px;overflow:visible;height:245px /* FF .8 */;width:667px;background:#fff;border:1px solid #ddd; padding: 4px; z-index:1/* IE Mac */}
#gallery li {display:inline;overflow:hidden;height:75px;}
#gallery li img {border:1px solid #ccc;width:100px;height:75px;display:block;margin:0.2em 0.1em 0.1em 0.1em !important; position:relative; padding: 1px; z-index:10}
/* overflow:hidden will break FF 0.8 */ 
#gallery li a {display:block;float:left;height:81px !important /* IE5 Mac */;width:111px;position:relative;color:#fff}
#gallery li a:hover {color:#444;background:#fff} 
#gallery li a:hover img,
#gallery li a:focus img,#gallery li a:active img {border-color:#58826A}
#gallery span {position:absolute;top:5.6em;left:0;margin-top:2.2em;padding:0 3px;z-index:1}

.note {font-style:italic;color:#999}
dd a,.note a {color:#999}
/************************ The stuff *********************/
.transparent {opacity:.2;-moz-opacity:0.2}
.nonOpaque {opacity:1;-moz-opacity:1}
a.transparent {cursor:default}
a.nonOpaque {cursor:pointer}
#zDIV_slideShow a {color:#000;background-color:#fff}
#zDIV_slideShow {display:none;position:absolute;left:0;top:0 !important;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;text-align:center;margin:0;z-index:10/* IE Mac */}
/* new style (not for IE 5 WIN or Mac) to center the whole thing if we deal with fixed height images */
@media screen {#zDIV_slideShow {top:50% !important;height:440px;margin-top:-250px}}
#zA_previous,#zA_next,#zA_close {background:transparent !important}
#zA_previous img,#zA_next img,#zA_close img {border:0 !important;margin:5px 2px;margin-bottom:-20px/* to make sure FF doesn't show only the bottom part of these images (top part being hidden by the viewport) ONLY NEEDED if vertical centering is not applied */}
#zA_title {display:block;font-size:1.1em;margin:20px auto 9px/* top margin to compensate for the negative margin on the image ONLY NEEDED if vertical centering is not applied */;padding:5px;width:90%;background-color:transparent !important;cursor:default;text-decoration:none}
#zDIV_slideShow #zA_description {color:#444;padding:9px 3px;border:0px solid #555;width:350px;margin:0 auto;display:block}
#zDIV_counter {display:block;width:10em;margin:9px auto;background:#333;color:#fff;padding:3px;font: .9em Arial, Helvetica, sans-serif}
#zIMG {margin-top:15px;padding:3px;background:#fff;border:2px solid #58826A}
#zDIV_slideShow {padding-bottom:50px !important;background:url(../img/load.gif) no-repeat 50% 50%} /* to make sure FF does not cut-off the description below the image */
.hand {cursor:pointer}
* html #gallery {width:222px}
/* for IE5 both Win and Mac - will be reset in the IE6 CCS */
* html #zDIV_slideShow {background-color:#ececec}
/* for IE5 Win and Mac that don't do opacity at all IE */
* html a.transparent {visibility:hidden}
* html a.nonOpaque {visibility:visible}