@charset "utf-8";

body {
 font-family: Arial, Helvetica, Arial, sans-serif; 
 font-weight: bold;
 background-color:#999DC7; /*OWEN THIS IS FOR THE MARGINS AT THE SIDE. WEBSITE IS COLORPICKER.COM*/
 
 }
 /*background-color:#DBEFF0;
 line-height: 125%; 
 padding: 40px; 
 border-width: 20px; 
 border-style: ridge; 
 border-color: #1aa9c3;
 position: absolute;
 */
 
 #shape {
	width:900px;
	margin:auto;
	margin-top: -40px;
	text-align:left;
	padding:15px;
	/*border:5px solid #333;*/
	background-color: white; /*OWEN THIS IS FOR THE BACKGROUND COLOUR INBETWEEN THE BOXES*/
	text-align:center;
	}
	/*the above sets margin parameters*/
	
 #title
 {
 margin-bottom: 20px;
 
 }
	div.container3
{
width:98%;
margin:auto;
border:5px groove #37B63A; /*OWEN THIS THE BORDER OF EACH BOX*/
line-height:150%;
background-color: #E3F9E3; /*OWEN THIS IS THE BACKGROUND COLOUR OF THE BOXES,,,,old green #AFE0B0*/
margin-bottom: 30px;

}
div.header3,div.footer3
{
padding:0.5em;
color:white; /*OWEN THIS IS THE COLOUR OF TEXT FOR HEADER AND FOOTER*/
background-color:  #37B63A; /*OWEN THIS IS THE COLOUR OF THE HEADER AND FOOTER OF EACH BOX*/
clear:left;
}
h1.header3
{
padding:0;
margin:0;
}
div.left3
{
float:left;
width:350px;

margin:0;
padding:1em;
color: #1B4D19; /*OWEN THIS IS THE COLOUR OF THE TEXT IN THE LEFT OF THE BOX*/
}
div.content3
{
float:left;
width: 450px;
border-left:3px ridge #37B63A; /*OWEN THIS IS THE COLOUR OF THE MIDDLE LINE BETWEEMN BOXES, ONLY CHANGE COLOUR NOTHING ELSE*/
padding:1em;
color: #1B4D19; /*OWEN THIS IS THE COLOUR OF TEXT FOR THE WRITING IN THE RIGHT HAND BOX*/
}
/*the above sets the box parameters*/

div.content2
{
float:left;
width: 850px;
padding:1em;
color: #1B4D19; /*OWEN THIS IS THE COLOUR OF TEXT FOR THE WRITING IN THE RIGHT HAND BOX*/
}

div.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  
  
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}

div.desc
{
  font-weight: normal;
}
/*the above sets the images within the box*/



#shelf { 
 
 top: 50px; 
 width: 900px; 
 font: normal .75em Arial, Helvetica, sans-serif; 
 
} 

#shelf ul { 
 
 padding: 2px; 
  height: 0px; 
  margin: 0 10px 0 10px;
}
#shelf li { 
 list-style: none; 
 margin: 0 19px 0 19px; 
 float: left; 
 position: relative; 
 width: 180px; 
}

#shelf a { 
 display: block;  
 height: 20px; 
 position: relative; 
 top: -30px; 

 white-space: nowrap; 
 padding: 10px 10px; 
 color: white; 
 font-size: large;
 font-family: Rockwell, Helvetica, Arial, sans-serif; 
 text-decoration: none; 
 background: #37B63A; /*OWEN THIS IS THE BACKGROUND COLOUR OF LINK, DON'T THINK IT WILL ACTUALLY DO ANYTHING WHEN YOU CHANGE IT*/
 text-align: center;
}

/*the above sets the links and shelf */

table{font-size:150%;background:white; border:5px groove #37B63A;}
a{color:black;text-decoration:none;font:bold}
a:hover{color:black}
td.menu{background:#AFE0B0}

table.menu
{
font-size:60%; background:black; border: 2px solid #37B63A;
position:absolute;
visibility:hidden;

}

/*The above sets the drop down menu*/