/*CSS (Cascading Style Sheet) Copyright (c) Erik Stackelberg @ Stackelberg.ca*/

/*--------------General-----------------*/

BODY, html 
	{
	height: 100%;/*important!*/
	margin: 0 0 0 0; /*important!*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#3a521a;
	line-height:16px;
	background-image:url(../images/bgtile.gif);
	background-repeat:repeat-y;
	background-position:center;
	/*
	scrollbar-arrow-color: #FF7200;
	scrollbar-base-color: #555555;
	scrollbar-darkshadow-color: #555555;
	scrollbar-track-color: #3A3A3A;
	scrollbar-face-color: #555555;
	scrollbar-shadow-color: #555555;
	scrollbar-highlight-color: #555555;
	scrollbar-3d-light-color : #555555;*/
	}
	

/*--------------Links-----------------*/

a:link {
	color: #3a521a;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	background: url(../images/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/
	padding-bottom:2px;/*to space out the custom underline*/
	background-position:left bottom; /*to force background dashes to start at left, not centre.*/
}

a:visited {
	color: #3a521a;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	background: url(../images/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/
	padding-bottom:2px;/*to space out the custom underline*/
	background-position:left bottom; /*to force background dashes to start at left, not centre.*/
}

a:hover {
	color: #8cc63f;
	text-decoration:none;
	background: url(../images/linkunderline.gif) repeat-x 100% 100%; /*custom underline*/
	padding-bottom:2px;/*to space out the custom underline*/
	background-position:left bottom; /*to force background dashes to start at left, not centre.*/
}


/*--------------Text-----------------*/

/*Use padding instead of margins, to accommodate IE.*/
h1 {
letter-spacing:-2px;
padding:0px;
margin:0px;
font-size:25px;
text-align:right;
line-height:24px;
font-weight:bold;
}

h2 {
font-size:11px;
padding-bottom:2px;
margin:0;
line-height:21px;
font-weight:bold;
color:#8cc63f;
}

h3 { /*for content subheadings*/
font-size:11px;
padding-bottom:1px;
padding-top:15px;
margin:0;
line-height:21px;
font-weight:bold;
color:#3a521a;
}


#textdivider {
width:206px;
height:1px;
background-image:url(../images/linkunderline.gif);
background-repeat:repeat-x;
margin-bottom:2px;
}

#highlightbox {
width:220px;
height:auto;
background-color:#a3c674;
padding:10px;
}



/*-----------Images--------------*/
.stackelberdesign {
float:right;
margin-top:-15px;
}

#paragraphstrip {
background-image:url(../images/contentheaderstrip.gif);
background-repeat:no-repeat;
width:203px;
height:10px;
padding-bottom:8px;
}

.imagefloat {
float:left;
padding-right:10px;
}

.imagefloatright {
float:right;
}

#printhead {
display:none;
}

/*-----------Forms--------------*/

input, select, textarea {
background-color:#8DC641;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
border:1px solid #8DC641;
line-height:12px;
}

.bigdropdown {
font-size:26px;
font-weight:bold;
letter-spacing:-3px;
}

.submitbutton {
background-color:#8DC641;
font-size:11px;
border:3px solid #8DC641;
}

.specialclass {
visibility:hidden;
width:3px;
}

.formtable {
border:0;
}

.search {
background-color:#8DC641;
font-size:11px;
border-left:3px solid #8DC641;
border-right:3px solid #8DC641;
}

.searchbutton {
border:0;
padding:0;
margin:0;
}



/*-------------Universal Containers------------*/	

#clear {
clear:both;
}
	
#wrapper {
	position:relative;
	height:100%;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-69px;
	z-index:20;
}

#mainbg {
width:100%;
height:779px;
background-image:url(../images/main-bg.gif);
background-repeat:no-repeat;
background-position:top center;
}


#globalnav {
position:relative;
margin-left:0px;
margin-top:0px;
height:69px;
width:780px;
background-image:url(../images/globalnavtile.jpg);
}

#globalnavtile {
margin-top:0px;
height:69px;
position:relative;
width:100%;
background-image:url(../images/globalnavtile.jpg);
}

#secondarynav {
	position:relative;
	margin-left:0px;
	margin-top:0px;
	height:23px;
	width:780px;
	text-align:right;
	font-size:10px;
	color:#8cc63f;
	}
#secondarynav a:visited {
font-weight:normal;
text-decoration:none;
color:#8cc63f;
	background:none;
	padding-bottom:0;
}

#secondarynav a:link {
font-weight:normal;
text-decoration:none;
color:#8cc63f;
	background:none;
	padding-bottom:0;
}

#secondarynav a:hover {
font-weight:normal;
	color: #3a521a;
	text-decoration:none;
	background:none;
	padding-bottom:0;
}

#greeting {
position:relative;
float:left;
width:212px;
height:366px;
margin-left:0px;
margin-top:0px;
padding-top:169px;
background-image:url(../images/main-biotronlogo.jpg);
background-position:top center;
background-repeat:no-repeat;
line-height:13px;
}
#moduletoy{
position:relative;
float:left;
width:362px;
height:535px;
margin-left:0px;
margin-top:0px;
background-image:url(../images/moduletoy.jpg);
background-position:top center;
background-repeat:no-repeat;
}
#news{
position:relative;
float:left;
width:206px;
height:366px;
margin-left:0px;
margin-top:0px;
padding-top:169px;
background-image:url(../images/main-newsfocal.jpg);
background-position:top center;
background-repeat:no-repeat;
line-height:13px;
}

#newssnippet{
position:relative;
float:left;
width:206px;
height:auto;
margin-left:0px;
margin-top:0px;
line-height:13px;
}

#footer{
position:relative;
width:780px;
height:32px;
margin-left:0px;
margin-top:0px;
padding-top:120px;
background-image:url(../images/main-footer.jpg);
background-position:top center;
background-repeat:no-repeat;
text-align:center;
font-size:10px;
color:#655241;
	line-height:11px;
	}
#footer a:visited {
font-weight:normal;
text-decoration:none;
color:#655241;
	background:none;
	padding-bottom:0;
}

#footer a:link {
font-weight:normal;
text-decoration:none;
color:#655241;
	background:none;
	padding-bottom:0;
}

#footer a:hover {
font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
	background:none;
	padding-bottom:0;
}
/*-------------Section Containers------------*/	
	#sectionfooterbg{
	position:relative;
	width:100%;
	height:243px;
	margin-top:-50px;
	padding-top:0px;
	background-image:url(../images/section-footer.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	text-align:center;
	font-size:10px;
	color:#655241;
	z-index:10;
	}
	#sectionfooter{
	position:relative;
	width:780px;
	height:32px;
	margin-top:0px;
	padding-top:211px;
	margin-left:auto;
	margin-right:auto;
	background-position:bottom center;
	background-repeat:no-repeat;
	text-align:center;
	font-size:10px;
	color:#655241;
	line-height:11px;
	}
#sectionfooter a:visited {
font-weight:normal;
text-decoration:none;
color:#655241;
	background:none;
	padding-bottom:0;
}

#sectionfooter a:link {
font-weight:normal;
text-decoration:none;
color:#655241;
	background:none;
	padding-bottom:0;
}

#sectionfooter a:hover {
font-weight:normal;
	color: #FFFFFF;
	text-decoration:none;
	background:none;
	padding-bottom:0;
}

	
	#submenu {
	position:relative;
	float:left;
	width:277px;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	padding-top:169px;
	background-image:url(../images/section-focal.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

	#sectioncontent {
	position:relative;
	float:left;
	width:258px;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	padding-top:10px;
	background-position:top center;
	background-repeat:no-repeat;
}

	#sectioncontentexpanded {
	position:relative;
	float:left;
	width:400px;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	padding-top:10px;
	background-position:top center;
	background-repeat:no-repeat;
}

	#sectioncontentgallery {
	position:relative;
	float:left;
	width:500px;
	height:auto;
	margin-left:0px;
	margin-top:0px;
	padding-top:10px;
	background-position:top center;
	background-repeat:no-repeat;
}

	#sectionbg { /*to cover the body BG on sides for length of the page where there is content.*/
width:100%;
height:auto;
background-color:#FFFFFF;
}

	#subheading {
width:503px;
height:79px;
float:left;
position:relative;
}

	#sectionfocal {
width:245px;
height:auto;
float:right;
position:relative;
}

#sectionfocal_images1 { /*PHP on page randomizes between these two divs for different backgrounds.*/
width:213px;
height:334px;
float:right;
position:relative;
padding-top:11px;
padding-left:32px;
background-image:url(../images/section-imagebg1.gif);
}

#sectionfocal_images2 {
width:213px;
height:338px;
float:right;
position:relative;
padding-top:6px;
padding-left:32px;
background-image:url(../images/section-imagebg2.gif);
}

#imagegloss {
position:relative;
width:208px;
height:92px;
margin-bottom:-92px;
}