.logo        { text-align:center; z-index:-1; position:absolute; width:400; top:10px; left:176px; background:#fff;}

.slogan      { color: #000000; font-family: Verdana; font-size: 8pt; font-style:italic; padding-left:5; padding-right:5; padding-top:5; padding-bottom:5; }

.navigation  { font-family: Georgia; font-size: 9pt; text-align:center; padding-left:10; padding-top:10; padding-bottom:10; }

.contentpane { padding-left: 10; padding-top: 10; padding-bottom: 10; background:#fff;}

h1           { padding-left: 0; padding-right: 0; padding-top: 0; margin-bottom: 0; font-family: Georgia; font-size: 12pt;}

h2           { padding-left: 0; padding-right: 0; padding-top: 0; margin-bottom: 0; font-family: Georgia; font-size: 10pt; font-weight: normal; font-color: 000000; margin-left: 5px; margin-right: 3px; }

h3           { padding-left: 0; padding-right: 0; padding-top: 0; margin-bottom: 0; font-family: Georgia; font-size: 16pt; }

h4           { padding-left: 0; padding-right: 0; padding-top: 0; margin-bottom: 0; font-family: Georgia; font-size: 24pt; }

h5           { margin-top: 0; margin-bottom: 0; font-family: Georgia; font-size: small; font-weight: normal;  }

h6           { margin-top: 0; margin-bottom: 0; font-family: Georgia; font-size: xx-small; font-weight: normal; }


.plaintext   { font-family: Georgia; font-size: 9pt; padding-left: 10; padding-right: 10; }

.smalltext   { font-family: Georgia; font-size: 8pt; padding-left:5; padding-right:5; padding-top:5; padding-bottom:5; background:#fff;}

.slogan 	 { padding:5; font-family: Georgia; font-style: italic; font-size: 8pt; text-align:center; background:#fff; }

li           { font-family: Georgia; font-size: 9pt; }

a:visited	 { color: #256091; text-decoration: none; }

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

a 			 { color:#003300; text-decoration: underline; }

#announcements {background:#ccffcc; height: 400px; margin-left: 199px;	margin-right:199px;	voice-family: "\"}\""; voice-family: inherit; margin-left: 201px; margin-right:201px; }
				html>body #centercontent { margin-left: 201px; margin-right:201px; background:#fff;	z-index:10;	}
		

#shop		 {background:#008000;  height: 300px; margin-left: 199px;	margin-right:199px;	voice-family: "\"}\""; voice-family: inherit; margin-left: 201px; margin-right:201px; }
				html>body #centercontent { margin-left: 201px; margin-right:201px; background:#008000;	z-index:9;	}
				
#shop1		 {z-index:10; position: relative;	background:#CCFFCC;	border-style: solid; margin-top: 0px; margin-left: 0px; margin-right: 0px; border-width: 1px; left: 0px; top: 0px; height:120px; width:120px; }
	
#textannounce1 {z-index:10; position: relative;	background:#CCFFCC;	border-style: solid; margin-left: 0px; margin-right: 0px; border-width: 1px; left: 0px; top: 0px; height:200px; width:120px; }

#links		 {background:#008000; height: 400px; margin-left: 200px;	margin-right:0px;	voice-family: "\"}\""; voice-family: inherit; margin-left: 200px;}
				html>body #centercontent { margin-left: 201px; margin-right:201px; background:#008000;	z-index:9;	}
				
#links1		 {z-index:10; position: relative;	background:#CCFFCC;	valign: center; border-style: solid; margin-top: 0px; margin-left: 0px; margin-right: 0px; border-width: 1px; left: 0px; top: 0px; height:190px; width:180px; }

#getc_buttons {background:#ccffcc; height: 50px; margin-left: 185px;	margin-right:250px;	voice-family: "\"}\""; voice-family: inherit; margin-left: 201px; margin-right:201px; }
				html>body #centercontent { margin-left: 180px; margin-right:250px; background:#fff;	z-index:10;	}


#framecentre {
	width:600px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	text-align: center;
	padding:0px;
	z-index:11;
	background:#fff;
	}

#leftimage {
		position: absolute;
		left:5px;
		top:10px;
		width:175px;
		height:175px;
		background:#fff;
		z-index:5;
		}
		
#rightimage {
		position: absolute;
		right:5px;
		top:10px;
		width:175px;
		height: 225px;
		background:#fff;
		z-index:5;
		}
		
#centercontent {
		background:#fff;
		margin-top: 18px;
		margin-left: 180px;
		margin-right:250px;
		voice-family: "\"}\"";
		voice-family: inherit;
		margin-left: 201px;
		margin-right:201px;
		}
		html>body #centercontent {
		margin-left: 201px;
		background:#fff;
		z-index:10;
		}
	
#banner {
		background:#fff;
		voice-family: "\"}\"";
		voice-family: inherit;
		top: 0;
		height: 140px;
		z-index:10
		background:#fff;;
		}
html>body #banner {
		top:10px;
		height:150px;
		z-index:10;
		padding-top:200; 
		background:#fff;
		}

#contentright {
	width:175px;
	padding:0px;
	float:left;
	background:#fff;
	}

#contentleft {
	width:175px;
	height:600px;
	padding:0px;
	float:left;
	background:#fff;
	}

#textright {
		background-image: URL(http://www.gracebrook.co.nz/buttons/button_bkgd.jpg);
		position: absolute;
		right:5px;
		top:200px;
		width:175px;
		height: 515px;
		z-index:5
		}

#textleft {
		background-image: URL(http://www.gracebrook.co.nz/buttons/button_bkgd.jpg);
		position: absolute;
		padding:0;
		left:5px;
		top:200px;
		width:175px;
		height: 515px;
		align:center;
		z-index:5
		}
		
#textbottom {
		float: left;
		background:#fff;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 100px;
		margin-left: 199px;
		margin-right:199px;
		top:700px;
		z-index:10
		background:#fff;;
		}
html>body #textbottom {
		margin-left: 201px;
		margin-right:201px;
		top:700px;
		height:100px;
		z-index:10;
		align:center;
		background:#fff;
		}
		
#amazon {
		background-image:
		background:#fff;
		position: absolute;
		padding:0;
		left:5px;
		top:600px;
		width:175px;
		height: 600px;
		align:center;
		z-index:5
		}



/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 10;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 150px;
	height: 150px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height: 400px;
}	

</> <>