/* CSS Document - created by Robin Warnes - Raumati Beach, Paraparaumu, New Zealand.*/

body {background:#ffffff; font-family:Arial, verdana, "Times New Roman";}

#body-box {
		   border-style:solid;
		   border-width:1px;
		   margin-left:120px;
		   width:1000px; 
		   height:763px;
		   overflow:hidden;
		  }

/* Head text box on logo for all pages */
#headtext {
		   text-align:right;
		   font-family:consolas;
		   font-weight:bold;
		   color:#ffffff;
		   background:transparent;
		  }		  
#light-right-centre {
                     float:right;
					 clear:left;
					 width:216px;
					 height:480px;
					 margin-left:766px;
					 margin-top:-1px;
					 margin-bottom:-1px;
					 margin-right:0px;
					 text-align:right;
					 color:#30303C;
					 padding-left:8px;
					 padding-right:8px;
					 padding-bottom:5px;
					 background-color:#cabead;
					 border-top-style:solid;
					 border-top-width:3px;
					 border-bottom-style:solid;
					 border-bottom-width:10px;
					 border-color:#cabead;
					 					 
					 /* Scroll bar on right */
					 overflow:auto;
					 scrollbar-base-color:#cccccc;
					}

/* A class for italic text requirements */		
.italics {font-style:italic; margin-top:20px;}
					
html {scrollbar-base-color:#cccccc;}
			
#right-bottom-box   {
					 float:right;
					 clear:both;
					 width:232px;
					 height:130px;
					 margin-top:4px;
					 background-color:#947e5c;
					}

/* Thumbnail scroll box */
#thumbnail-scroll {
				   width:100px;
				   height:330px;
				   overflow:auto;
				   border:0px;
				  }

/* Displayed pictures on hovering */
         
/******************* Hover Images *******************/
#menu { 
		width:75px; 
		height:75px;
		margin-bottom:10px;
		background-color:#fff; 
		z-index:100; 
		position:absolute;
		left:371px; /* Moves thumbnails left or right */
		top:160px;
		border:0px;
	  }

#menu a.small, #menu a.small:visited {
										display:block; 
										text-decoration:none; 
										background:#fff; 
										top:-1px; 
										right:-1px;
										width:75px; 
										height:75px;
										border:0;
										padding-bottom:10px;
									 }

#menu a img {
			 border:0;
			}
	
#menu a.small:hover {
					text-decoration:none; 
					background-color:#ffffff; 
					color:#000;
					}

#menu a .large {
                display:none;
                border:0px;
                position: absolute;
                left: 150px;
                top: 0px;
                width: 350px;
			   }

#menu a.small:hover .large {
							display:block; 
							position:fixed;
							position:absolute;
							left:149px; /* Moves large hovered Image left or right */
							
							top: 0px; /* This value is required, but does not work as in normal positioning -
									   margin-top has to be used instead. */
								
							width:350px; 
							height:auto; 
							border:1px solid #fff;
						  }
   
/* Scroll and picture display end */ 

/* PAGE LINKS */
#links {
		position:absolute;
		top:510px;
		left:130px;
		z-index:1;
		text-align:right;
		width:150px;
		height:300px;
		border:0px;
		padding:0px;
		line-height:90%;
	   }

#links a {
		 font-family:arial;
		 font-size:0.76em;
		 color:#947e5c;	
		 text-decoration:none;
		 }
		 
#links a:hover {text-decoration:underline;}

/* For inactive links on visited pages */
span {
	   font-family:arial;
	   font-size:0.76em;
	   color:#947e5c;	
	   text-decoration:none;
	 }
	 
#menu .links {
		float:right;
		width:150px;
		height:300px;
		border:1px solid;
	   }
	   
#menu .links a {
		 font-family:arial;
		 font-size:0.76em;
		 color:#947e5c;	
		 text-decoration:none;
		 }
		 
#menu .links a:hover {text-decoration:underline;}

/* Subheading for instruction under thumbnails */
#subheading p {
			 position:absolute;
			 left:368px;
			 z-index:10;
			 width:170px;
			 height:90px;
			 overflow:hidden;
			 color:#947e5c;
			 display:inline;
			 padding:0px;
			 font-size:0.70em;
			 font-family:arial;
			 border:0px;
			 }

/* Back Button */ 
#back-button p a {
				  position:absolute;
				  top:512px;
				  left:363px;
				  width:70px;
				  height:50px;
							  
				  display:inline;
				  white-space:nowrap;
				  text-align:center;
				  font-size:0.82em;
				  font-family:arial;
				  color:#30303C;
				  height:1.0em;
				  border-style:solid;
				  border-width:3px;
				  margin-top:0px;
				  margin-bottom:0px;
				  padding:0.3em;
				  background-color:#cabead;
				  
				  font-weight:bold;
				  border-top-color:#eeeeee;
				  border-left-color:#eeeeee;
				  border-right-color:#cabead;
				  border-bottom-color:#cabead;
				 }
			 
#back-button p a {text-decoration:none;}

#back-button p a:hover {
						background-color:#947e5c;
						color:#ffffff;
						font-weight:bold;
						border-top-color:#666666;
						border-left-color:#666666;
						border-right-color:#aaaaaa;
						border-bottom-color:#aaaaaa;
					   }

#back-button p a:active {
						 color:#ffffff;
						 background-color:#999999;
						 font-weight:bold;
						 border-top-color:#666666;
						 border-left-color:#666666;
						 border-right-color:#cccccc;
						 border-bottom-color:#cccccc;
						}
						
#copyright {margin-left:120px;
			width:200px;
			height:50px;
			font-family:arial;
			font-size:0.60em;
			margin-top:5px;
			color:#947e5c;
			border:0px;
						
		   }