body
							{
							background-color: #4B9B22;
							margin: 0px;
							padding: 0px;
							font-family: arial, verdana, "arial";
							color: #333333;
							background-image: url(../images/page-background.jpg);
							background-repeat: no-repeat;
							background-position:center top;
							
							}
							
#ribbon
							{
							background: #4B9B22;
							height: 5px;
							}
							
#wrapper
							{
							background-color: #e9e9e9;
							width: 930px;
							margin-left: auto;
							margin-right: auto;
							background-image: url(../images/content-background.png);
							background-repeat: repeat-y;
							text-align: left;
							font-size: 0.9em;	
							padding-left: 10px;
							padding-right: 10px;
							}

#menu
							{
							background-color: #000000;
							background-image: url(../images/menu-background.jpg);
							background-repeat: repeat-x;
							height: 30px;
							width: 930px;
							margin-bottom: 8px;
							color: #ffffff;
							font-size: 0.9em;
							padding-top: 0px;
							z-index: 3;
							position: relative;
							}
							
#menu-old a
							{
							display: block;
							float: left;
							height: 15px;
							border-right: 1px solid #666666;
							padding-left: 6px;
							padding-right: 6px;
							color: #fff;
							text-align: center;
							margin-top: 2px;
							text-decoration: none;
							line-height: 15px;
							}
							
#greenbox
							{
							width: 292px;
							height: 100px;
							background-image: url(../images/green-box.jpg);
							background-repeat: no-repeat;
							padding: 8px;
							float: left;
							}
							
#redbox
							{
							width: 292px;
							height: 100px;
							background-image: url(../images/red-box.jpg);
							background-repeat: no-repeat;
							padding: 8px;
							float: right;
							}
							
#bluebox
							{
							width: 292px;
							height: 100px;
							background-image: url(../images/blue-box.jpg);
							background-repeat: no-repeat;
							padding: 8px;
							float: left;
							margin-left: 3px;
							}
							
.colour-button
							{
							margin-top: 12px;
							border: none;
							}
							
#share
							{
							width: 350px;
							float: right;
							padding-left: 10px;
							padding-right: 10px;
							
							}
							
.clear
							{
							clear: both;
							}
							
#footer
							{
							font-size: 0.8em;
							border-top: 1px solid #000;
							padding-bottom: 5px;
							text-align: center;
							line-height: 1.8em;
							}
							
h1, h2
							{
							font-size: 1.3em;
							margin-bottom: 0px;
							}

							
#bodycontent
							{
							font-family: tahoma;
							}
					
#bodycontent p	
							{
							line-height: 1.3em;
							text-align: justify;
							}
							
.videobox
							{
							width: 500px;
							padding: 2px;
							text-align: center;
							font-family: arial;
							}
							
							
							
.videobox p
							{
							margin: 0px;
							text-align: center;
							}

#contact						{
							width: 930px;
							background-image: url(../images/contact-bg.png);
							background-repeat: no-repeat;
							margin-left: auto;
							margin-right: auto;
							}

							
a:link, a:visited, a:active

				{
				background-color: transparent;
				color: #4B9B22;
				text-decoration: underline;
				
				}

a:hover			
				{
				background-color: transparent;
				color: #4B9B22;
				text-decoration: underline;
				}


.form p{
width: 400px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 200px; /*width of left column containing the label elements*/
}

.form label{
float: left;
margin-left: -200px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.form textarea{
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


li
{
margin-bottom: 10px;
}