@charset "UTF-8";
/* CSS Document */


  * { 
    margin: 0; 
    padding: 0;
  }
  body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFFFF;
	background-image: url(../JPEGs/MasterBG4.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	background-attachment: fixed;
  }
  
    .FAQBody {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFFFF;
	position: relative;
  }
  
  
  p,
  ul,
  ol {
	margin-bottom: 18px;
	text-align: justify;
	color: #999;
  }
  ul {
	list-style-type: none;
	margin-left: 2em;
	color: #666666;
	margin-right: 25px;
  }
  h1 {
	color: #999;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 18px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
  }
  h2 {
	color: #606;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
  }
  h3 { 
    font-size: 12px; 
    line-height: 18px; 
  }
   H4 {
	font-size: 10px;
  }
  .left { 
    float: left; 
    margin: 0 18px 18px 0; 
  }
  .right { 
    float: right; 
    margin: 0 0 18px 18px; 
  }
  .callout {
	font-size: 11px;
	border: 1px solid #CCCCCC;
	margin-bottom: 9px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-color: #F6F6F6;
	margin-top: 9px;
  }
  .callout h4 { 
    font-size: 11px; 
    line-height: 18px; 
  }
  .column {
	float: left;
	width: 600px;
	margin-left: 10px;
  }
  
    .columnThird {
	float: left;
	width: 255px;
	margin-bottom: 9px;
	margin-left: 10px;
	font-style: italic;
	font-size: 11px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
  }
  .sidebar {
	width: 180px;
	font-size: 11px;
	color: #333300;
	float: right;
	position: relative;
	text-align: justify;
  }
  #content {
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../PNGs/BodyBG1.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding-top: 0px;
	position: relative;
	background-color: #FFF;
  }
  #biopic {
	width: 98px;
  }
  #WelcomeLogo {
	width: 100px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 9px;
	margin-left: 5px;
	float: left;
	clear: left;
}

  #SlideshowLogo {
	width: 100px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 9px;
	margin-left: 5px;
	float: left;
	clear: left;
}

  #DownloadLogo {
	width: 100px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 9px;
	margin-left: 5px;
	float: left;
	clear: left;
}
  #FAQLogo {
	width: 100px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 9px;
	margin-left: 5px;
	float: left;
	clear: left;
}

  #NonTechnicalLogo {
	width: 100px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 9px;
	margin-left: 5px;
	float: left;
	clear: left;
}

  #BiomassEnvironmentalLogo {
	width: 100px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 9px;
	margin-left: 5px;
	float: left;
	clear: left;
}

  #PlanningApplicationLogo {
	width: 100px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 9px;
	margin-left: 5px;
	float: left;
	clear: left;
}

  #IntroImageSquare {
	margin: 5px;
	width: 100px;
	height: 100px;
}

  #MobileDiagnostics {
	width: 98px;
	margin: 5px;
}
  #MainContentArea {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-repeat: repeat-y;
	background-position: center center;
}
  #WelcomeHeader {
	width: 830px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 175px;
	background-image: url(../JPEGs/HeaderR4.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
  #NavigationBar1 {
	width: 830px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
}
  #WelcomeBar1 {
	width: 830px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 9px;
	margin-bottom: 9px;
}

/*  SubNav Menu */
#SubMenu {
	width: 830px;
	clear: both;
	font-size: 10px;
	margin-right: auto;
	padding: 0px;
	height: 30px;
	margin-left: auto;
	background-color: #333333;
	background-image: url(../GIFs/AccordianNavBG1.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#SubMenu ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	height: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 55px;
}
#SubMenu a, #SubNav strong, #SubNav span {
	display:block;
	text-decoration:none;
	color: #FFFFFF;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
#SubMenu a {
	float:none;
}
#SubMenu li {
	color: #FFFFFF;
	margin:0px;
	padding:0px;
	float: left;
}
#SubMenu a:hover {
	float: left;
	color: #FFFFFF;
}  

#SubMenu a.current,#SubMenu a.current:link,#SubMenu a.current:visited,#SubMenu a.current:hover
{
	color: #FFFFFF;
	background-color: #333333;
	background-image: url(../GIFs/CurrentNavBarBG1.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#SubMenu .padding { padding: 5px 0 0 10px; font-weight: bold; }

/*  Nav Menu */
#menu {
	width: 820px;
	font-size: 11px;
	text-transform: capitalize;
	font-weight: bold;
	height: 26px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#menu ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#menu a, #nav strong, #nav span {
	display:block;
	text-decoration:none;
	color: #FFFFFF;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
#menu a {
	float:none;
}
#menu li {
	color: #FFFFFF;
	float: left;
}
#menu a:hover {
	text-decoration:underline;
	float: left;
	color: #690;
	background-image: url(../PNGs/HoverNavBG1.png);
	background-repeat: repeat-x;
	background-position: center top;
}  

#menu a.current,#menu a.current:link,#menu a.current:visited,#menu a.current:hover
{
	color: #690;
	background-image: url(../PNGs/HoverNavBG1.png);
	background-repeat: repeat-x;
	background-position: center top;
}

#menu .padding { padding: 5px 0 0 10px; font-weight: bold; }

/*  QuickLinks Menu */

#Quicklinks {
	width: 325px;
	clear: right;
	font-size: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-transform: capitalize;
	height: 28px;
	float: right;
}
#Featured1 {
	float: left;
	width: 205px;
	height: 95px;
}

#Quicklinks ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	height: 20px;
	float: right;
}
#Quicklinks a, #Quicklinks strong, #Quicklinks span {
	display:block;
	text-decoration:none;
	color: #FFFFFF;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
#Quicklinks a {
	float:none;
}
#Quicklinks li {
	color: #FFFFFF;
	margin:0px;
	padding:0px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#Quicklinks a:hover {
	text-decoration:underline;
	color: #FFFFFF;
	background-color: #666666;
	background-image: url(../GIFs/HoverNavBarBG2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}  

#Quicklinks a.current,#Quicklinks a.current:link,#Quicklinks a.current:visited,#Quicklinks a.current:hover
{
	color: #FFFFFF;
	background-color: #333333;
}

#Quicklinks .padding { padding: 5px 0 0 10px; font-weight: bold; }

/*  Strapline Menu */

#Strapline {
	width: 500px;
	clear: left;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 25px;
	height: 28px;
	float: left;
}

#Strapline ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	height: 20px;
	float: left;
	width: 495px;
}
#Strapline a, #Strapline strong, #Strapline span {
	display:block;
	text-decoration:none;
	color: #666666;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
#Strapline a {
	float:none;
}
#Strapline li {
	margin:0px;
	padding:0px;
	float: left;
}
#Strapline a:hover {
	text-decoration:underline;
	color: #003366;
}  

#Strapline a.current,#Strapline a.current:link,#Strapline a.current:visited,#Strapline a.current:hover
{
	color: #FFFFFF;
	background-color: #333333;
}

#Strapline .padding { padding: 5px 0 0 10px; font-weight: bold; }

#MasterNav {
	clear: both;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	background-image: url(../PNGs/MasterNavBG.png);
	height: 25px;
	padding-top: 10px;
}

  #FooterContainer {
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
  #FooterText {
	color: #666;
	font-size: 11px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}
  #HeaderAddressBox1 {
	float: right;
	height: 155px;
	width: 450px;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FFFFFF;
}
  .HeaderAddressH1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #606;
	text-align: right;
	font-weight: normal;
}

  .HeaderAddressH2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #690;
	text-align: right;
	font-weight: normal;
	text-decoration: none;
}
  .HeaderDivs {
	width: 440px;
	float: right;
	padding: 5px;
}
  #FeaturedContainer {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-bottom: 18px;
}
  #SubMasterNav {
	clear: both;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 28px;
	overflow: hidden;
}
  .LinkRed {
	color: #660000;
}

#BaselineFooter {
	clear: both;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center center;
}
  #Featured2 {
	float: left;
	width: 205px;
	height: 95px;
	text-align: center;
}
  #Featured3 {
	float: left;
	width: 205px;
	height: 95px;
}
  #Featured4 {
	float: left;
	width: 205px;
	height: 95px;
}
  .FeaturedText {
	height: 20px;
	width: 190px;
	margin-right: auto;
	margin-left: auto;
	font-size: 9px;
	font-weight: bold;
	text-align: right;
	margin-top: 5px;
}
  .LinkAqua {
	color: #336666;
}

  .LinkMauve {
	color: #606;
	text-decoration: none;
}
  .LinkWhiteToggle {
	color: #FFFFFF;
	text-decoration: none;
}

  .LinkWhite {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#MasterContainerFooter {
	clear: both;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: 60px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../PNGs/ContainerFooter.png);
}
  .MainTextIndent {
	padding-left: 150px;
}

  .MainTextFeatured {
	padding-left: 150px;
	text-align: left;
	font-style: italic;
}

.LHFeatured {
	float: left;
	width: 820px;
	margin-bottom: 9px;
	margin-top: 0px;
	background-color: #FFFFFF;
	padding-top: 9px;
}
#FeaturedContainerHeader {
	clear: both;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-top: 9px;
	margin-bottom: 9px;
	border: 1px solid #CCCCCC;
	text-align: center;
	height: 175px;
	overflow: hidden;
}
#MasterContainerHeader {
	clear: both;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../PNGs/ContainerHeader.png);
	background-color: #FFF;
}

/* FORM
---------------------------------------------------------------------------------------------------------------------------------------------------*/
form{
	position: relative;
	width: 450px;
}

.form{
	background-color: #FFFFFF;
	line-height: 18px;
	width: 175px;
	font-size: 12px;
	clear: both;
}

textarea, .formgenerell input, input.formgenerell {
	border: 1px solid #666666;
	width: 175px;
	clear: both;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 18px;
	margin-left: 0px;
	line-height: 18px;
	height: 14px;
	color: #333333;
	background-color: #CCCCCC;
	padding: 3px;
}

.formbutton {
	background-color: #333333;
	line-height: 18px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #999999;
	width: 420px;
	clear: both;
	height: 30px;
	margin-bottom: 9px;
	font-size: 11px;
}
.FormJumpMenu {
	background-color: #333333;
	line-height: 18px;
	width: 175px;
	clear: both;
	margin-bottom: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	height: 25px;
}

#FormContainer {
	width: 450px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 150px;
	position: relative;
	clear: both;
	background-color: #E5E5E5;
	margin-bottom: 0px;
	border: 1px solid #999999;
}
#FormLHSide {
	clear: left;
	float: left;
	width: 185px;
	color: #666666;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	position: relative;
}
#FormRHSide {
	clear: right;
	float: right;
	width: 185px;
	color: #666666;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}
.FormMessageArea {
	background-color: #CCCCCC;
	line-height: 18px;
	width: 175px;
	clear: both;
	margin-bottom: 18px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 0px;
	height: 265px;
	border: 1px solid #666666;
	color: #333333;
	padding: 3px;
}
#FormSubmitArea {
	color: #FFFFFF;
	margin-top: 18px;
	position: relative;
	clear: both;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	width: 450px;
}
#WelcomeJonathan {
	width: 98px;
	margin: 5px;
}
#WelcomeAndrew {
	width: 98px;
	margin: 5px;
}
#AccordianArea {
	width: 830px;
	margin-right: auto;
	padding: 0px;
	margin-left: auto;
}
#AccordianMediaArea {
	width: 830px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
}
.element {
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	width: 830px;
	position: relative;
	background-color: #000000;
}
#HeaderLogo1 {
	width: 98px;
	margin: 5px;
}

.QuoteTextMauve {
	color: #606;
}

.QuoteTextGreen {
	color: #690;
	text-align: justify;
}

.QuestionTextHeader {
	font-size: 32px;
	color: #606;
	text-align: right;
	line-height: 36px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.NewsTickerImage {
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 32px;
	padding-bottom: 9px;
}


.toggler {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.active {
	background-color: #66CCFF;
}
.elements {
	width: 410px;
	position: relative;
}
.AccordionArea {
	width: 410px;
	margin-left: 150px;
	position: relative;
	padding: 15px;
	border: 1px solid #E5E5E5;
}


.PopUpAccordion {
	width: 410px;
	position: relative;
	padding: 15px;
	border: 1px solid #E5E5E5;
	margin-right: auto;
	margin-left: auto;
}