@charset "utf-8";
/* CSS Document */
/* dark colour #291810;
light colour #86750D;
*/


*
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

body {
	background-color: #291810;
	color: #2a2d2e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	text-align: center; /* Centers page content container for IE 5 */
}

h1 {
	color: #FFFFFF;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
  color: #EAB7A2;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}

h6 {
	font-size: 1.8em;
	color: #FFFFFF;
	line-height: 1.8em;
}

.colmask .threecol .colmid .colleft .col1 img {
	margin-top: 10px;
	padding-top: 10px;
}


p, ol {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #FFFFFF;
}

/* we now set some dimensions for the columns */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	background-color: inherit;
}

.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left or right padding needed on columns*/
	overflow:hidden;
}

/* 3 Column settings */
.threecol {
	background-color: #86750D;		/* set right background background colour */
}

.threecol .colmid {
	right:25%;			/* right column width */
	background-color: #291810;		/* center column background */
}

.threecol .colleft {
	right:50%;			/* middle column width */
	background-color: #86750D;	/* left column background */
}

.threecol .col1 {
	width:46%;			/* centre column content width (column width less padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}

.threecol .col2 {
	width:21%;			/* left column content width (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 {
	width:21%;			/* right column content width (column width minus padding on either side) */
	left:85%;			/* (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

#frontpageimage {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.colmask, #frontpagematerial {
	position: relative;	/* Fix IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* Chop off overhanging divs */
	background-color: #86750D;
}

#frontpagematerial h2 {
	font-size: 1.5em;
	color: #FFFFFF;
	background-color: #291810;
	font-weight: bold;
	line-height: 1.6em;
}

#frontpagematerial #biologydefinition h2 {
	font-size: 1.5em;
	color: #FFFFFF;
	background-color: #291810;
	font-weight: bold;
	line-height:1em;
	font-family: "Times New Roman", Times, serif;
}

#frontpagematerial #experiment h2 {
	font-size: 1.5em;
	color: #FFFFFF;
	/* background-color: #291810; */
	background-color: #86750D;
	font-weight: bold;
	line-height:1em;
	font-family: "Times New Roman", Times, serif;
}

#frontpagematerial #biologydefinition #threeprinciples h2 span {
	font-size: 1.3em;
	line-height:0.9em;
}

#frontpagematerial p, #frontpagematerial ul, #fourtext  {
	font-size: 1.0em;
	line-height: 1.1em;
	margin-top: 15px;
}

#frontpagematerial .col1 #threeprinciples h2 {
	background-color: #86750D;
}

#fourtext {
	background-color: #86750D;
}

#twotext, #twotext p {
	background-color: #86750D;
}

/* Sets the style for unvisited links. */
a,  a:link {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #EAB7A2;
  background-color: #291810;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #007171;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #034248;
}

/* links on front page */
/* Sets the style for unvisited links. */
#frontpagematerial a,  #frontpagematerial a:link {
		color: #FFFFFF;
}
/* Sets the style for visited links. */
#frontpagematerial a:visited {
		color: #FFFFFF;
}
/* Sets the style for links on mouseover. */
#frontpagematerial a:hover {
  color: #007171;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
#frontpagematerial a:focus {
  color: #007171;
}

/* Sets the style for a link that is being activated/clicked. */
#frontpagematerial a:active {
  color: #034248;
}

#frontpagematerial .col1 h2 a,
#frontpagematerial .col1 h2 a:link,
#frontpagematerial #biologydefinition span a,
#frontpagematerial #biologydefinition span a:link,
#frontpagematerial #experiment span a,
#frontpagematerial #experiment span a:link  {
	text-decoration: underline;
	background-color: #291810;
}

#frontpagematerial .col1 h2 a:visited,
#frontpagematerial #biologydefinition span a:visited {
	text-decoration: underline;
	background-color: #291810;
}

#frontpagematerial .col1 h2 a:hover,
#frontpagematerial #biologydefinition span a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #86750D;
}

#frontpagematerial .col1 h2 a:focus,
#frontpagematerial #biologydefinition span a:focus {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #86750D;
}

#frontpagematerial .col2 h2 a,
#frontpagematerial .col2 h2 a:link,
#frontpagematerial .col3 h2 a,
#frontpagematerial .col3 h2 a:link  {
	background-color: #86750D;
	text-decoration: underline;
}
/* Sets the style for visited links. */
#frontpagematerial .col2 h2 a:visited,
#frontpagematerial .co3 h2 a:visited {
	background-color: #86750D;
	text-decoration: underline;
}
/* Sets the style for links on mouseover. */
#frontpagematerial .col2 h2 a:hover,
#frontpagematerial .col3 h2 a:hover  {
  	font-weight: bold;
  	text-decoration: underline;
  	color: #FFFFFF;
	background-color: #291810;
}

/* Sets the style for a link that has focus. */
#frontpagematerial .col2 h2 a:focus,
#frontpagematerial .col3 h2 a:focus {
  	color: #FFFFFF;
  	background-color: #86750D;
}

#frontpagematerial .col2 p a,
#frontpagematerial .col2 p a:link,
#frontpagematerial .col3 p a,
#frontpagematerial .col3 p a:link  {
	font-weight: bold;
	/* background-color: #FFFFFF; */
	text-decoration: underline;
	color: #291810;
	font-style: italic;
	background-color: inherit;
}
/* Sets the style for visited links. */
#frontpagematerial .col2 p a:visited,
#frontpagematerial .co3 p a:visited 
 {
	font-weight: bold;
	/* background-color: #FFFFFF; */
	text-decoration: underline;
	color: #291810;
	font-style: italic;
	background-color:inherit;
}
/* Sets the style for links on mouseover. */
#frontpagematerial .col2 p a:hover,
#frontpagematerial .col3 p a:hover  {
  	font-weight: bold;
  	text-decoration: underline;
  	color: #FFFFFF;
	background-color: #291810;
	font-style: italic;
}

/* Sets the style for a link that has focus. */
#frontpagematerial .col2 p a:focus,
#frontpagematerial .col3 p a:focus {
  	color: #FFFFFF;
  	background-color: #86750D;
	font-style: italic;
}

/* Sets the style for a link that is being activated/clicked. */
#frontpagematerial .col2 p a:active {
  color: #034248;
}

	/* Footer styles */
#footer {
		clear: both;
		float: left;
		width: 100%;
		border-top: 5px solid #86750D;
		border-bottom: 5px solid #86750D;
		margin-bottom: 10px;
		padding-top: 10px;
	}

#footer p {
		margin:  0;
	}
	
/* links on front page */
/* Sets the style for unvisited links. */
#frontpagematerial #footer a, #frontpagematerial #footer a:link {
	font-weight: normal;
	background-color: #86750D;
	text-decoration: underline;
}
/* Sets the style for visited links. */
#frontpagematerial #footer a:visited {
	font-weight: normal;
	background-color: #86750D;
	text-decoration: underline;
}
/* Sets the style for links on mouseover. */
#frontpagematerial #footer a:hover {
  color: #FFFFFF;
  background-color: #291810;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
#frontpagematerial #footer a:focus {
  color: #007171;
}

/* Sets the style for a link that is being activated/clicked. */
#frontpagematerial #footer a:active {
  color: #034248;
}

#branding
{
	background-color: #291810;
	width: 100%;
	height: 80px;
	text-align: center;
	margin: 0;
	overflow: hidden;
}

#branding p
{
	color: #86750D;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.7em;
	text-align: center;
	letter-spacing: 5px;
	padding-top: 20px;
	background-color: inherit;
	overflow: hidden;
	background-position: center center;
	margin-top: 0;
	margin-right: 147px;
	margin-bottom: 30px;
	margin-left: 147px;
}
#logo, #logo a
{
	background-color: #291810;
	background-image: url(images/engeneticplants_logo.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
	margin: 0;
	width: 147px;
	height: 80px;
	text-align: left;
	position: absolute;
	z-index: 3;
	top: 0px; /* put in to stop IE7 misbehaving and shifting logo to left */
	right: 0px; /* put in to stop IE7 misbehaving and shifting logo to left */
}

#maintext {
	background-color: #86750D;
	margin-left: 165px;
	font-family: "Times New Roman", Times, serif;
}

#maintext p, #maintext ol, #maintext ul, table {
	font-size: 1.5em;
	line-height: 1em;
	text-align: left;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 10px;
	margin-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	color: #000000;
}

#maintext ol, #maintext ul {
	margin-left: 3em;
	padding-top: 0em;
	padding-bottom: 0.5em;
}

.superscript {
	vertical-align: super;
	font-size: 0.8em;
	line-height: 0;
}

.subscript {
	vertical-align: sub;
	font-size: 0.8em;
	line-height: 0;
}

#maintext p a,
#maintext p a:link {
	font-weight: bold;
	background-color: #291810;
	text-decoration: underline;
	color: #86750D;
	font-style: normal;
}
/* Sets the style for visited links. */
#maintext p a:visited {
	font-weight: bold;
	background-color: #291810;
	text-decoration: underline;
	color: #86750D;
	font-style: normal;
}
/* Sets the style for links on mouseover. */
#maintext p a:hover {
  	font-weight: bold;
  	text-decoration: underline;
  	color: #FFFFFF;
	background-color: #291810;
	font-style: normal;
}

/* Sets the style for a link that has focus. */
#maintext p a:focus {
	color: #FFFFFF;
	background-color: #86750D;
	font-style: normal;
}

#maintext .myquotes {
	font-size: 1.5em;
	line-height: 0.8em;
	text-align: left;
	color: #000000;
	margin-top: -0.5em;
	padding-top: 0px;
	margin-left: 10px;
	padding-left: 50px;
	margin-right: 0px;
	padding-right: 200px;
}

#maintext .myquoteslead {
	font-size: 1.5em;
	line-height: 0.8em;
	text-align: left;
	color: #000000;
	margin-left: 10px;
	padding-left: 50px;
	margin-right: 0px;
	padding-right: 200px;
}

#maintext .lawsandmaxims {
	font-size: 1.8em;
	line-height: 0.9em;
	text-align: left;
	color: #ffffff;
	margin-left: 10px;
	padding-left: 50px;
	margin-right: 0px;
	padding-right: 200px;
	background-color: #291810;
	margin-bottom: 15px;
}
#maintext .mycitations {
	font-family: "Courier New", Courier, monospace;
	font-size: 0.8em;
}

#leftmenu
{
	background-color: #291810;
	text-align: right;
	position: absolute;
	top: 80px;
	left: 0;
	width: 160px;
	border: thick solid #86750D;
}
#leftmenu p
{
	color: #86750D;
	background-color: #291810;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-right: 20px;
	padding-left: 0;
	font-weight: bold;
	overflow: hidden;
	font-style: italic;
}
#leftmenuthispage
{
	color: #000000;
	font-size: 0.8em;
	background-color: #A3B4EA;
	margin-bottom: 5px;
	padding-right: 20px;
	padding-left: 0;
}
#leftmenu a:link, #leftmenu a:visited
{
	color: #FFFFFF;
	background-color: #291810;
	text-decoration: none;
	font-style:normal;
}
#leftmenu a:hover, #leftmenu a.current
{
	color: #291810;
	text-decoration: none;
	background-color: #86750D;
	font-style:normal;
}

/*
Presenter navigation bar on the right side
Also absolutely positioned.
*/

#rightmenu {
	background-color: #7494F7;
	text-align: left;
	position: absolute;
	top: 153px;
	right: 0;
	width: 146px;
}
#rightmenu p  {
	color: #F7D710;
/*	color: #ffffff; */
	font-size: 0.8em;
	background-color: #7494F7;
	margin-bottom: 5px;
	padding-right: 0px;
	padding-left: 10px;
	font-weight: bold;
	overflow: hidden;
}
#rightmenuhispage {
	color: #ffffff;
	font-size: 0.8em;
	background-color: #a3b4ea;
	margin-bottom: 5px;
	padding-right: 20px;
	padding-left: 0;
}
#rightmenu a:link, #rightmenu a:visited  {
	color: #142046;
	background-color: #7494F7;
	text-decoration: none;
}
#rightmenu a:hover, #rightmenu a.current {
	color: #142046;
	text-decoration: none;
	background-color: #F7D710;
}

/* footer links on other pages */
/* Sets the style for unvisited links. */
#closingmaterial #footer p a, #closingmaterial #footer p a:link {
	font-weight: normal;
	background-color: #86750D;
	text-decoration: underline;
	color: #000000;
}
/* Sets the style for visited links. */
#closingmaterial #footer p a:visited {
	font-weight: normal;
	background-color: #86750D;
	text-decoration: underline;
	color: #000000;
}
/* Sets the style for links on mouseover. */
#closingmaterial #footer a:hover {
  color: #FFFFFF;
  background-color: #291810;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
#closingmaterial #footer a:focus {
  color: #007171;
}

/* Sets the style for a link that is being activated/clicked. */
#closingmaterial #footer a:active {
  color: #034248;
}

.box {
font-family: "Times New Roman", Times, serif;
font-size: 1.5em;
color: #FFFFFF;
}


div.box .input-text{
border:1px solid #3b6e22;
color:#666666;
margin-left: -690px;
font-size: 0.7em;
color: #000000;
}

#stagetwo {
	width: 46%;
	float: none;
	text-align: center;
	position: relative;
	left: 27%;
}


div.box label{
display:block;
margin-bottom:10px;
color:#FFFFFF;
}

div.box label span{
display:block;
float:left;
padding-right:6px;
width: 210px;
text-align:right;
font-weight:bold;
}

.errormessage{
	margin-bottom:10px;
	color: #FF3300;
	font-size: 0.9em;
	background-color: #291810;
	margin-left: -290px;
}