body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background: #FFFFCC;
		/*min-width:70%;		 Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		text-align:left;
	}


	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	h1 {font-size:130%; text-align:center;}
	h2 {font-size:120%;}
	h3 {font-size:105%;}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
		text-align:left;
	}
	img {
		margin:10px 0 5px;
		border:none;
	}

	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		min-height:160px;
		background-color: #C4D2EC;
 		margin: 0 auto;
		margin-top:0px;
		padding-top:1px;
		text-align:center;
		background-image:url(/images/grassback.jpg);
		background-repeat: no-repeat;

	}
	#header {
		border-bottom:4px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header h1{text-align:right;font-size:160%;}
	#header img {float:left; padding-bottom:5px;border:none;}

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#669999;		/* right column background colour */
	}
	.threecol .colmid {
		right:20%;			/* width of the right column */
		background:#fff;		/* center column background colour */
		border-right:#000000 1px solid;
	}
	.threecol .colleft {
		right:60%;			/* width of the middle column */
		background:  #A6C4A2; /*	 left column background colour */
		border-right:#000000 1px solid;
	}
	.threecol .col1 {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */

	}
	.threecol .col3 {
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
		/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:80%;			/* right column width */
		background:#A6C4A2;	/* left column background colour */
	border-right:#000000 1px solid;}
	.leftmenu .col1 {
		width:76%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:16%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
		}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	
	.mainsection, p.mainsection {
	font-size: 110%;
	font-weight: bold;
	margin-top : 2px;
	text-decoration:none;
	color: #336633;
	margin-bottom:0px;
}
	
	.subsection	{
	font-size: 90%;
	font-weight: normal;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom : 3px;
}

	.subsection2	{
	font-size: 90%;
	font-weight: normal;
	margin-left: 25px;
	margin-top: 3px;
	margin-bottom : 3px;
}
.indent {
	margin-left : 30px;
}
	
	#skip {display:none;}
#main {display:none;}
#answer {
	font-size : small;
	text-align : left;
	border-bottom : 2px;
	border-bottom-color : Black;
}


#question {
	font-size : small;
	font-weight : bold;
	font-style : italic;
	text-align : left;
}
.floatright {float:right; padding:5px;}
.floatleft {float:left; padding:5px;}
.speaker {
	color : #003366;
	font-size : small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;
}

.piccap, .small {  font-family: Arial, Helvetica, sans-serif; font-size: small; font-style: italic; font-weight: lighter; color: #006600}
#learn {
	border : 2px;
	background-color : #FFCC99;
	background-position : center;
	margin : 5px;
	padding : 10px;
	float : right;
	height : 25px;
	width : 100px;
	text-align : center;
	font-weight : bolder;
	border-bottom-style : groove;
	border-color : black;
}

#tip {
	border-bottom-width : medium;
	border-color : Green;
	list-style-type : square;
	list-style-position : outside;
	padding : 10px;
}

.scrollouter {
width:90%; height:550px; z-index:1; visibility: visible; margin:0 auto;	clear:both; margin-top:20px;
}

.scroll {
	overflow: auto;
	border:#666666 2px solid;
	font-size:90%;
	background-color:#FFFFCC;
	padding:5px;
	height:540px;
	width:100%;
    }
	
.listhead {  font-size: 14px; font-weight: bold; color: #CC6600; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 10px; padding-top: 5px; padding-bottom: 5px}
.listsub {  font-size: 12px; margin-right: 10px; margin-left: 20px}
ul.listsub {
	font-size: 12px;
	text-indent : 0;
	margin : 0;
	list-style-type : disc;
	margin-bottom : 2px;
	margin-left : 12px;
}

.plantlist {  font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; }

 
.box {border-style: outset;
	border-color:#CCCC99;
	border-bottom-width:medium;
	border-top-width : thin;
	border-right-width:thin;
	border-left-width:medium;
	background-color:#FFFFFF;
	padding: 5px;
	text-align:center;
	font-size:90%;
}
.adbox {border-style: outset;
	border-color:#CCCC99;
	border-bottom-width:medium;
	border-top-width : thin;
	border-right-width:thin;
	border-left-width:medium;
	background-color:#FFFFFF;
	padding: 5px;
	text-align:center;
	font-size:90%;
	width: 217px;
	height: 170px;
	margin-right:3px;
	vertical-align:top;;
}
.clear {clear:both; width:auto; height:auto; position:relative; margin-bottom:20px;}	

.note {float:left;margin-bottom:10px; margin-right:10px;width:45%;padding:10px;/*border:medium ridge #0033CC;*/position:relative;}

.pubs {border-style: outset;
	border-color:#CCCC99;
	border-bottom-width:3px;
	border-top-width : 1px;
	border-right-width:1px;
	border-left-width:3px;
	background-color: #FFFFCC;
	padding: 5px;
	font-size:90%;
	position:relative;
	top:0px;
	width:43%;
	height:auto;
	float:right;
	margin-right:5px;
}
.big {font-size:120%;}
.libraries {border-style: outset;
	border-color:#CCCC99;
	border-bottom-width:3px;
	border-top-width : 2px;
	border-right-width:2px;
	border-left-width:3px;
	background-color: #FFFFCC;
	width:17em;
	height:11em;
	overflow:auto;
	line-height:normal;
padding: 5px;
margin:5px;
float:left;
}

#navbar .box {border-style: outset;
	border-color:#CCCC99;
	border-bottom-width:medium;
	border-top-width : thin;
	border-right-width:thin;
	border-left-width:medium;
	background-color: #D9CB9B;
	padding: 3px;
	text-align:center;
	font-size:90%;
}

.center {text-align:center;}
.centerblock {margin: 0 auto;}
.left {text-align:left;}
.right {text-align:right;}
.centering {margin:0 auto; clear:both; width:40%;}
.bold {font-weight:bold;}
.symposium {font-size:90%;}
.redbold {font-weight:bold; color:Red;}
.greenbold {font-weight:bold; color: #006600;}
.spaced {line-height:1.5;}
.red {color:#CC0000;}

.symposium td {border-bottom:thin solid #cccccc;}
.symposium th {background-color:#CC9933;
border-bottom:thin solid #cccccc;}
.symposium h2 {margin-bottom: 2px;}

#brochure {
border:#333333 2px groove;
width:90%;
margin: 0 auto;
margin-top:5px;margin-bottom:5px;
padding:4px;
font-size:90%;
background-color:#A6C4A2;}
#brochure img {padding:3px;text-align:center; margin:0 auto;}
#mastright {position:relative;top:5px;right:2em;float:right; line-height:120%; font-weight:bold;width:15em;}
#mastright a:link, #mastright a:visited {color:#000; font-size:100%; text-align:left;}
ul {text-align: left;}

.conference 
{
    background-color:#ffffff;
}
.conference td, th
{
    padding:5px;
    margin-left:2px;
    margin-right:2px;
    }
.confprice {
border: #666666 thin double;
background-color:#FFFFCC;
}
#subcontainer {
width:70%;margin:0 auto;}
#container {
width:95%;margin:0 auto;}
/********* Admin ************************/
.grid {font-size:90%; float:left; text-align:left; margin-right:5px; padding:5px; background-color:#FFFFFF; width:48%; border: thin #333333 solid;}
.grid td {padding: 5px; vertical-align:top;}
.grid input {padding: 2px; width:98%;}
.grid textarea {padding: 2px; width:98%; margin:0px;}
.grid .multi {padding: 2px; width:98%; margin:0px;}
.details {font-size:90%; float: left; margin:20px; width:50%;background-color: #FFFFCC; border: thin #333333 solid;}
.details input {padding: 2px; width:90%;}
.details textarea {padding: 2px; width:90%; margin:0px;}
.details .multi {padding: 2px; width:90%; margin:0px;}
.detailsoverlap {position: relative;font-size:90%; margin:10px; width:40%;
background-color: #D6F8D1; border: 3px #333333 solid;padding:10px; z-index:10;}
.detailsoverlap td {padding: 5px; vertical-align:top;}

.presentations {margin: 0 auto; width:60%;}

/*****Tabs *********************/
.ajax__tab_header {margin-top:20px;}
/*.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.*/
.ajax__tab_tab {font-weight:bold; font-size:110%;}
.ajax__tab_body {height:60em; overflow: auto;}
/*.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.*/
/******************************************************/
a:link {
	text-decoration: none;
	color: #336633;
} 
	a:hover {
		color:#fff;
		background:#369;
		text-decoration: underline;
	}
	
a:visited {color:#294D20; text-decoration:none;}