/****** General default settings first DATE 09/01/09 ******/
* { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin: .5em 12px; } 

li, dd { margin-left: 24px; }   

img { border: 0; } 

h1 {
font-size:  180%;
font-weight: 700;
word-spacing: 0.1em;
border-bottom: 1px solid #006600;
padding-bottom: 4px;
color: #006600;
letter-spacing: 0.02em;
margin-bottom: 20px;
}  /* styling of main headings using h1 309201*/ 

h2 { font-size: 130%; font-weight: 575; }
h3 { font-size: 105%; font-weight: 550; word-spacing: 0.1em; }
h4 { font-size: 80%; font-weight: 700; }
h5 { font-size: 70%; font-weight: 700; }
h6 { font-size: 60%; font-weight: 700; }
p { font-size: 105%; font-family: Arial, Helvetica, sans-serif; }

ul { list-style-type: square; } 

a:link { color: #000066; font-weight: 700; } 
a:visited { color: #663366; font-weight: 700; } 
a:hover, a:focus, a:active { color: #006600; font-weight: 700; text-decoration: underline; }
/* styling of links in the text hove #309201*/ 

.skip {
height: 0;
width: 0;
overflow: hidden;
} /* page reader add-in, helps reader to skip repetitive menus */ 
 

body {
margin: 0;
padding: 20px 0;
text-align: center; /* To center the page in IE */ 
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
background-color: #D6FEC2;
} /* div class styling for the whole page #D6FEC2*/ 

.centerpage {
position: relative;
margin: 0 auto;
text-align: left;
background-color: #66ff66;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
width: 760px;
} /* div class styling for the centrepage or use #7BE970 */ 

/******************* Layout boxes ******************/
.header {
	border-bottom: 1px solid #000000;
	background-color: #FFFFFF;

} /* div class styling for the header containing the logo */ 

.menubox {
position: absolute;
left: 2px;
width: 150px;
} /* div class for the menu box */ 

.menubox a, .menubox a:link, .menubox a:visited {
display: block;
width: 120px;
background-color: #D6FEC2;
border: 1px solid #006600;
padding: 3px;
text-decoration: none;
text-align: center;
color: #000000;
font-weight: 700;
}

/* need color in each of the following otherwise IE still uses the a: descriptions instead of these ones*/
.menubox a:hover, .menubox a:focus, .menubox a:active { background-color: #FFFFFF; }

.mainbox {
border-left: 1px solid #000000;
border-top: 1px solid #ECFEDE;
border-bottom: 1px solid #ECFEDE;
margin-left: 155px;
padding-left: 12px;
padding-right: 12px;
background-color: #ECFEDE;
min-height: 30em; /* needs mimmax.js to work in IE6 */
}

blockquote {
margin: 1.5em 15%;
background:  url(images/quoteleft.gif) no-repeat top left;
padding: 5px 0 0 60px;
font-family: Georgia , "Times New Roman", Times, serif;
letter-spacing: 0.01em;
word-spacing: 0.01em;
}

.rightquote {
background:  url(images/quoteright.gif) no-repeat bottom right;
padding: 0 60px 5px 0;
min-height: 45px;
line-height: 1.2em;
font-size: 125%;
font-weight: 700;
text-align: justify; 
}

.imageleft { 
margin: .2em 1.8em .2em 1.8em;
border: 3px solid #006600; 
}

.imageright { 
float: right;
margin: 0.2em 1.4em 0.4em 1.8em;
border: 3px solid #006600; 
} 

.imagerightclear { 
float: right;
clear: right;
margin: 0.2em 0.8em 1.8em 1.8em;
border: 3px solid #006600;
} 


.image { 
margin: .2em 1.8em .2em 1.8em;
border: 3px solid #006600; 
}


.imagethumbnail { 
margin: 0.8em 4% 0.8em 0.8em;
border: 3px solid #006600; 
}

.imagethumbnailportrait { 
margin: 0.8em 2% 0.8em 0.8em;
border: 3px solid #006600; 
}

.imagetrial { 
margin: 0.5em 0em 0.5em 1em;
}

/* 4 table properties*/

.table {
margin-left: 3%;
width: 87%;
border: 1px solid #000000;
}

.table td {
border: 1px solid #000000;
padding: 4px;
}

.tabletimetable {
margin-left: 3%;
width: 87%;
border: 1px solid #000000;
} 

.tabletimetable td {
border: 1px solid #000000;
padding: 4px;
} 

.telephonenumber {
text-align: center;
border: 5px solid #006600;
background-color: #ECFEDE;
padding-bottom: 10px;
padding-top: 10px;
letter-spacing: 0.02em;
font-size: 130%;

}


fieldset { 
border: none;
margin-top: 1em;
margin-bottom: 1em;
}

label { 
display: block;
float: left;
width: 7em; 
text-align: right; 
margin-right: 1em; 
margin-bottom: 10px; 
font-weight: 700; 
} 

button {margin-left: 9.5em; }


input:focus, textarea:focus {  background-color: #D6FEC2; border: 2px solid #006600; padding: .1em .3em .3em .3em; margin-bottom: 0.5em; }

input { padding: .1em .3em .3em .3em; margin-bottom: 0.5em; }


textarea { width: 55%; padding: .1em .3em .3em .3em; margin-bottom: 0.5em;}

.formbuttons { margin-left: 9em;}

.footer {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #FFFFFF;
}

 /****** Simple floats ******/
.floatleft { float: left; }

.floatright { float: right; } 

.spacer { clear: both; }