body {
		margin:0;
		padding:0;
		background:#fff;
		color:#303030;
		font:100% Garamond, Times New Roman, Georgia, Times;
}

/* General Layout */

#centerall {
		background-color :#ffffff;
		color :#303030;
		margin :0 auto;
		width :750px;
}

#header {
		width : 750px;
		height : 54px;
		margin-top : 7px;
		background : #fff;
}

#left { float:left; }

#right { float:right; }

#header img { margin:0 0 0; }

#medium {
		width : 750px;
		height : 40px;
		background : #fff;
		text-align : left;
}

#content {
		width : 700px;
		padding-left : 25px;
		padding-right : 25px;
		background : #F5FBFB;
}

#splash {
		width : 750px;
		height : 500px;
		background-image: url(layout/splash2.jpg);
}


#welcome {
		width:511px;
		height:177px;
		overflow: hidden;
		background-color: #65D2D6;
		position: relative;
		z-index: 2;
		font-style: normal;
		font-weight: bold;
		font-size: 0.9em;
		color: #333366;
}

#updates {
		width:470px;
		height:317px;
		overflow: auto;
		background-color: #F4ECE9;
		margin-top : 4px;
		padding-left: 17px;
		padding-right: 23px;
		position: relative;
		z-index: 1;
}

/* collapsible content */

#gallery div {
		height : 0px;
		width : 0px;
		overflow : hidden;
		display : none;
		background-color : #fff;
}

/*end collapsible content*/ 

#flashcontent { height: 100%; }

#footer {
		background-color:#ffffff;
		clear:both;
		margin-left: 5px;
		margin-right: 14px;
		color:#808080;
		font:70% Helvetica, Arial, sans-serif;
		font-weight:normal;
		height:45px;
		padding:10px 0;
		text-align:center;
		width:550px;
}

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

#footer a {
		color:#808080;
		font-weight:normal;
		text-decoration:none;
}

#footer a:hover {
		color:#505050;
		text-decoration:underline;
}

img {
		margin : 0px;
		padding : 0px;
		border : 0px;
}

img a:link {
		margin : 0px;
		padding : 0px;
		border : 0px;
}

/* end of layout */



/*text formatting*/

#nav a:link {
		font-family : Helvetica, Arial, sans-serif;
		font-size : 12px;
		font-style : normal;
		text-decoration : none;
		color : #fff;
}

#nav a:hover {
		font-family : Helvetica, Arial, sans-serif;
		font-size : 12px;
		font-style : normal;
		text-decoration : none;
		color : #000;
}

#nav a:visited {
		font-family : Helvetica, Arial, sans-serif;
		font-size : 12px;
		font-style : normal;
		text-decoration : none;
		color : #333;
}

.title {
		font-family : Helvetica, Arial, sans-serif;
		font-size : 16px;
		line-height : 35px;
		font-weight : normal;
		color : #663800;
		text-decoration : none;
		text-align : left;
}

h1 {
		font-family : Garamond, Times New Roman, Georgia, Times, serif;
		font-size : 1.1em;
		font-weight : normal;
		color : #663800;
}

h2 {
		font-family : Helvetica, Arial, sans-serif;
		font-size : 0.9em;
		font-weight : bold;
		color : #666;
}

a:link {
		font-family : Helvetica, Arial, sans-serif;
		font-size : 12px;
		font-style : normal;
		color : #069;
		text-decoration : none;
}

a:visited {
		font-family : Helvetica, Arial, sans-serif;
		font-size : 12px;
		font-style : normal;
		color : #636;
		text-decoration : none;
}

a:hover {
		font-family : Helvetica, Arial, sans-serif;
		font-size : 12px;
		font-style : normal;
		color : #036;
		text-decoration : none;
}

/* end of txt formating*/


/* Colour Safari script */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* explanation */

.photo {
		width:750px;
		height:500px;
no-repeat center center;
		text-align:left;
}

.photo dl {
		font-size:0.9em;
		width:600px;
		height: 450px;
		padding-left:50px;
		padding-right:100px;
		background-color:#f3eaea;
		margin-top: -500px;
		float: left;
		z-index: 1;
}

.photo dl dt {
		font-family:"times new roman", serif;
		font-size:1.8em;
		margin-bottom:2em;
}

.photo dl p:first-letter { font-weight:bold; }

/* end of explanation */


.photo ul.topic {
		list-style:none;
		width:750px;
		height:500px;
		position:relative;
		z-index:2;
}

.photo ul.topic li {
		display:block;
		width:50px;
		height:31px;
		float:left;
}

.photo ul.topic li a.set {
		display:block;
		font-size:11px;
		width:50px;
		height:30px;
		text-align:center;
		line-height:30px;
		color:#000;
		text-decoration:none;
		border:1px solid #fff;
		border-width:1px 1px 0 0;
		background:#f3eaea;
		font-family:verdana, arial, sans-serif;
}

.photo ul.topic li a ul, .photo ul.topic li ul { display:none; }

.photo ul.topic li a:hover, .photo ul.topic li:hover a {
		color:#fff;
		background:#95BD7F;
}

.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul {
		display:block;
		position:absolute;
		left:0;
		top:31px;
		list-style:none;
		padding:10px 10px 5px;
				
		background:#f3eaea url(layout/close.gif) no-repeat right top;
		width:668px;
		height:493px;
		border:10px solid #95BD7F;
}

.photo ul.topic li a:hover ul li, .photo ul.topic li:hover ul li {
		display:inline;
		width:112px;
		height:87px;
		float:left;
		border:1px solid #fff;
		margin:1px;
}

.photo ul.topic li a:hover ul li a, .photo ul.topic li:hover ul li a {
		display:block;
		width:110px;
		height:85px;
		cursor:default;
		float:left;
		text-decoration:none;
		background:#444;
		border:1px solid #888;
}

.photo ul.topic li a:hover ul li a img, .photo ul.topic li:hover ul li a img {
		display:block;
		width:100px;
		height:75px;
		border:5px solid #eee;
}

.photo ul.topic li a:hover ul li a img.large, .photo ul.topic li:hover ul li a img.large {
		position:absolute;
		display:block;
		width:0;
		height:0;
		overflow:hidden;
		border:0;
}

.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover {
		white-space:normal;
		position:relative;
}

.photo ul.topic li a:hover ul li a:hover img, .photo ul.topic li:hover ul li a:hover img {
		position:absolute;
		left:-50px;
		top:-32px;
		width:200px;
		height:150px;
		border-color:#fff;
}

.photo ul.topic li a:hover ul li a:hover img.large, .photo ul.topic li:hover ul li a:hover img.large {
		position:absolute;
		display:block;
		width:0;
		height:0;
		overflow:hidden;
		border:0;
}

.photo ul.topic li:hover ul li a:focus, .photo ul.topic li:hover ul li a:active, .photo ul.topic li a:hover ul li a:active {
		position:static;
		outline:0;
}

.photo ul.topic li:hover ul li a:focus img, .photo ul.topic li:hover ul li a:active img, .photo ul.topic li a:hover ul li a:active img {
		position:absolute;
		left:200px;
		top:170px;
		width:200px;
		height:150px;
		padding:0;
		background:#000;
		border:0;
		z-index:5;
}

.photo ul.topic li:hover ul li a:focus img.large, .photo ul.topic li:hover ul li a:active img.large, .photo ul.topic li a:hover ul li a:active img.large {
		position:absolute;
		left:0px;
		top:0px;
		width:640px;
		height:480px;
		padding:0;
		background:#000;
		border:4px solid #fff;
		z-index:10;
}

/* end colour safari script */