/* bioedge colours */
/* Green: #427D39; */
/* Grey: #808080; */

body {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	color: #427D39;
	background-color: #e7e7e7;
	margin: 0;
}

.floatright {float: right;}
.floatleft {float: left;}

.imagefloatedleft {float: left; margin: 0 10px 10px 0;}

img {border: 0;}

hr {width: 100%; height: 1px; color: #427D39;}

.main {margin: 10px auto; width: 960px; border: 1px solid #427D39; padding: 0; background-color: #ffffff; font-size: 0.8em;}

.banner {height: 200px; position: relative; margin: 0;}

.logo {position: absolute; left: 0; margin: 15px 0 0 280px; z-index: 5;}

.mainimage {margin: 0; padding: 0; height: 200px; background: #ffffff;}

ul.mainimages {margin: 0; padding: 0;}

li.mainimages {list-style-type: none; margin: 0; padding: 0;}

.gallery {position: absolute; top: 0; left: 0; width: 960px; height: 200px; margin: 0; padding: 0; overflow: hidden;}
#gallery li {display: block;}

.separator {clear: both; font-size: 0.1em; width: 100%;}
.spacer {clear: both; font-size: 0.1em; height: 10px;}

.centered {text-align: center;}

.topmenupanel {padding: 0; margin: 0; border-bottom: 1px solid #427D39; color: #427D39; background: #e7f1ec url('images/navbg.jpg') center left repeat-x; display: block;}

ul.topmenu {padding: 5px 0; margin: 0; text-align: left; font-size: 0.9em; list-style: none;}
li.topmenu {margin: 0; padding: 0 0 0 10px; color: #427D39; display: inline; zoom: 1;}
li.topmenu a {text-decoration: none; color: #427D39;}
li.topmenu a:visited {text-decoration: none; color: #427D39;}
li.topmenu a:hover {text-decoration: underline; color: #427D39;}
li.topmenu a:active {text-decoration: none; color: #427D39;}

.topmenuthis {font-weight: bold;}

.navdivider {margin: 0 0 0 10px; width: 2px; height: 17px; vertical-align: middle;}

.phone {float: right; font-size: 0.8em; padding: 5px 10px;}

.maincontent {margin: 0 20px; padding: 0; display: block;}
 
.leftcontent {float: left; width: 620px; margin: 10px 0 10px 20px; padding: 0; line-height: 1.4em; display: block;}

.rightcontent {float: right; width: 250px; margin: 5px 10px 5px 0; padding: 5px 10px 5px 0; font-size: 0.9em; display: block;}

.leftcol {float: left; width: 45%; margin: 5px 0 5px 10px; padding: 5px 0 5px 10px; display: block;}

.rightcol {float: right; width: 45%; margin: 10px 10px 0 20px; padding: 0; display: block;}

.shaded {background: #e7f1ec; padding: 10px;}

.smaller {font-size: 0.9em;}

.highlighted {color: #dd0000; font-weight: bold;}

.feature {margin: 10px; padding: 10px; border: 1px solid #dd0000; background: #e7f1ec; text-align: justify;}
.feature h4 {font-size: 1.5em;}

.footer {border-top: 1px solid #808080; display: block;}
.footertext {font-size: 0.85em; text-align: center; margin: 5px;}
.smallfootertext {color: #808080; font-size: 0.75em; text-align: center; margin: 8px 5px 2px 5px;}

a:link {color: #427D39; text-decoration: underline;} 
a:visited {color: #427D39; text-decoration: underline;} 
a:hover {color: #dd0000; text-decoration: none;}
a:active { color: #427D39; text-decoration: underline;}

.webmaster {color: #808080; font-size: 1em; font-style: italic;}
a.webmaster:link {color: #808080; text-decoration: none;} 
a.webmaster:visited {color: #808080; text-decoration: none;} 
a.webmaster:hover {color: #808080; text-decoration: underline;}
a.webmaster:active { color: #808080; text-decoration: none;}

ul.tight {list-style-type: square; list-style-position: outside;}
li.tight {margin: 0 5px 5px -20px;}

li.smalltext {font-size: 0.75em; margin: 0;}

li.pdf {list-style-image:url('images/pdf.gif'); padding: 0 0 10px 10px;}

li.web {list-style-image:url('images/ie.gif'); padding: 0 0 10px 10px;}

li.xls {list-style-image:url('images/xls.gif'); padding: 0 0 10px 10px;}

li.doc {list-style-image:url('images/doc.gif'); padding: 0 0 10px 10px;}

input.button {
	font-size: 0.75em;
	font-weight: bold;
	cursor:pointer;
}

input.s_button {
	font-size: 0.8em;
	font-weight: normal;
	cursor:pointer;
}

input.big_button {
	font-size: 1em;
	font-weight: bold;
	cursor:pointer;
}

input {
	color: #427D39;
	font-size: 0.85em;
	font-weight: bold;
}

input.s_text {
	color: #427D39;
	font-size: 0.8em;
	font-weight: normal;
}

select {
	color: #427D39;
	font-size: 0.85em;
	font-weight: bold;
	cursor:pointer;
}

.textinput	{
	color:  #BB0000;
	font-size: 0.85em;
	font-weight: bold;
	border-style: solid;
	border-width: 1pt;
	border-color: #427D39;
}

textarea {
	color: #427D39;
	font-size: 0.85em;
}

h1	{color: #427D39;
	font-size: 1.8em;
	font-weight: bold;
	margin: 25px 0;
}

h2	{color: #427D39;
	font-size: 1.5em;
	font-weight: bold;
	margin: 5px 0 20px 0;
}

h3	{color: #427D39;
	font-size: 1.3em;
	font-weight: bold;
	margin: 5px 0 15px 0;
}

h4	{color: #427D39;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0 15px 0;
}

h5	{color: #427D39;
	font-size: 1.1em;
	font-weight: bold;
	margin: 5px 0 10px 0;
}

h6	{color: #427D39;
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0 10px 0;
}

.clickable	{cursor: pointer;}

.box {width: 100%; background: #e7f1ec url('images/navbg.jpg') repeat-x top left; margin-left:0; margin-right:0; margin-top:0; margin-bottom:20px}
.boxcontent {padding: 10px;}
.boxcontent p {margin: 0px 3px 6px 3px;}
.ledge {background-position: left top; background-image: url(images/l.gif); background-repeat: repeat-y}
.uedge {background-position: right top; background-image: url(images/u.gif); background-repeat: repeat-x}
.redge {background-position: right top; background-image: url(images/r.gif); background-repeat: repeat-y}
.bedge {background-position: left bottom; background-image: url(images/b.gif); background-repeat: repeat-x}
.ulcorner {background-position: left top; background-image: url(images/tl.gif); background-repeat: no-repeat}
.urcorner {background-position: right top; background-image: url(images/tr.gif); background-repeat: no-repeat}
.blcorner {background-position: left bottom; background-image: url(images/bl.gif); background-repeat: no-repeat}
.brcorner {background-position: right bottom; background-image: url(images/br.gif); background-repeat: no-repeat}