body{
	margin: 0;
}
#body2{
	margin: 10px 0 0 10px;
	width:760px;
	padding: 0;
}
#top{
	padding: 0;
	margin: 0;
	height: 227px;
}
#logo{
	position: absolute;
	top: 23px;
	left: 25px;
	margin: 0;
	padding: 0;
}
#logolink{	
	border-width: 0;
	marging: 0;
	padding: 0;
	
}
.headerpicrhs{
	position: absolute;
	top: 23px;
	left: 625px;
	margin: 0;
	padding: 0;
}
div.thingreenthing{
	border-style: solid;
	border-color: #009900;
	border-width: 0 1px 0 1px;
	height: 320px;
}
div.pagename{
	position: absolute;
	left: 156px;
	top: 237px; 
	width: 613px;
	color: #f90;
	padding: 20px 0 20px;
	margin: 0;	
}
.pagename h1{
	margin: 0 0 0 16px;
	/*
	font: normal normal bold 24px/12px 'century gothic' verdana, arial, sans-serif;
	*/
	line-height: 12px; 
	font-size: 24px;
	font-family: 'century gothic', verdana, arial, sans-serif;
}
h2{
	/*
	font-size: 12px;
	font-family: 'century gothic', verdana, arial, sans-serif;
	
	
	font: 8pt verdana, arial, sans-serif;
	line-height: 12px; 
	background-color: #f90;
	background-color: #fc6; - good light orange
	background-color: #dca;
	background-color: #B2E0B2;
	*/
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-family: 'century gothic', verdana, arial, sans-serif;
	background-color: #D0F033;
}
div.bodytext{
	position: absolute;
	left: 146px;
	top: 291px;
	margin: 0 0 0 26px;
	padding: 0 0 0 0;
	width: 428px;
	/*
	color: #636;
	*/
	color: #A92C26;
	height: 300px;
}
.bodytext p, .bodytext ol, .bodytext ul, table{
	font: 8pt verdana, arial, sans-serif;
}
.imglabel, label{
	font: 8pt verdana, arial, sans-serif;
	color: #009900;
}
.bodytext a{
	font: 8pt verdana, arial, sans-serif;
	color: #090;
}
ol, .bodytext ul{
	padding-top: 0;
	margin-top: 0;
}
.rightimagecontainer{
	position:absolute;
	top: 289px;
	padding: 0;
	margin: 0 0 0 0;
	color: #ffcc00;
	text-align: center;
}
.featurelist{
	text-align: left;
	font: 8pt verdana, arial, sans-serif;
	color: #636;
	color: #A92C26;
	list-style-type: square;
	margin: 0;
	padding: 0;
}
.featurelist li{
	margin: 0 0 0 15px;
}
img.rhsimage{
	border-color: green;
	border-width: 1px;
	border-style: solid;
}
img#logoimg{
	border-width: 0;
}
img{
	border-width: 0;
}
div.menucontainer{
	width: 145px;
	padding: 0;
	margin: 0;
}
.menuitem{
	margin: 0 0 0 15px;
	display: block;
}
.roundbottom {
	background: #090 url(assets/images/newcurve-1-3-1.gif) no-repeat right top; 
	height: 10px;
}
.roundtop {
	background: #090 url(assets/images/testtopnewcurve-1-3-1.gif) no-repeat right top; 
	height: 10px;
}
.keys2link {
	background: #fff url(assets/images/keys2Nav.gif) no-repeat left top; 
	font: 8pt/1.6 verdana, arial, sans-serif;
	padding: 4px 0 0 15px;
	width: 145px; 
	height: 30px;
	text-decoration: none; 
	color: #abb;
	margin-top: 10px;
}
a.keys2link:hover span#keys2s{
	color: #666;
}
#linav5a, #linav6a, #linav6{
	display: none;
}
#keys2b{
	display: none;
	visibility: hidden;
}
#keys2a{
	display: block;
	visibility: visible;
}
img.corner {
   height: 10px;
   border: none;
   display: block !important;
}
div#bottom{
	border: 0;
	padding: 0;
	margin: 0;
}
.noborder{
	border: 0;
	padding: 0;
	margin: 0;
}
p.pbody{
	margin: 0;
	padding: 0 0 1em 0;
}
ul#mainnav{
	list-style: none;
	margin: 0; 
	padding: 0; 
}
ul#mainnav li a:link, ul#mainnav li a:visited{
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 2px 0 2px 0;
	margin: 0 0 0 0;
	background-color: #009900;
	font: 8pt/1.6 verdana, arial, sans-serif;
	/*
	color: #fff000;
	*/
	color: gold;
}
ul#mainnav li{
	border-top: 1px solid #A5B5C6;
}
.menucontainer .roundbottom{
	/*
	border-top: 1px solid #A5B5C6;
	*/
}
ul#mainnav li a:hover {
	/*
	color: #009900;
	background-color: #ffcc00;
	*/
	background-color: #0d0;
	/*
	color: #fff;
	*/
	color: #630;
}
/* ===  
	the following style statements ensure that the menu item of the current page is a different colour from the rest
	to do it put the menu in a div and give the div an id which is like the page name
	then pair the div up with its menu item
===*/
div#page1 a#nav1:link, div#page1 a#nav1:visited {
	color: #630;
	background-color: #ffcc00;
}
#page1{
	height: 470px;
}
div#page1 div.rightimagecontainer{
	width: 120px;
	/*
	left: 563px;
	760px - 20px for rt margin - 120px for width of image
	*/
	left: 630px;
}
div#page2 a#nav2:link, div#page2 a#nav2:visited {
	color: #630;
	background-color: #ffcc00;
}
#page2{
	height: 620px;
}
div#page2 div.rightimagecontainer{
	/*
	*/
	width: 169px;
	left: 581px;
}
div#page2 .bodytext{
	width: 400px;
}
div#page3 a#nav3:link, div#page3 a#nav3:visited {
	color: #630;
	background-color: #ffcc00;
}
div#page3 div.rightimagecontainer{
	width: 169px;
	left: 581px;
}
div#page3 .bodytext{
	width: 400px;
}
div#page4 a#nav4:link, div#page4 a#nav4:visited {
	color: #630;
	background-color: #ffcc00;
}
div#page4 div.rightimagecontainer{
	width: 169px;
	/*
	left: 563px;
	760px - 20px for rt margin - 120px for width of image
	*/
	left: 571px;
}
div#page4 .bodytext{
	width: 390px;
}
#page4{
	height: 1700px;
}
div#page5 a#nav5:link, div#page5 a#nav5:visited {
	color: #630;
	background-color: #ffcc00;
}
div#page5 div.rightimagecontainer{
	width: 169px;
	/*
	left: 563px;
	760px - 20px for rt margin - 120px for width of image
	*/
	left: 581px;
}
#page5{
	height: 520px;
}
div#page5 .bodytext{
	width: 400px;
}
div#page6 a#nav6:link, div#page6 a#nav6:visited,div#page6leq a#nav6:link, div#page6leq a#nav6:visited,div#page6sam a#nav6:link, div#page6sam a#nav6:visited {
	color: #630;
	background-color: #ffcc00;
}
div#page6 div.rightimagecontainer, div#page6leq div.rightimagecontainer , div#page6sam div.rightimagecontainer{
	width: 120px;
	left: 620px;
}
#page6{
	height: 580px;
}
#page6leq, #page6sam{
	height: 1060px;
}
div#page7 a#nav7:link, div#page7 a#nav7:visited {
	color: #630;
	background-color: #ffcc00;
}
div#page7 div.rightimagecontainer{
	width: 169px;
	left: 581px;
}
div#page7 .bodytext{
	width: 400px;
}
#page7{
	height: 510px;
}
div#page8 a#nav8:link, div#page8 a#nav8:visited {
	color: #630;
	background-color: #ffcc00;
}
div#page8 div.rightimagecontainer{
	/*
	width: 120px;
	left: 440px;
	width: 200px;
	left: 550px;
	*/
	width: 116px;
	left: 634px;
}
div#page8 .bodytext{
	/*
	width: 360px;
	*/
	width: 444px;
}
#page8{
	height: 950px;
}
div#page9 a#nav9:link, div#page9 a#nav9:visited {
	color: #630;
	background-color: #ffcc00;
}
div#page9 div.rightimagecontainer{
	/*
	width: 180px;
	left: 560px;
	*/
	width: 160px;
	left: 590px;
}
div#page9 .bodytext{
	width: 400px;
}
#page9{
	height: 400px;
}
div#page10 a#nav10:link, div#page10 a#nav10:visited {
	color: #630;
	background-color: #ffcc00;
}
div#page10 div.rightimagecontainer{
	width: 169px;
	left: 581px;
}
div#page10 .bodytext{
	width: 400px;
}
#page10{
	height: 570px;
}
div#page11 a#nav11:link, div#page11 a#nav11:visited, div#page11a a#nav11a:link, div#page11a a#nav11a:visited{
	color: #630;
	background-color: #ffcc00;
}
div#page11 div.rightimagecontainer, div#page11a div.rightimagecontainer{
	width: 240px;
	left: 510px;
}
div#page11 .bodytext, div#page11a .bodytext{
	width: 329px;
}
#page11, #page11a{
	height: 490px;
}
div#page12 a#nav12:link, div#page12 a#nav12:visited {
	color: #630;
	background-color: #ffcc00;
}
#page12{
	height: 360px;
}
div#page13 a#nav13:link, div#page13 a#nav13:visited {
	color: #630;
	background-color: #ffcc00;
}
#page13{
	height: 2700px;
}
