/* Correct Site Colors: 
Light Green: #6CB33F
Dark Green: #387c2c
Blue: #00457C #11457c
Grey: #E6E7E8
Dark Grey: #333333
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	text-align: center; /* fixes centering bug in IE -- text reset to left-flush in container DIV */
}

/* LINK STYLES */

a { text-decoration: none; }
a:link { color: #00586d; }
a:visited { color: #00586d; }
a:hover { color: #6CB33F;  } /* text-decoration: underline; */
a:active { color: #000000; }

#homemirellink a { text-decoration: none; }
#homemirellink a:link { color: #005e2d; }
#homemirellink a:visited { color: #005e2d; }
#homemirellink a:hover { color: #6CB33F;  } /* text-decoration: underline; */
#homemirellink a:active { color: #005e2d; }



/* GENERAL TYPE STYLES */

p { margin: 0px; padding-bottom: 11px; }
h1 { margin: 0px; padding: 0px; font-size: 18px; line-height: 20px; font-weight: normal; color: #333333; }
h2 { margin: 0px; padding: 0px; font-size: 12px; line-height: 15px; font-weight: bold; color: #387c2b; }
h3 { margin: 0px; padding: 0px; font-size: 11px; line-height: 15px; font-weight: bold; color: #333333; }
form { margin: 0px; padding: 0px; }


/* PAGE POSITIONING */

#whitecontainer { text-align: left; width: 800px; margin: 0px auto; background-color: #fff}
#contentcontainer { text-align: left; width: 750px; margin: 0px auto; background-color: #fff}

#header { 
	height: 54px;
	padding: 0px;
	background-image: url(../imagescomm/bg_header.jpg);
	background-repeat: repeat-y; }




/* MINI NAVIGATION */


#mininav { 
	font-size: 10px;
	padding: 8px;
	text-align: right; 
	color: #00457C; 
	font-weight: normal; }

#mininav ul, #mininav li { display: inline; list-style: none; margin: 0px 0px 0px 20px; padding: 0px; }

#mininav a { text-decoration: none; }
#mininav a:link { color: #00457C; }
#mininav a:visited { color: #00457C; }
#mininav a:hover { color: #6CB33F; }
#mininav a:active { color: #00457C; }

#metabolixsearch {
	font-size: 10px;
	color: #999999;
	background-color: #ffffff;
	padding: 3px;
	border: 1px solid #bbbbbb;
}

.submitbutton { position: relative; top: 4px; }



/* MAIN MENU */

#mainmenucompany { width: 73px; height: 27px; float: left; padding: 4px 5px; border: none; }
#mainmenusustain { width: 73px; height: 27px; float: left; padding: 4px 5px; border-left: 1px solid #ffffff; }
#mainmenuknowledge { width: 81px; height: 27px; float: left; padding: 4px 5px; border-left: 1px solid #ffffff; }
#mainmenuinvestor { width: 81px; height: 27px; float: left; padding: 4px 5px; border-left: 1px solid #ffffff; }
#mainmenunews { width: 81px; height: 27px; float: left; padding: 4px 5px; border-left: 1px solid #ffffff; }

#mainmenu a { text-decoration: none; }
#mainmenu a:link { color: #00586d; }
#mainmenu a:visited { color: #00586d; }
#mainmenu a:hover { color: #e19530; text-decoration: underline; }
#mainmenu a:active { color: #333333; }

#mainmenu .mainmenuon a { text-decoration: none; }
#mainmenu .mainmenuon a:link { color: #ffffff; }
#mainmenu .mainmenuon a:visited { color: #ffffff; }
#mainmenu .mainmenuon a:hover { color: #ffffff; }
#mainmenu .mainmenuon a:active { color: #333333; }



/* CENTER CONTENT */

#centercontent { background-image: url(../images/bg_centercontent.gif);
	background-repeat: repeat-y;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-bottom: 12px;
	min-height: 331px;
	overflow: auto;
	width: 748px;
	 }

#homemission { background-image: url(../images/bg_centercontent.gif);
	background-repeat: repeat-y;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	 }
#homewhatsnew h2 { margin: 0px; padding: 0px; font-size: 10px; line-height: 15px; font-weight: bold; color: #387c2b; }

#pagecontent { margin: 0px 0px 0px 212px; padding: 12px 0px; }
#pagecontent p { margin: 0px 28px 0px 47px;  }
#pagecontent h1 { margin: 0px 28px 0px 47px;  }
#pagecontent h2 { margin: 0px 28px 0px 47px;  }
#pagecontent h3 { margin: 0px 28px 0px 47px;  }
#pagecontent ul { margin: 0px 32px 0px 68px;  }
#pagecontent ul ul { margin: 0px; }
#pagecontent p.pagetitle { margin: 0px 47px 0px 10px; }
#pagecontent p.callout { margin: 12px 0px; }

#searchresults { margin: 0px 28px 0px 47px; }
#pagecontent #searchresults p { margin: 0px; }


/* PAGE MENU */

#pagemenu { font-size: 10px; width: 180px; float: left; padding-top: 12px; padding-right: 31px; }

#pagemenu ul.menulevelone { margin: 0px 0px 36px 0px; padding: 0px; }
#pagemenu ul.menuleveltwo { margin: 4px 0px 12px 24px; padding: 4px 0px 0px 0px; border-top: 1px dashed #999999;  border-bottom: 1px dashed #999999; }
							/* _margin overrides for IE 6+ to keep menuleveltwo right-aligned: _margin:  0px 0px 12px 48px;  */

#pagemenu ul.menulevelone li { text-align: right; list-style-type: none; margin: 0px 0px 8px 24px; }
#pagemenu ul.menuleveltwo li { text-align: right; list-style-type: none; margin: 0px 0px 8px 24px; font-size: 9px; }

#pagemenu ul.menuleveltwo li a { text-decoration: none; }
#pagemenu ul.menuleveltwo li a:link { color: #999999; }
#pagemenu ul.menuleveltwo li a:visited { color: #999999; }
#pagemenu ul.menuleveltwo li a:hover { color: #999999; }
#pagemenu ul.menuleveltwo li a:active { color: #000000; }

#pagemenu a.current { text-decoration: none; }
#pagemenu a.current:link { color: #6CB33F; }
#pagemenu a.current:visited { color: #6CB33F; }
#pagemenu a.current:hover { color: #6CB33F; }
#pagemenu a.current:active { color: #000000; }

#sidebarrule { margin: 0px 0px 0px 24px; padding: 12px 24px 0px 0px; border-top: 1px dashed #6DB33F; }
.sidebaritem {  }
.sidebarmore { text-align: right; font-weight: bold; }

/* FOOTER */

#footer { 
	padding: 8px;
	text-align: right; 
	color: #333; 
	font-size: 10px; }
	
#footercap { 
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	 }

#footer ul, #footer li { display: inline; list-style: none; margin: 0px 0px 0px 22px; padding: 0px; }



/* POPUP MENUS */

.popupmenu { visibility: hidden; position: absolute; left: -1000px; top:-1000px; width: 120px; text-align: left; background-color: #fff; color: #00457c; z-index: 3; } 
div.popupmenu p { font-size: 10px; line-height: 13px; padding: 4px 6px; border-top: 1px dashed #6CB33F; }


/* MISC */
.backtotop { text-align: right; font-size: 10px; }
.mapdot { margin: 4px 0 0 0; }