html, body, .centre_table {
    min-height: 100%;
    width: 100%;
    height: 100%;
	font-family:"Trebuchet MS", Verdana, serif;
	color:#666666
	background:#59877d;
}
body {
	margin:0;
}
td {
    height: 100%;
    }
h1 {color:#666666;
	padding:0px;
	margin:0px;
	font-family:georgia, Times, serif;
	font-size:27px;
	font-weight:normal;
	letter-spacing:0.05em;
	font-style:normal;
}
#centerwrap  { width: 1000px; height: 700px; text-align: left; background-image:url() ;
              
               margin-left: auto; margin-right: auto; margin-top: 0px; 
               margin-bottom: 0px; padding: 0px }
#page {
	position:relative;
	border:1px solid #8a6b5a;
	height:685px;
}

#photo {
	position:absolute;
	top:200px;
	left:10px;
}
#photo img {
	padding: 0px;
	margin: 0px;
	border:1px solid #99877d;
}
#logo {
	position:absolute;
	top:8px;
	left:25px;
}
#logo img {
	padding: 0px;
	margin: 0px;
	border:1px solid #99877d;
}
#logo2 {
	position:absolute;
	top:65px;
	left:78px;
}
#logo2 img {
	padding: 0px;
	margin: 0px;
	border:1px solid #99877d;
}

#logo3 {
	position:absolute;
	top:45px;
	left:300px;
}
#logo3 img {
	padding: 0px;
	margin: 0px;
	border:1px solid #99877d;
}

#tagline {background#555555;
	position:absolute;
	top:22px;
	left:165px;
	width:600px;
}
#navbar {
	position:absolute;
	top:100px;
	left:0px;
	height:32px;
	width:980px;
}
/* ================================================================ 
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/menus/final_drop.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.
=================================================================== */

.menu {width:980px; height:32px; font-size:0.85em; position:absolute; top:2px; left:2px; z-index:100;border-right:1px solid #333;}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:981px; w\idth:980px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:140px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:140px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#666666; width:127px; height:30px; border:1px solid #333; border-width:1px 0 1px 1px; padding-left:10px; line-height:29px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:164px; w\idth:151px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-image:url('black.jpg')}

/* style the second level hover */
.menu ul ul a.drop:hover{background:#c40000;}
.menu ul ul :hover > a.drop {background:#c40000;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background-image:url('black.jpg')}

/* style the third level hover */
.menu ul ul ul a:hover {background:#c40000;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:140px;border-top:1px solid #333;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:140px; top:-1px; width:140px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-140px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background-image:url('black.jpg')}; 
               color: #666666; height: auto; line-height: 1em; width: 141px; 
               border-left-width: 1px; border-right-width: 1px; 
               border-top-width: 0; border-bottom-width: 1px; padding-left: 
               10px; padding-right: 10px; padding-top: 5px; padding-bottom: 
               5px }
               
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:167px;w\idth:141px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#666666; background:#c40000;}
.menu :hover > a, .menu ul ul :hover > a {color:#666666;background:#c40000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#blockcolour {position:absolute;background;#888888;
top: 100px;
left: 100px;
width: 100px;
height 200px;
}

#textbox     { position: absolute;background:#59877d;  
               font-size: 11px; line-height: 1.5em; color: #4d443f; 
               font-family: Verdana, serif; border: 1px solid #99877d; 
               padding-left: 0px; padding-right: 0px; padding-top: 6px; 
               padding-bottom: 15px }
#textbox p {
	padding:8px 15px 0px 15px;
	margin:0px;
	text-align:justify;
}
#textbox p.alright {
	text-align:right;
}
#textbox a {
	text-decoration:underline;
	color:#4d443f;
}
#textbox a:hover {
	text-decoration:none;
	color:#c46262;
}
#textbox form {
	padding:10px 10px 0px 10px;
	margin:0px;
}
#textbox table {
	width:100%;
}
#textbox table table { background:#59877d; 
               border: 1px dotted #99877d }
#textbox td {
	vertical-align:top;
}

#textbox2     { position: absolute;background:none;  
               font-size: 11px; line-height: 1.5em; color: #4d443f; 
               font-family: Verdana, serif; border: 1px solid none; 
               padding-left: 0px; padding-right: 0px; padding-top: 6px; 
               padding-bottom: 15px }
#textbox2 p {
	padding:8px 15px 0px 15px;
	margin:0px;
	text-align:justify;
}
#textbox2 p.alright {
	text-align:right;
}
#textbox2 a {
	text-decoration:underline;
	color:#4d443f;
}
#textbox2 a:hover {
	text-decoration:none;
	color:#c46262;
}
#textbox2 form {
	padding:10px 10px 0px 10px;
	margin:0px;
}
#textbox2 table {
	width:100%;
}
#textbox2 table table { background:#59877d; 
               border: 1px dotted #99877d }
#textbox2 td {
	vertical-align:top;
}



#textbox3     { position: absolute;background:#ece2c2;  
               font-size: 11px; line-height: 1.5em; color: #4d443f; 
               font-family: Verdana, serif; border: 1px solid none; 
               padding-left: 0px; padding-right: 0px; padding-top: 6px; 
               padding-bottom: 15px }
#textbox3 p {
	padding:8px 15px 0px 15px;
	margin:0px;
	text-align:justify;
}
#textbox3 p.alright {
	text-align:right;
}
#textbox3 a {
	text-decoration:underline;
	color:#4d443f;
}
#textbox3 a:hover {
	text-decoration:none;
	color:#c46262;
}
#textbox3 form {
	padding:10px 10px 0px 10px;
	margin:0px;
}
#textbox3 table {
	width:100%;
}
#textbox3 table table { background:#59877d; 
               border: 1px dotted #99877d }
#textbox3 td {
	vertical-align:top;
}


#next {
	position:absolute;
	bottom:0px;
	left:815px;
	height:32px;
}
#next a {
	display:block;
	font-size:0.7em;
	text-decoration:none; 
	color:#ece2c2; 
	width:161px; 
	height:30px; 
	border:1px solid #333; 
	border-width:1px 1px 1px 1px;
	padding-left:0px; 
	line-height:29px;
	text-align:center;
}
#next a:hover {
	background-image:none;
	background-color:#c40000;
}
#contact {
	position:absolute;
	top:8px;
	left:750px;
}
#contact a {
	display:block;
	font-size:0.7em;
	text-decoration:none; 
	color:#ece2c2; 
	text-align:center;
	width:500px; 
	height:70px;
	border:1px solid #333;
	padding: 5px 0px;
}
#contact .chosen {
	display:block;
	font-size:0.7em;
	text-decoration:none; 
	color:#ece2c2; 
	text-align:center;
	width:500px; 
	height:70px;
	border:1px solid #99877d; 
	color:#8a6b5a; 
	background-color:#ece2c2;
	padding: 5px 0px;
}
#contact p {
	padding:0px;
	margin:4px 0px 0px 0px;
}
#contact a:hover {
	color:#ece2c2; 
	background-color:#c40000;
}
#footer {
	font-size: 0.6em;
	padding:0px 7px;
	color:#ece2c2;
	background:#99877d;
}
#footer a, a:link, a:visited {
	text-decoration:none;
	color:#ece2c2;
}
#footer a:hover {
	text-decoration:underline;
}
.fright {
	float:right;
}
.fleft {
	float:left;
}
.dropcap {
	float: left;
	font-size: 45px;
	line-height: 33px;
	font-weight: normal;
	font-family: georgia, Times, serif;
	color: #C40000;
}
.fontlrg {
	font-size:13px;
}
.formtext {
	font-size:11px;
	line-height: 1.5em;
	color: #4d443f;
	font-family: Verdana, serif;
	width:275px;
}
.formsend {
	font-size:11px;
	line-height: 1.5em;
	color: #4d443f;
	font-family: Verdana, serif;
}

/* ================================================================ 
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.stunicholls.com/menu/photo_click.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.
=================================================================== */

#gallery {width:850px; height:610px; position:absolute; top:50px; left:75px; border:1px solid #ddd; background:#f8f8f8;}
#gallery ul {list-style:none; padding:5px; margin:0; width:195px; float:right; height:219px; overflow:auto;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery ul li img {display:block; width:50px; height:50px;}
#gallery ul li span {display:none; position:absolute; left:647px; top:235px; width:200px;font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:600px; height:450px; border:1px solid #fff;}

#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery ul li.click i {position:absolute; left:0; top:0; width:545px; height:355px;}

#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery ul li.click span {display:block;}