﻿@font-face {
    font-family: 'EurostileLTStdExtTwoRegular';
    src: url('Fonts/eurostileltstd-ex2-webfont.eot');
    src: url('Fonts/eurostileltstd-ex2-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/eurostileltstd-ex2-webfont.woff') format('woff'),
         url('Fonts/eurostileltstd-ex2-webfont.ttf') format('truetype'),
         url('Fonts/eurostileltstd-ex2-webfont.svg#EurostileLTStdExtTwoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}html
{
	/* 
	This is placed here to stop pages shifting in FireFox.
	Shifting is caused by the Scroll Bar Disappearing when the page is too short.
	*/
		height: 100%;
		margin-bottom: 1px;
}
body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 67%;
}

.Normal {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #959595;
   line-height: 18px;
    }
p   {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #959595;
 line-height: 18px;    
    }
    
.featured   {
    font-size: 12px;
    font-weight: normal;
    color: #959595;
	text-transform:uppercase;
	margin: 5px 0 5px 0;
/*	border-image:url('images/240px-shad-TOP.jpg') 30 30 ; */
	border-top-width:12px;
	border-bottom:0;
	border-left:0;
	border-right:0;
	/* border-top-width: 1px;
	border-top-color: #959595;
	border-top-style: solid;
	padding-top: 7px; */
	
    }
  
.name   {
	font-family: 'EurostileLTStdExtTwoRegular', Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #24408f;
    margin-top:0px;
    margin-bottom:0px;
       }
    
    
.title   {
	font-family:Arial;
    font-size: 11px;
    font-weight: normal;
    color: #555555;
    margin-top:0px;
  /*  letter-spacing: .1em; */
      }
      
.quote {
   font-size:14px; 
   font-style:italic;
   line-height:22px;
   color: #959595;
   line-height:20px;
   }
   
.tel {
	
	color:#66cc33;
}

.infotitle {
	font-size:18px;
	font-weight:600;
	line-height:24px;
	color:#40579C;
	margin-top: 5px;
	margin-bottom: 5px;
}

.infotext {
	font-size:14px;
	line-height:18px;
	color:#707070;
	margin-top: 5px;
	}

.infohighlight {
	color: #69BE28;
	font-weight:600;
}


#base 
{
	position: relative;
	width: 960px;
	padding: 0;
	margin: 0 auto;	
}

a:link, a:visited {
	text-decoration: none;
	color: #000099;
}

/* This came from the all.css style sheet was using it for the h1 page titles

p {
	margin: .5em 0 1em 0;
	line-height: 1.6em;
	font-size: 1.1em;
}



 h1, h2, h3, h4, h5 {
	font-family:  'EurostileLTStdRegular', Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
} */


h1 {
	text-align: center;
	font-size: 34px;
	padding: 20px 0 20px 0;
	margin: 0 20px 0 20px;
	letter-spacing:normal;
}

h1.tm {
	font-size: 24px;
}

h2 {
	font-size: 12px;
	display: inline;
	line-height: 1em;
	letter-spacing:normal;
}

h3 {
	font-size: 20px;
	letter-spacing:normal;
}

h4 {
	color: #660000;
	font-size: 16px;
	margin: 20px 0 20px 0;
	display: inline;
	line-height: 1em;	
	letter-spacing:normal;
}

h5 {
	font-size: 20px;
	letter-spacing:normal;
}

.SubHead {
    border-bottom-color: #D0D0D0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #24408f;
    display: block;
    font-size: 12px;
    font-weight: 600;
 /*   padding-bottom: 8px; */
    width: 100%;
}

.SubHeadNoLine {
     color: #24408f;
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-top:30px;
 /*   margin-bottom: 8px; */
    width: 100%;
}

.SubHeadNoLineOrMargin {
    color: #24408f;
    display: block;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px; 
    width: 100%;
}

img + p.SubHeadNoLineOrMargin {
    margin-top: 10px;
}

img[src$="240px-shad-BOTTOM.jpg"] {
    margin-top: -20px;
}


.SubHeadNoLineSmall {
    color: #24408f; /* was #254086 */ 
    display: block;
    font-size: 11px;
    font-weight:500;
  /*  padding-bottom: 8px; */
    text-transform:uppercase; 
  /*  letter-spacing:.1em;  added to make it look better */
    margin-bottom: -5px;
}



hr {
    color: #CCCCCC;
    height: 1px;
    text-align: left;
    margin-top:20px;
    margin-bottom:20px;
}

hr.bottomline {
	border:0px;
	background: transparent url('images/bottomlinesm.png');
	height:10px;
	position:relative;
	left:-15px;
	margin-top:5px;
	}


#container {
	width: 740px;
	margin: 0 auto;
	border-left: 3px #000 double;
	border-right: 3px #000 double;	
	background-color: #FFF;
}

#main {
	margin: .5em 20px 0 20px;
	border-top: 1px solid #000;
	text-align: left;
	padding: 20px 0 20px 0;
}

/* #ContentPane {
	margin-top:20px;
} */

#dnn_ContentPane.Home {
	width: 610px;
}

#dnn_ContentPane.Home2 {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: -7px;
}


#dnn_ContentPane.NoSubMenu {
	width: 610px;
}


#dnn_ContentPane.Admin {
	width: 900px;
}

#dnn_ContentPane.SubPage {
	
	width:500px;
	
}

#dnn_ContentPane.SubPage2 {
	
	width:705px;
	
}


#left {
	float: left;
	width: 140px;
	margin: 0 20px 14px 0;
	background-color: #DCDCDC;
	border: 3px double #FFF;
	font-size: 10px;
	line-height: 1.4em;
}

.gutter {
	margin: 10px;
}

#right {
	float: right;
	width: 120px;
	margin: 0 0 14px 20px;
}

#center {

}

#pullquote {
	float: right;
	margin: 0 0 .4em 1em;
	width: 145px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 20px;
	line-height: 1.3em;
}

	
/* ZONES */
#ZoneHeaderRow
{
	clear: both;
	position:relative;
	width:960px;
/*	height:125px;
	overflow:hidden;
	z-index: 90;
	*/
	background-color: #FFF;
	
	margin-left:auto;
	margin-right:auto;
}

#ZoneNavRow
{
	/*margin-top:26px;*/
}

#ZoneHomeFlash
{
	clear:both;
	height:285px;
	overflow:hidden;
}


#ZoneLeftColumn 
{
	width: 263px;
	float: left;
	/* 
		This min-height is  a Firefox fix to ensure the ZoneLeftColumn doesn't collapse when empty, moving content over.
	*/
	min-height:10px;
}




#LeftRightContainer 
{
	clear:both;
	width:960px !important;
	margin-left:auto;
	margin-right:auto;
	}
	
	#LeftCenterRightContainer 
{
	clear:both;
	width:960px !important;
	margin-left:auto;
	margin-right:auto;
	}




#ZoneRightColumn
{
    width: 281px;
    float: left;
    padding: 0;
}


#LeftColumnSpacer,
#RightColumnSpacer

{
	float:left;
	width:30px;
	border-top:solid 1px #cccccc;}

	
#DNN6 {width:100%;position:relative;z-index:1;min-height:100%;background-color: #ffffff;} /** can be used for another bkg at bottom **/


#DNN6.page2col #LeftColumnSpacer
{
	margin-top:39px;
}

#DNN6.page3col #LeftColumnSpacer
{
	margin-top:39px;
}


#LeftColumn
{
	float:left;
	width:620px;
	min-height:550px;
		/*overflow:hidden;
 margin-left:20px; */
	margin-top:-15px;
	margin-right: 15px;
	z-index:-1;
	position:relative;
	/* border-top:solid 1px #cccccc; 
	border-bottom:solid 1px #cccccc;*/
}

#dnn_LeftContent /* New Home page skin */
{
	float:left;
	width:300px;
	min-height:250px;
	padding-bottom:10px;
	margin-right: 15px;
	position:relative;
/*	border-bottom:solid 1px #cccccc; */

	/* border-top:solid 1px #cccccc; 
	border-bottom:solid 1px #cccccc;*/
}


#dnn_LeftContent ul li {
	list-style-position:outside;
	margin-top: 5px;
	margin-left: 10px;
	list-style-image:url('images/greenSquare.png');

}

#LeftBorder /* New Home page skin */
{
	float:left;
	width:300px;
	margin-right: 15px;
	position:relative;
	border-bottom:solid 1px #cccccc; 
	
	/* border-top:solid 1px #cccccc; 
	border-bottom:solid 1px #cccccc;*/
}


#dnn_CenterContent
{

	float:left;
	width:300px;
	min-height:250px;
	padding-bottom:10px;
	margin-left:15px;
/*	border-bottom:solid 1px #cccccc; */
	position:relative;
		
}


#CentreColumn ul  {
	list-style-position:outside;
	margin-left: 15px; 
	list-style-image:url('images/greenSquare.png');

}

#CentreColumn ul li {
	margin-bottom:6px;
}

/* #CentreColumn ul li ul {
	list-style-type:none;
	
} */

#CentreColumn ul ul li  {
	list-style-position:outside;
	list-style-image:url('images/greyPlus.png');

}



#CenterBorder
{

	float:left;
	width:300px;
	margin-left:15px;
	border-bottom:solid 1px #cccccc;
	position:relative;
	
		
}


#dnn_RightContent
{
	float:left;
	width:300px;
	min-height:250px;
	padding-bottom:10px;
	margin-left:25px;
/*	border-bottom:solid 1px #cccccc; */
	position:relative;
	
}

#dnn_BottomRightContent
{
	float:Right;
	width:300px;
	padding-bottom:10px;
	margin-left:20px;
	
}


#RightBorder
{
	float:left;
	width:305px;
	margin-left:25px;
	border-bottom:solid 1px #cccccc;
	position:relative;
	
	
}



#LeftColumnSub
{
	float:left;
	width:200px;
	min-height:550px;
	overflow:hidden;
	/* margin-left:20px; */
	margin-top:-10px;
	
	position:relative;
	/* border-top:solid 1px #cccccc; 
	border-bottom:solid 1px #cccccc;*/
}



/* #DNN6.page2col #LeftColumn
{
	width:670px;
	height:auto!important;
	margin-left:0!important;
	border:none!important;
} */

#DNN6.page2col #LeftColumn
{
	border-bottom:none!important;
	margin-top:60px;
/*	margin-left:20px;  */
	margin-right:30px;
	width:160px;
	height:auto!important;
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
	position:relative;
	z-index:1000;
}


#DNN6.page3col #LeftColumn
{
	border-bottom:none!important;
	margin-top:60px;
/*	margin-left:20px;  */
	margin-right:30px;
	width:160px;
	height:auto!important;
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
	position:relative;
	z-index:1000;
/*	 */
	
}


.SideMenuPane {
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

#dnn_BottomPhoto {
	clear:both;
	float:left;
	width:760px;
	height:110px;
	position:relative;
	left:60px;
	bottom:-5px;
	margin-top: 100px;
}


#DNN6.page2col #LeftColumn.NoTopBorder, #RightColumnSpacer.NoTopBorder, #LeftColumnSpacer.NoTopBorder

{
border-top-width:0px;
}


#DNN6.page3col #LeftColumn.NoTopBorder, #RightColumnSpacer.NoTopBorder, #LeftColumnSpacer.NoTopBorder

{
border-top-width:0px;
}

/* removed the "Retreive Password" Link */

#dnn_ctr416_Login_liPassword
 {
	display:none 
}

.dnnForm.dnnLoginService {


    }
    #dnn_ctr448_Login_Login_DNN_plUsername {
	font-size:12px;
    font-weight:normal;
    color: #666;

}
    
    #dnn_ctr448_Login_Login_DNN_plPassword {
    font-size:12px;
    font-weight:normal;
    color: #666;

	
}
    
    
    #dnn_ctr448_Login_Login_DNN_cmdLogin {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: -moz-linear-gradient(center top , green 0%, green 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20F10E), color-stop(100%, green));
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(green), to(green));
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #FFFFFF;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #FFFFFF;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #FFFFFF;
    border-top-color: #FFFFFF;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: bold;
    text-shadow: 0 1px 1px #000000;
	
}

.dnnLoginRememberMe {
	display:none;
}

.dnnLoginActions {
	display:none;
}

.dnnFormAndList .dnnFormItem label {
display: block;
/* width: 30%; */
text-align: left;
margin-right: 16px;
font-weight: bold;
float: none;
margin-top: 3px;
}

.dnnFormAndList .dnnFormItem input[type="text"] {
min-width: 250px;
clear: left;
float: left
	
}

.dnnFormAndList  .dnnFormItem textarea {
	min-width: 450px;
}

.dnnFormAndList ul.dnnActions {
	border-top:none;
}


#CentreColumn
{
	float:left;
	width:420px;
	min-height:298px;
	margin-left:22px;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	position:relative;
	
}


#dnn_LeftPane {
	position:relative;
	z-index:99997;
}

#DNN6.page3col #CentreColumn
{
	border:none;
	width:500px;
	height:auto;
	margin-left: 0px;

	position:relative;
	/* margin-left:20px; */
}

#DNN6.history #CentreColumn
{
	border:none;
	width:705px;
	height:auto;
	margin-left: 0px;

	position:relative;
	/* margin-left:20px; */
}


#DNN6.page2col #CentreColumn
{
	border:none;
	width:770px;
	height:auto;
	margin-left: 0px;

	position:relative;
	/* margin-left:20px; */
}



/*#DNN6.pageHome #CentreColumn
{
	background-image: url(../_images/butamax/butamax_home_centrecol_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
*/

#DNN6.pageHome #CentreColumn #homepagecentrecolimage
{
   margin-top:41px
}



#dnn_RightColumn
{
	float:left;
	width:240px;
	margin-left:30px;
	/** height:298px; border-top:solid 1px #cccccc;**/
/*	margin-left:20px; */
/*	margin-top:37px;  */
	
	
}
#DNN6.page2col #RightColumnSpacer,
#DNN6.page3col #RightColumnSpacer
{
	/* margin-top:39px; */
}

#DNN6.pageHome #RightColumn
{
	border-bottom:solid 1px #cccccc;
}

/* #DNN6.page2col #RightColumn
{
	width:200px;
	height:auto!important;
	margin-top:39px;
	margin-left:40px;
} */

#DNN6.page3col #RightColumn
{
	width:375px;
	height:auto!important;
	margin-top:39px;
	margin-left:20px;
}


#RightColumnSpacer
{
	margin-left:20px;
	margin-top: 39px;
}



#ZoneCentreRow 
{
    width: 960px;
}

#BorderRow 
{
	clear:both;
   	margin:0 auto 0 auto;
	width: 960px;
	
}


#ZoneFooterRow 
{
	clear:both;
    background-color: #FFF;
	margin:0 auto 0 auto;
	border-top:solid 1px #cccccc;
	width: 960px;
}

#ZoneFooterRow.notopborder
{
	border-top:0px;

}

#dnn_dnnCopyright_lblCopyright
{
font-weight:normal;
	}


#DNN6.pageHome #ZoneFooterRow 
{
	border-top:none;
}

#footerspacer
{
	clear:both;
	height:36px;
	overflow:hidden;
}

/* DEFAULTS */
a
, a:link
, a:visited 
{

}
a:hover
, a:active
, a:focus 
{

}
/* h1 
{
    font-size: 1.4em;
}
h2
{
    font-size: 1.3em;
}
h3 
{
    font-size: 1.2em;
}
h4 
{
    font-size: 1.1em;
}
h5 
{
    font-size: 1em;
}
h6 
{
    font-size: .9em; */
}
pre 
{
	white-space: normal;
}
ul 
{
	list-style-type: disc;
}
ol 
{

}
address 
{

}
p 
{

}

a.linkskip {
	position: absolute;
	top: -200px;
}

/* Element Logo */
div#logo
{
	float:left;
	width:400px;
	margin:15px 0 30px 0;
	}

div#logo embed, div#logo object
{
	display:block!important;
}

div#logo #line1
{
	float:left;
	width:142px;
	height:25px;
	color:#254086;
	font-size:1.6em;
}

div#logo #line1a
{
	float:left;
	width:15px;
	height:10px;
	color:#254086;
}

div#logo #line1 a,
div#logo #line1a a
{
	color:#254086;
	text-decoration:none;
}

div#logo #line2
{
	clear:both;
	margin-top:2px;
	width:162px;
	height:26px;
	color:#009a3d;
	font-size:1.6em;
}

div#logo #lines3and4
{
	clear:both;
	margin-top:2px;
}

div#logo #line3
{
	float:left;
	width:130px;
	height:25px;
	margin-bottom:26px;
	color:#009a3d;
	font-size:1.6em;
}

div#logo #line4
{
	float:left;
	width:30px;
	height:15px;
	margin-top:9px;
	color:#009a3d;
}

div#logo #line2 a,
div#logo #line3 a,
div#logo #line4 a
{
	color:#009a3d;
	text-decoration:none;
}

#headerstatement
{
	float:right;
	position:relative;
	bottom: 17px;
/*	padding-right: 10px; */
}

#headerstatement div#statementcontainer
{
	float:left;
	width:340px;
	/*height:10px;*/
	margin:52px 0 0 0;
	font-size:1em;
	text-align:right;
	position:relative;
	left:7px;
}

#headerstatement div#statementcontainer h2
{
font-size: 1.3em;
		margin:0;
	padding:0;
	width:375px;
	height:15px;
	color:#009A3D;
	letter-spacing:.75px;
	font-weight:500;
	transform: scale(1,.75);
	-ms-transform: scale(1,.75); /* IE 9 */
	-webkit-transform: scale(1,.75); /* Safari and Chrome */
	-o-transform: scale(1,.75); /* Opera */
	-moz-transform: scale(1,.75); /* Firefox */
	    
}
	
	/*overflow:hidden;*/


#headerstatement h2.statement embed
{
	display:block!important;
}

#headerstatement #headerlogoscontainer
{
	float:left;
}

ul.headerlogos
{

	margin:43px 0 0 10px;
	padding:0;
	/* height:32px; */
	list-style-type:none;
}

ul.headerlogos li
{
	display:inline;
/*	border-right:solid 1px #cccccc; 
	padding:20px 12px 0 12px;*/
	height:32px;
}

ul.headerlogos li.bplogo
{
	padding-left:0;
	position:relative;
	left:5px;
}	

ul.headerlogos li.dupontlogo
{
	border-right:none;
/*	padding-right:0; */
}


#ZoneNavRow
{
	clear:both;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

/* Element Horizontal Nav */
ul.elMainMenu 
{
	list-style: none;
	padding: 0 0 0 53px;
	margin: 0;    
	height:39px;
	overflow: hidden;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}
ul.elMainMenu ul 
{
	line-height: 1;
	list-style: none;
	padding: 0;
	margin: 0;  	
	z-index:99;

}
ul.elMainMenu a
, ul.elMainMenu a:link
, ul.elMainMenu a:visited
{
	display: block;
	color: #dfdfdf;
	text-decoration: none;	
	text-transform: none;	
}
ul.elMainMenu li 
{
	float: left;
	padding: 0;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	font-size:1.3em;
	/*margin:15px 22px 12px 0;*/
	margin:15px 0 12px 0;
}

ul.elMainMenu li.elMhome 
{
	width:47px;
	margin-right:21px;
}

ul.elMainMenu li.elMaboutbutamax
{
	width:144px;
	margin-right:13px;
}

ul.elMainMenu li.elMthebiobutanoladvantage
{
	width:213px;
	margin-right:9px;
}

ul.elMainMenu li.elMbutamaxtechnology
{
	width:178px;
	margin-right:16px;
}

ul.elMainMenu li.elMcontact
{
	width:65px;
	margin-right:20px;
}

ul.elMainMenu li.elMlatestupdates
{
	width:123px;
}


ul.elMainMenu li ul 
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0 0 0 -1px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #FFF;
}
ul.elMainMenu li li
, ul.elMainMenu li li.first  
{
    width: 200px;
    background-image: none;
    line-height: 20px;
    border-bottom: solid 1px #FFF;
    background-color: #ddd;	 
}
ul.elMainMenu ul a
, ul.elMainMenu ul a:link
, ul.elMainMenu ul a:visited 
{
	width: 180px;
    border-width: 0;
    font-size: 11px;
	margin:0;
    padding: 0 10px;
    color: #444;
    text-transform: none;    
}
ul.elMainMenu ul a:hover
, ul.elMainMenu ul a:active
{
	background-color: #eee;
	color: #000;
}
ul.elMainMenu ul a.ChildItems
{
   /* background-image: url(../_images/default/more_nibble.gif) !important;*/
    background-repeat: no-repeat;
    background-position: top right;	
}
ul.elMainMenu ul a.ChildItems:hover 
{
    /*background-image: url(../_images/default/more_nibble_on.gif) !important;	*/
}
ul.elMainMenu li ul ul 
{
	margin: -21px 0 0 200px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #fff;	
}
ul.elMainMenu li li li
, ul.elMainMenu li li li.first  
{
    border-color: #fff;	
}
ul.elMainMenu li li a
, ul.elMainMenu li li a:link
, ul.elMainMenu li li a:visited
{
    color: #444;
    background-image: none;
}
ul.elMainMenu  li a:hover
, ul.elMainMenu  li a:active 
{
	 color: #FFF;
}
ul.elMainMenu ul li a:hover
, ul.elMainMenu ul li a:active 
{
	background-color: #efefef;
	color: #000;
}
ul.elMainMenu li:hover ul ul
, ul.elMainMenu li:hover ul ul ul
, ul.elMainMenu li:hover ul ul ul ul
, ul.elMainMenu li.MenuItemHover ul ul
, ul.elMainMenu li.MenuItemHover ul ul ul
, ul.elMainMenu li.MenuItemHover ul ul ul ul 
{     
    left: -999em; 
    display: none;
} 
ul.elMainMenu li:hover ul
, ul.elMainMenu li li:hover ul
, ul.elMainMenu li li li:hover ul
, ul.elMainMenu li li li li:hover ul
, ul.elMainMenu li.MenuItemHover ul
, ul.elMainMenu li li.MenuItemHover ul
, ul.elMainMenu li li li.MenuItemHover ul
, ul.elMainMenu li li li li.MenuItemHover ul 
{
    left: auto; 
	display: block;
} 



/* Element Footer Menu */
ul.elFooterMenu {
	bottom: 0;
	margin: 5px 0 0 0;
	height: 1.5em;
	line-height: 1.2em;
	padding: 0 0 0 0;
	float: left;
	font-weight:normal;
}
ul.elFooterMenu li {
	display: block;
	float: left;
}

ul.elFooterMenu li a, ul.elFooterMenu li a:link, ul.elFooterMenu li a:visited 
{
    font-size: 1em;
	color: #959595;
/* background-image: url(images/butamax_footer_divider.gif); */
	background-repeat:no-repeat;
	background-position:right center;
	display: block;
	padding: 0 6px 0 6px;
	text-decoration: none;
}
ul.elFooterMenu li a:hover, ul.elFooterMenu li a:active, ul.elFooterMenu li a.current
{
	text-decoration: underline;
}

ul.elFooterMenu li.first a
{
	padding-left:0;
}

ul.elFooterMenu li.last a 
{
	background-image:none;
}


/*ADMIN MENU 
ul.elAdminMenu 
{
	clear:both;
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
	padding-left:53px;   
	font-size:13px;
	float:left;

}
ul.elAdminMenu ul 
{
	line-height: 1;
	list-style: none;
	padding: 0;
	margin: 0;  	
	z-index:99;
}
ul.elAdminMenu a
, ul.elAdminMenu a:link
, ul.elAdminMenu a:visited
{
	display: block;
	padding: 0 0 0 0;
	color: #ff0000;
	text-decoration: none;	
	text-transform: none;
	font-size: 1em;	

}
ul.elAdminMenu li a.current
, ul.elAdminMenu li a:hover
, ul.elAdminMenu li a.current:link
, ul.elAdminMenu li a.current:visited
, ul.elAdminMenu li a.parent_current
, ul.elAdminMenu li a.parent_current:link
, ul.elAdminMenu li a.parent_current:visited
{
	color: #ff0000;
}
ul.elAdminMenu li 
{
	float: left;
	padding: 0;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
}
ul.elAdminMenu li ul 
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0 0 0 1px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #FFF;
}
ul.elAdminMenu li li
, ul.elAdminMenu li li.first  
{
    width: 200px;
	height:30px;
    background-image: none;
    line-height: 30px;
    border-bottom: solid 1px #FFF;
    background-color: #0a224a;	 
}
ul.elAdminMenu ul a
, ul.elAdminMenu ul a:link
, ul.elAdminMenu ul a:visited 
{
	width: 180px;
    border-width: 0;
    font-size: 1em;
    padding: 0 10px;
    color: #444;
    text-transform: none;
	color:#fff;
}
ul.elAdminMenu ul a:hover
, ul.elAdminMenu ul a:active
{
	background-color: #669bd6;
	color: #fff;
}
ul.elAdminMenu ul a.ChildItems
{
    background-image: url(../_images/default/more_nibble.gif) !important;
    background-repeat: no-repeat;
    background-position: top right;	
}
ul.elAdminMenu ul a.ChildItems:hover 
{
    background-image: url(../_images/default/more_nibble_on.gif) !important;	
}
ul.elAdminMenu li ul ul 
{
	margin: -31px 0 0 200px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #fff;	
}
ul.elAdminMenu li li li
, ul.elAdminMenu li li li.first  
{
    border-color: #fff;	
}
ul.elAdminMenu li li a
, ul.elAdminMenu li li a:link
, ul.elAdminMenu li li a:visited
{
    color: #fff;
    background-image: none;
}
ul.elAdminMenu  li a:hover
, ul.elAdminMenu  li a:active 
{
	 color: #FFF;
}
ul.elAdminMenu ul li a:hover
, ul.elAdminMenu ul li a:active 
{
	background-color: #669bd6;
	color: #fff;
}
ul.elAdminMenu li:hover ul ul
, ul.elAdminMenu li:hover ul ul ul
, ul.elAdminMenu li:hover ul ul ul ul
, ul.elAdminMenu li.MenuItemHover ul ul
, ul.elAdminMenu li.MenuItemHover ul ul ul
, ul.elAdminMenu li.MenuItemHover ul ul ul ul 
{     
    left: -999em; 
    display: none;
} 
ul.elAdminMenu li:hover ul
, ul.elAdminMenu li li:hover ul
, ul.elAdminMenu li li li:hover ul
, ul.elAdminMenu li li li li:hover ul
, ul.elAdminMenu li.MenuItemHover ul
, ul.elAdminMenu li li.MenuItemHover ul
, ul.elAdminMenu li li li.MenuItemHover ul
, ul.elAdminMenu li li li li.MenuItemHover ul 
{
    left: auto; 
	display: block;
} 

 END OF ADMIN MENU */


/* CONTENT PANEL OUTPUT */
div.elContent
{
	/* margin-top:-14px; padding-bottom: 65px; */
    padding:0 0 0 0;
    line-height: 1.6em;
    font-size: 1.1em;
    width: 770px;
}


#DNN6.page3col div.elContent
{
	padding-left:0;
	float:left;
    width: 770px;
}

#DNN6.page2col div.elContent
{
	padding-left:0;
	float:left;
}


#DNN6.pageHome div.elContent
{
	display:none;
}

#DNN6.pageContact div.elContent
{
	padding-bottom:0;
}

/* div.elContent */ #dnn_keynote
{
	
/*	padding-right:94px;  */
	height:130px;
	width:630px;
	display:block;
/*	margin-bottom:20px; */
	
}


/*#dnn_keynote2
{
	
	height:130px;
	width:400px;
	display:block;
	position:relative;
		padding-right:94px; */

	/*	margin-bottom:20px; */
	

#dnn_PageName
{
	
	width:715px;
	display:block;
	position:relative;
	}
	/*	padding-right:94px; */
	/*	margin-bottom:20px; */
	

	/* #dnn_keynote2 img {
		position:absolute;
		right:15px;
	} */
	
	
#DNN6.page2col #dnn_PageName
{
	
	width:750px;
	display:block;
	position:relative;
	}
	
	
#dnn_PageName p {
	font-size:16px;
	width:450px;
	margin-top:10px;
	line-height:20px;
	font-weight:500;
	color:#666666;
	
}

#DNN6.page2col #dnn_PageName p {
	font-size:16px;
	width:470px;
	margin-top:10px;
	line-height:20px;
	font-weight:500;
	color:#666666;
	
}

	

.TitleImage img {
	position:absolute;
	right:0px;
} 


#DNN6.pageAboutButamax div.elContent #keynote
{
	padding-right:94px;
}

#pressreleaseheader 
{
	padding-bottom:9px;
}

#pressreleaseheader #keynote
{
	float:right;
}

#DNN6.page3col div.elContent #keynote
{
	padding-right:0;
}

#DNN6.page2col div.elContent #keynote
{
	padding-right:0;
}


div.elContent #titlearea
{
	width:280px;
}

#DNN6.pageAboutButamax div.elContent #titlearea
{
	width:310px;
}

#DNN6.pageLegal div.elContent #titlearea
{
	width:220px;
}

#DNN6.page3col #titlearea
{
	width:180px;
}

#DNN6.page2col #titlearea
{
	width:180px;
}


#pressreleaseheader #titlearea
{
	width:140px;
}


/*#DNN6.pageBiofuels #titlearea
{
	width:100px;
	overflow:hidden;
	white-space:nowrap;
}*/

div.elContent #textarea
{
	clear:both;
}

div.elContent h1,
#pressreleaseheader h1,
#dnn_keynote h1  
{
	font-family:'EurostileLTStdExtTwoRegular', Helvetica, Arial, Verdana, sans-serif;
    font-size: 24px;
    color: #009a3d;
    margin: 0 0 0 0;
      text-align:left;
    
    font-weight:300;
    line-height: 28px;
    position:relative;
    top:35px;
    /* letter-spacing:1.6px;
     transform: scale(1,.75);
	-ms-transform: scale(1,.75); /* IE 9 */
	/* -webkit-transform: scale(1,.75); /* Safari and Chrome */
	/* -o-transform: scale(1,.75); /* Opera */
	/* -moz-transform: scale(1,.75); /* Firefox */
    
}

h1 .tm
{
    font-size: 24px;
    position:relative;
    bottom:3px;
    
        
}


div.elContent h2
{
	font-weight:normal;
	margin:0 0 0.8em 0;
	padding:0;
	font-size:1.1em;
	color:#254086;
}

div.elContent h2.contentsubpagetitle
{
	font-size:1.3em;
	margin:0 0 0.5em 0;
	font-weight:bold;
}


div.elContent p 
{
  /*  margin: 0 0 1.2em 0;
    padding: 0; */
    }

div.elContent p span.highlight
{
	color:#254086;
}

.rssdiv  {
	margin: 0 0 23px 0;
background-image: url(images/butamax_related_link_icon.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0 0 0 21px;}

h4.itemtitle {
	color:#959595;
}

.itemtitle {
color:#fff;
}

div.elContent div.itemtitle  p {
color:#fff;
display:none;
}




div.elContent .contentlogo
{
	padding:7px 20px 0 0;
}

div.elContent p.back a:hover
{
	text-decoration:underline;
}

.dnnForm.dnnLoginService a, .dnnForm.dnnLoginService  a:link, .dnnForm.dnnLoginService a:visited {
	color:#fff;
}




div.elContent a 
, div.elContent a:link
, div.elContent a:visited
{
    color:#244087;
	text-decoration:none;
}
div.elContent a:hover
, div.elContent a:active 
{
/*    text-decoration: underline; */
}

a:hover
{
    text-decoration: underline;
}


div.elContent p.back a
{
	color:#009a3d!important;
	text-decoration:none;
	font-size:0.9em;
}

div.elContent div.ColumnLeft
{
    width: 49%;
    float: left;
}
div.elContent div.ColumnRight 
{
    width: 46%;
    float: left;
    margin: 0 1% 0 2%;   
}
div.elContent table 
{
    border-collapse: collapse;
    border-color: #C3C3C3;
}

div.elContent .Tools
{
	display:none;
}

/* Messing with DotNetNuke module menu 

div.elContent ul
{
	margin: 0 0 0.8em 15px;
	padding:0;
}

div.elContent ul li ul
{
	margin-top:0.8em;
}

div.elContent li
{
	line-height:1.8em;
	color:#666666;
}

*/

.elContent #divide
{
	height:1px;
	overflow:hidden;
	margin:15px 0 15px 0;
	background-color:#cccccc;
}

.elRelatedContent #holder {

	border-bottom:solid 1px #cccccc;

}



#printbox
{
/*	border-top: solid 1px #cccccc; 
	border-bottom:solid 1px #cccccc;
	border-image: url(images/topDividerSm2.jpg) 0 0 27 0 ;*/
	border-bottom-width:12px;
	margin-bottom:16px;
	margin-top:2px; 
	padding:6px 0 16px 0;
}

#printbox p
{
	margin:0;
	padding:0;
}

#printbox a
{
	background-image: url(images/butamax_print_icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:2px 0 2px 22px;
	color:#959595;
	text-decoration:none;
}

#printbox a:hover
{
	color:#254086;
}

#contactusbox
{
	border-bottom:solid 1px #cccccc;
	margin-bottom:16px;
	padding:0 0 4px 0;
}

#contactusbox h2
{
	font-weight:normal;
	margin:0 0 0.8em 0;

	font-size:1.2em;
}

#contactusbox h2 a
{
	color:#254086;
	text-decoration:none;
}

#contactusbox p a
{
	color:#666666;
	text-decoration:none;
	display:block;
	font-size:11px;
}

#contactusbox h2 a:hover
{
	text-decoration:underline;
}


#contactusbox p
{
	/* margin:0; line-height: 1.2em; */
	padding:0;
	
}

#contactusbox ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

#contactusbox ul li
{
	line-height:1.8em;
}

#contactusbox ul li.label
{
	clear:both;
	float:left;
	width:47px;
	color:#7fcc9e;
}

#contactusbox ul li.detail
{
	float:left;
	width:150px;
	color:#666666;
}

#contactusbox ul li.detail a
{
	color:#666666;
	text-decoration:none;
}

#contactusbox ul li.detail a:hover
{
	text-decoration:underline;
}

#leftcol-rss p {
	color:#666666;
	font-size:11px;

}

#leftcol-rss a, a:visited {
	/*  there was no color specified for RSS link. color: #244087; seems logical choice but choose blue default*/
	color:blue;
	text-decoration:underline;
}

#leftcol-rss {
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #666666;
    margin-bottom: 16px;
    padding-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

/* SITEMAP */
ul.elSitemap 
{    
    width: auto;
    margin: 20px 30px 40px 30px;
}
ul.elSitemap, ul.elSitemap ul 
{
    list-style-type: none;
}
ul.elSitemap li 
{
    margin: .5em 0;
    display: block;
    padding: 2px 0 0 0;
}
ul.elSitemap a 
{
    font-weight: bold;
   /* background-image: url(../_images/default/arrow.gif);*/
    background-repeat: no-repeat;
    background-position: 0 8px;    
    padding-left: 10px;
    padding-top: 5px;
    font-size: 1em;   
}
ul.elSitemap a:hover, ul.elSitemap a.ChildItems  
{

}
ul.elSitemap ul 
{
    margin: 0 2.5em;
}
ul.elSitemap ul a
, ul.elSitemap ul a:link
, ul.elSitemap ul a:visited
{
    font-size: .9em;
}

/* TEXT FOOTER MENU */
ul.elTextMenu 
{
    padding: 5px 0 10px 0;
    margin: 0;
    clear: both;
    background-color: #FFF;
    text-align: center;
	z-index:90 !important;
}
ul.elTextMenu li 
{
    display: inline;
    margin: 0 5px;
    padding: 0 5px 1px 0;
    line-height: 1.5em;
    border-right: solid 1px #3e3e3e;
}
ul.elTextMenu li.last 
{
    border: 0;
}
ul.elTextMenu li a
, ul.elTextMenu li a:link
, ul.elTextMenu li a:visited 
{
    color: #3e3e3e;
    font-size: .9em;
    text-decoration: none;
}
ul.elTextMenu li a:hover
, ul.elTextMenu li a:active 
{
    text-decoration: underline;
    color: #333;
}



/* LOGIN FORM */
fieldset.frmLogin {
	padding: 3em 0 2em 0;
	font-family: Arial;
	width:200px;
	margin: 30px auto 0 auto;
	font-size: 1em;
	border: 0;
    background-color: #FFF;
    height: 300px;
    clear: left;

}
fieldset.frmLogin legend 
{
    padding: 10px 1em 20px 0;
    font-size: 1.5em;
    color: #254085;
    display: block;
    width: 220px;
}

fieldset.frmLogin p 
{
    color: #666666;
    margin: .5em 0 1.5em 0;
}

fieldset.frmLogin p a
{
	color:#009a3d;
	text-decoration:none;
	font-weight:normal;
}

fieldset.frmLogin p a:hover
{
	text-decoration:underline;	
}


fieldset.frmLogin ul, fieldset.frmLogin ol 
{
    list-style-type: none;
    margin: 0 auto;
	padding:0;
}
fieldset.frmLogin li 
{
    margin: 0 1em 1em 1em;
}
fieldset.frmLogin li.last 
{
    clear: right;
    padding-bottom: 10px;
}
fieldset.frmLogin label 
{
    clear:left;
    display: block;
    margin-bottom: .1em;
    color: #666666;
}
fieldset.frmLogin label em
{
    color: #F00;
    font-weight: bold;
    font-size: 1.3em;
    display: block;
    float: left;
    margin: 0 0 0 -.8em;
}
fieldset.frmLogin input, fieldset.frmLogin select, fieldset.frmLogin textarea  
{
    width: 210px;
	font-size: 1em;
	color: #222;
	padding: .2em;
	margin: 0 0 .5em 0;
	font-weight: normal;		
}

fieldset.frmLogin a.hoverbutton
{
	background-image:none!important;
	border:none!important;
	
	text-decoration:none;
	font-weight:normal;
}

fieldset.frmLogin a.hoverbutton span
{
	color:#009a3d;
}
	
fieldset.frmLogin a.hoverbutton:hover span
{
	text-decoration:underline;
}

/* Listing - TAG REPEATER */
ul.elTagListing 
{
    margin: 0 20px 10px 20px;
    padding: 0 0 5px 0;
	font-size: 1em;
	list-style: none;
}
ul.elTagListing li 
{
    margin: 0;
    padding: 10px 0 10px 0;
    display: block;
    border-bottom: dotted 1px #3e3e3e; 
}
ul.elTagListing li.first 
{
    border: 0;
    padding: 10px 0;
}
ul.elTagListing h1.elContentTitle {
    margin: .8em 0 10px 0;
    padding: 0 0 3px 0;
}
ul.elTagListing h2.elContentDescription 
{
    display: none;
}
ul.elTagListing div.ContentWrapper
{
    padding: 5px;
    clear: both;
    border: solid 1px #FFF;
}

ul.elTagListing div.elContent 
{
    padding: 0 0 10px 0;
    margin: 0;
}
ul.elTagListing div.elContent h1.Title 
{
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 0 0;
    padding: 0 5px 0 10px;
    /*background-image: url(../_images/default/arrow.gif);*/
    background-repeat: no-repeat;
    background-position: left center;
    font-style: normal;
    color: #3e3e3e;
    
}
ul.elTagListing div.elContent a
, ul.elTagListing div.elContent a:link
, ul.elTagListing div.elContent a:visited 
{
    text-decoration: none;   
    color: #3e3e3e;
}
ul.elTagListing div.elContent a:hover
, ul.elTagListing div.elContent a:active 
{
    color: #333;
}
ul.elTagListing div.elContent h2.DateStart
, ul.elTagListing div.elContent h2.DateEnd
{
    font-size: 1em;
    font-weight: normal;
    padding: 0 5px 0 10px;
    margin: 0;
	color: #555;    
}
ul.elTagListing div.elContent h2.DateStart span
, ul.elTagListing div.elContent h2.DateEnd span 
{
    font-style: italic;   
}
ul.elTagListing div.elContent h3.Author
{
    padding: 0 5px 0 10px;
    margin: 0;
    font-size: 1em;
    font-weight: normal;
}
ul.elTagListing div.elContent p.Description
{
    padding: 10px 5px 5px 10px;
    margin: 0;
}
ul.elTagListing div.ContentImage 
{
    padding: 0;
    margin: 0;
    width: 90px;
    float: left;
}
ul.elTagListing div.ContentImage img {
    border: solid 1px #364761;

}
ul.elTagListing div.HasImage 
{
    margin-left: 100px;
}

/* TOOLS */
div.Tools 
{
    float: right;
}
div.Tools a, div.Tools a:link, div.Tools a:visited 
{
    padding: 0 0 0 10px;
    margin-left: 10px;
   /* background-image: url(../_images/default/arrow.gif);   */
    background-repeat: no-repeat;
    background-position: 1px 3px;   
    color: #3e3e3e; 
    font-weight: bold;
}
div.Tools a:hover, div.Tools a:active 
{
    color: #333;
}

/* LEFT MENU */
/* top level */
ul.elLeftMenu 
{
    margin: 0;
    padding: 0 0 16px 0;
    list-style-type: none;
   	width: 100%;
	border-bottom:solid 1px #cccccc;
}
/* all list items */
ul.elLeftMenu li 
{
    margin: 0;
    padding: 0;
}
/* all links */
ul.elLeftMenu a
, ul.elLeftMenu a:link
, ul.elLeftMenu a:visited 
{
	padding-top: 16px;
    text-decoration: none;
    display: block;
	color:#009a3d;
	font-size:1.1em;
}
/*ul.elLeftMenu a:hover, 
ul.elLeftMenu a:active
{ 
    text-decoration:underline;
}*/

/* all lists below top level */
ul.elLeftMenu ul li {
    list-style-type: none;
    margin-left: -8px;
}
ul.elLeftMenu ul 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* 2nd level */
ul.elLeftMenu ul a 
, ul.elLeftMenu ul a:link
, ul.elLeftMenu ul a:visited
{
    padding: 11px 0 0 8px;
	color:#666666;
	font-size:1em;
	list-style:none;
}

ul.elLeftMenu ul a:hover,
ul.elLeftMenu ul a.current
{
	color:#254085;
}

/* 3rd level */
/*ul.elLeftMenu ul ul a
, ul.elLeftMenu ul ul a:link
, ul.elLeftMenu ul ul a:visited
{
    padding-left: 30px !important;
    font-size: .9em;
    background-position: 20px 9px; 
}*/
/* 4th level */
/*ul.elLeftMenu ul ul ul a 
, ul.elLeftMenu ul ul ul a:link
, ul.elLeftMenu ul ul ul a:visited
{
    padding-left: 42px !important;
    font-size: .8em;
    background-position: 32px 9px; 
}*/
/* 5th level */
/*ul.elLeftMenu ul ul ul ul a 
, ul.elLeftMenu ul ul ul ul a:link
, ul.elLeftMenu ul ul ul ul a:visited
{
    padding-left: 53px !important;
    font-size: .8em;
    background-position: 43px 9px; 
    font-weight: normal;
}*/
/* SEARCH RESULTS */
.TagHighLight 
{
    background-color: #FFFF00;
}

div.elTags 
{   
    clear: left;
    margin-top: 15px;   
}

/* PAGING */
ul.Paging 
{
    clear: both;
    font-weight: bold;
    font-size: .9em;
    margin: 5px 10px 10px 30px;
}
ul.Paging li 
{
    display: block; 
}
ul.Paging li.PagingPageTotal
{
    
    display: none;
}
ul.Paging li.PagingPageNumbers
{
    
    float: right;
        margin: 0 10px 0 0;
}
ul.Paging li.PagingLastPage
{
    display: none;
}
ul.Paging li.PagingNextPage
{    
    float: right;
    margin: 0 10px 0 0;
}
ul.Paging li.PagingPreviousPage
{
    float: right;
    margin: 0 10px 0 0;
}
ul.Paging li.PagingFirstPage
{
    display: none;
}
ul.Paging li .disabled 
{
    color: #B0B0B0;
}
ul.Paging li .current 
{
    text-decoration: underline;
}
ul.Paging li.PagingNextPage a
, ul.Paging li.PagingNextPage a:link
, ul.Paging li.PagingNextPage a:visited
, ul.Paging li.PagingNextPage span.disabled
{
  /*  background-image: url(../_images/default/next.gif);*/
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
}
ul.Paging li.PagingPreviousPage a
, ul.Paging li.PagingPreviousPage a:link
, ul.Paging li.PagingPreviousPage a:visited
, ul.Paging li.PagingPreviousPage span.disabled
{
  /*  background-image: url(../_images/default/prev.gif);*/
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 12px;
}



h1.elPageTitle 
{
    margin: 32px 30px 10px 30px;
    padding: 0 0 3px 0;
    
}

p.elNoContent 
{
    margin: 10px;   
}

a.Delete 
{
    cursor: pointer;   
}

a.Delete:hover, a.Delete:active {
	text-decoration: underline;
	color: #333;
}
/*
Clears all hoverbuttons in the Header zone 

Makes Styling a lot easier.
When problems are incurred use !important;

*/
div#ZoneHeaderRow a.hoverbutton
, div#ZoneHeaderRow a.hoverbutton:link
, div#ZoneHeaderRow a.hoverbutton:visited
{
		margin:0;
		padding:0;
		
		background-color:transparent;
		background-image:none;
		border:0;
		
		height:auto;
		width:auto;
}
div#ZoneHeaderRow a.hoverbutton span.hoverbutton_button
, div#ZoneHeaderRow a.hoverbutton span.hoverbutton_buttonRight
, div#ZoneHeaderRow a.hoverbutton span.hoverbutton_buttonLeft
{
	margin:0;
	padding:0;
}
/* 

All the Controls (Screensize, Textsize and Bookmark site are placed insite a HTML Element called

div.elHeaderControls

This is done so the controls can be floated and therefore increase text size, etc easily and wouldn't function properly when positioned absolutely.

The container CAN be positioned absolutely.
*/

div.elHeaderControls
{
	position:absolute;
	top:40px;
	right:0;
	display:inline;
}


/*SCREENSIZE CSS*/
div.elScreensize 
{
	/*Borders, Margin Padding*/
	margin:0 0 0 1em;
	padding:0;
	float:right;
	
	/*
	Please ensure the width on this element is kept in em's so it increases proportionatly with the rest of the site.
	*/
	width:7.1em;
	height:1.5em;
}
	/* Styling Specific to the Screensize Button*/
	div.elScreensize a.hoverbutton,
	div.elScreensize a.hoverbutton span,
	div.elScreensize a.hoverbutton:link,
	div.elScreensize a.hoverbutton:visited
	{
		line-height:1.1em;
		color:#666 !important;
		font-weight:normal;
	}
	div.elScreensize a.hoverbutton:hover,
	div.elScreensize a.hoverbutton:focus,
	div.elScreensize a.hoverbutton:active
	{
	
	}

	
/* FONT SIZE */
div.elFontSize
{
	float:right;
	height:1.5em;
	line-height:1em;
}	
	div.elFontSize span.text
	{
		/*Padding, Margin & Borders*/
		margin:0 0 0 1em;
		padding:0;
		border:0;
		float:left;
		color:#666;
	}
	/*Generic, This applies to both buttons*/
	div.elFontSize a.hoverbutton,
	div.elFontSize a.hoverbutton:link,
	div.elFontSize a.hoverbutton:visited
	{
		color:#666 !important;
		float:left;
		line-height:.9em;
		text-indent:.2em;
	}
	div.elFontSize a.hoverbutton:hover,
	div.elFontSize a.hoverbutton:active,
	div.elFontSize a.hoverbutton:focus
	{
		
	}
		/* STYLING SPECIFIC TO THE BUTTON TO REDUCE FONT SIZE */
		div.elFontSize span.smaller a.hoverbutton:link,
		div.elFontSize span.smaller a.hoverbutton:visited,
		div.elFontSize span.smaller a.hoverbutton
		{
		
		}
		div.elFontSize span.smaller a.hoverbutton:hover,
		div.elFontSize span.smaller a.hoverbutton:active,
		div.elFontSize span.smaller a.hoverbutton:focus
		{
		
		}
		/*STYLING SPECIFIC TO THE BUTTON TO INCREASE FONT SIZE*/
		div.elFontSize span.larger a.hoverbutton:link,
		div.elFontSize span.larger a.hoverbutton:visited,
		div.elFontSize span.larger a.hoverbutton
		{
		
		}
		div.elFontSize span.larger a.hoverbutton:hover,
		div.elFontSize span.larger a.hoverbutton:active,
		div.elFontSize span.larger a.hoverbutton:focus
		{
		
		}
/* Quick Search Dashboard */
div.elQuickSearch
{
	/*Positioning*/
	position:absolute;
	top:10px;
	right:0;

	/*Padding, Margins & Borders*/
	margin:0;
	padding:0;
	border:0;
	
	/*Sizing*/
	width:175px;
}
div.elQuickSearch input
{
	float:left;
		height: 16px;
		margin-right: -1px;
}
div.elQuickSearch a
{
   /* background-image:url(../_images/default/search_icon_on.gif) !important;*/
}
div.elQuickSearch a.hoverbutton,
div.elQuickSearch a.hoverbutton:link,
div.elQuickSearch a.hoverbutton:visited
{
	float:left;
	margin:0;
	padding:0;
	border: solid 1px #666 !important;
	height:20px !important;
	width:18px !important;
	display:block !important;
/*	background-image:url(../_images/default/search_icon_off.gif) !important;*/
	background-repeat:no-repeat  !important;
	background-position:top left !important;
	
}
div.elQuickSearch a.hoverbutton:hover,
div.elQuickSearch a.hoverbutton:active,
div.elQuickSearch a.hoverbutton:focus
{
/*	background-image:url(../_images/default/search_icon_on.gif) !important;*/
}

/*Contact Form*/
div.elContactUsForm
{
		/*
			Pre & Post Text is placed inside this wrapper.
			
			For ease, this should be kept to the same width as the UL
			to ensure the hoverbutton is kept inline to the right of the form.
		*/
	margin:0;
	padding:0;
	border:0;	
	width:100%;	
}
	div.elContactUsForm ul.elContactUsForm
	{
		list-style-type:none;		
		margin:0;
		padding:0;
		border:0;				
	}
	div.elContactUsForm ul.elContactUsForm li
	{
		list-style-type:none;		
		margin:0;
		padding:0;
		border:0;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset
	{
		border:0;
		margin:0;
		padding:0;
	}
	/*Styles the Header of Each Section*/
	div.elContactUsForm ul.elContactUsForm li fieldset legend
	{
			/* NOTE:
				This LEGEND tag should only be used to Style TEXT
				as this is all Firefox will currently display.

				Use the SPAN Below for more flexibility.
			*/
		margin:0;
		padding:0;
		border:0;
		display:none;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset legend span
	{
	
		/*
		This is displayed at the top of every section the form generates.
		*/
	
		background-color:#999;
		height:1.5em;
		line-height:1.5em;
		font-size:1em;			
		display:block;
		margin:0 0 0 0;
		padding:0 0 0 7px;
		
	}
	
	div.elContactUsForm ul.elContactUsForm li fieldset ul
	{
		list-style-type:none;
		margin:0;
		padding:0;

	}
	div.elContactUsForm ul.elContactUsForm li fieldset ul li
	{
		list-style-type:none;
		/*margin:10px 0 10px 0;*/
		padding:0 0 0 0;
		clear:both;
	}
	
	div.elContactUsForm em
	{
		color:#254085;
		font-weight:bold;
	}	
	
	div.elContactUsForm ul.elContactUsForm li fieldset ul li label
	{
		float:left;
		clear:both;	
		width:108px;
		padding:0 0 3px 0;
		margin:10px 0 10px 0;
		color:#666666;
		font-size:1.1em;
	}
	
	div.elContactUsForm ul.elContactUsForm li fieldset ul li label#ctl00_dash_9f2c8185eaae40bb9f2d5b6edddc7d09_divInner_MetaData_mcs797c9b0d327844e495e435a69c819a61_mdc44b9dc5b15ab4055bc635b55f9bf104b_lblDescription
{
	width:300px;
}

li#ctl00_dash_9f2c8185eaae40bb9f2d5b6edddc7d09_divInner_MetaData_mcs797c9b0d327844e495e435a69c819a61_mdcd6fda3ddd77f447b92b65156875bf504
{
	padding-top:15px;
}
	
	div.elContactUsForm ul.elContactUsForm li fieldset ul li label#ctl00_dash_9f2c8185eaae40bb9f2d5b6edddc7d09_divInner_MetaData_mcs797c9b0d327844e495e435a69c819a61_mdcd6fda3ddd77f447b92b65156875bf504_lblDescription
{
	width:307px;
}
	
div.elContactUsForm ul.elContactUsForm li fieldset ul li input#ctl00_dash_9f2c8185eaae40bb9f2d5b6edddc7d09_divInner_MetaData_mcs797c9b0d327844e495e435a69c819a61_mdcd6fda3ddd77f447b92b65156875bf504_chkValue
{
	width:50px;
}
	
	div.elContactUsForm ul.elContactUsForm li fieldset ul li input
	{
		float:left;
		width:224px;
		margin:10px 0 10px 0;
		padding:0;
		color:#666666;
	}
	
	div.elContactUsForm ul.elContactUsForm li fieldset ul li select
	{
		float:left;
		width:auto;
		margin:10px 0 10px 0;
		padding:0;
		color:#666666;
	}
	
	
	div.elContactUsForm ul.elContactUsForm li fieldset ul li textarea
	{
		clear:left;
		float:left;
		width:334px;
		padding:0;
		margin:0 0 0 0;
		color:#666666;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.1em;
	}
	
	
	div.elContactUsForm div.CaptchaVerification
	{
		clear:both;
		margin:15px 0 65px 0;
	}
	
	div.elContactUsForm div.CaptchaVerification img
	{
		clear:both;
		float:left;
	}
	
	div.elContactUsForm div.CaptchaVerification a
	{
		margin-right:4px;
		font-size:1.1em;
		color:#254085;
		text-decoration:none;
	}
	
	div.elContactUsForm div.CaptchaVerification a:hover
	{
		text-decoration:underline;
	}
	
	div.elContactUsForm div.CaptchaVerification a.CaptchaAudioVerification
	{
		margin-left:4px;
	}
	
	div.elContactUsForm div.CaptchaVerification label
	{
		clear:both;
		float:left;	
		margin:10px 0 10px 0;
		color:#666666;
		width:313px;
		font-size:1.1em;
	}
	
	div.elContactUsForm div.CaptchaVerification input
	{
		clear:both;
		float:left;
		text-transform:uppercase;
		color:#666666;
		width:80px;
	}
	
	
	
	
	div.elContactUsForm a.hoverbutton,
	div.elContactUsForm a.hoverbutton:link,
	div.elContactUsForm a.hoverbutton:visited
	{
		clear:both;
		float:left;
		display:block;
		border:0;
		padding:0;
		margin:15px 0 65px 0;
		background-image:none;
	/*	background-image: url(../_images/butamax/butamax_contact_btn.gif);*/
		background-repeat:no-repeat;
		width:55px;
		height:17px;
		color:#000000 !important;
	}
	div.elContactUsForm a.hoverbutton:hover,
	div.elContactUsForm a.hoverbutton:active,
	div.elContactUsForm a.hoverbutton:focus
	{
	
	}
	
	div.elContactUsForm a.hoverbutton span
	{
		position: absolute;
		left: -999em;
	}
	
	div.elContactUsForm a.formDesc
	{
		display:none;
	}
	
div.elCredits
{
	/*  */
	font-size:.9em;
	/* */
	float: right;
    height: 1.5em;	
}
	div.elCredits a,
	div.elCredits a:link,
	div.elCredits a:visited
	{
	}
	div.elCredits a:hover,
	div.elCredits a:focus,
	div.elCredits a:active
	{
	}

.clear
{
	clear:both;
}

.Branding
{
	display:none;
}

.nomargin
{
	margin:0!important;
	padding:0!important;
}

.elRelatedContent
{
	margin:0;
	padding:0;
	list-style-type:none;
}



#DNN6.elRelatedContent ul, ol { 
padding-left: 0px;
}

#dnn_RightColumn.elRelatedContent ul li {
    list-style-type: none;

}
ul li {
   list-style-type: none;  /* removed to make bullets visible not sure if it will effect side menu */
 /*   list-style-position:outside;
   margin-top:5px;
   margin-left:5px;*/
 

}


.elRelatedContent li
{
	margin:0 0 23px 0;
	background-image: url(images/butamax_related_link_icon.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:0 0 0 21px;
}

.elRelatedContent li.first
{
	background-image:none;
	margin-bottom:0px;
	padding:0;
	color:#009a3d;
}

.elRelatedContent h3
{
	color:#959595;
	font-weight:normal;
	font-size: 11px;
	text-transform:uppercase;
    margin-bottom: 0px;
}

.elRelatedContent h3.homepagesubtitle
{
	margin:15px 0 0 0;
	font-size:1.2em;
	color:#009a3d;
	font-weight:bold;
}

.elRelatedContent h4.itemtitle
{
	margin:0;
	padding:0;
	font-size:1em;
}

#holder.elRelatedContent h4.itemtitle a
{
	text-decoration:none;
	font-weight:normal;
	color:#959595;
	position:relative;
	line-height:16px;
	top: -2px;
}

#holder.elRelatedContent h4.itemtitle a:hover
{
	text-decoration:underline;
}



.elRelatedContent h4.itemtitle a
{
	text-decoration:none;
	font-weight:normal;
	color:#959595;
	position:relative;
	top: -2px;
}

.elRelatedContent h4.itemtitle a:hover
{
	text-decoration:underline;
}

.elRelatedContent p.description
{
	margin:0 0 0 0; /* was 5px 0 0 0 */
	padding:0;
	
}

.elRelatedContent p.description a
{
	color:#6fb933;
	overflow:auto;
	text-decoration:none;
	position:relative;
	top: -5px;
}

.elRelatedContent p.description a:hover
{
	text-decoration:underline;
}

.elHomepageListing
{
	margin:0;
	padding:0;
	list-style-type:none;
}

.elHomepageListing li
{
	background-image:none;
	padding:0;
}

.elHomepageListing h3.homepagesubtitle
{
	margin:15px 0 15px 0;
	font-size:1.2em;
	color:#009a3d;
}

.elHomepageListing h3.homepagesubtitle a
{
	color:#009a3d;
	text-decoration:none;
}

.elHomepageListing p 
{
	margin:0 0 0.5em 0;
	line-height:1.8em;
	color:#666666;
}

.elHomepageListing p span
{
	color:#4f5b99;
}

.elHomepageListing ul
{
	margin:0 0 0 15px;
	padding:0;
	color:#4f5b99;
}

.elHomepageListing ul li
{
	line-height:1.8em;
}

.elHomepageListing ul li span
{
	color:#666666;
}


ul.elPressReleaseListing
{
	margin:0 0 65px 0;
	padding:0;
	list-style-type:none;
}

ul.elPressReleaseListing li
{
	padding:19px 0 19px 0;
	border-bottom:solid 1px #cccccc;
}

ul.elPressReleaseListing li.first
{
	padding-top:0;
}

ul.elPressReleaseListing li.last
{
	border-bottom:none;
}

ul.elPressReleaseListing .pressreleaseimagecontainer
{
	float:left;
	width:94px;
	height:150px;
}

.elContent .pressreleaseimagemaincontainer
{
	float:left;
	width:105px;
	height:100px;
}

ul.elPressReleaseListing .pressreleaseimagecontainer img,
.elContent .pressreleaseimagemaincontainer img
{
	border:solid 5px #cccccc;
}

ul.elPressReleaseListing .pressreleasetextcontainer
{
	/*float:left;*/
}

ul.elPressReleaseListing h1
{
	margin:0 0 0.8em 0;
	font-weight:normal;
	font-size:1.3em;
}

.elContent h1.pressreleasetitle
{
	color:#254086;
	margin:0 0 0.8em 0;
	font-weight:normal;
	font-size:1.2em;
	padding-top:0!important;
}


ul.elPressReleaseListing h1 a
{
	color:#254086;
	text-decoration:none;
}

ul.elPressReleaseListing h1 a:hover
{
	text-decoration:underline;
}

ul.elPressReleaseListing h1 span,
.elContent h1.pressreleasetitle span
{
	color:#b5b5b5;
}

ul.elPressReleaseListing p
{
	color:#666666;
	margin:0 0 0.8em 0;
	line-height:1.6em;
}

ul.elPressReleaseListing p.link a
{
	color:#009a3d;
	text-decoration:none;
}

ul.elPressReleaseListing p.link a:hover
{
	text-decoration:underline;
}


#videoplayer
{
	margin-bottom:2.4em;
}

.elContent p.red,
.elContent p.red a
{
	color:#ff0000!important;
	font-weight:bold!important;
}


.videolink
{
	margin:23px 0 0 0!important;
	padding:0;
	list-style-type:none;
}

.videolink li
{
	margin:0 0 23px 0;
	/*background-image: url(../_images/butamax/butamax_video_link_icon.gif);*/
	background-repeat:no-repeat;
	background-position:top left;
	padding:0 0 0 21px;
	line-height:1em!important;
}

.videolink h4.itemtitle
{
	margin:0;
	padding:0;
	font-size:1em;
}

.videolink h4.itemtitle a
{
	text-decoration:none;
	font-weight:normal;
	color:#666666;
}

.videolink h4.itemtitle a:hover
{
	text-decoration:underline;
}

.videolink p.description
{
	margin:5px 0 0 0;
	padding:0;
	
}

.videolink p.description a
{
	color:#98cdaf;
	overflow:auto;
	text-decoration:none;
}

.videolink p.description a:hover
{
	text-decoration:underline;
}


#ControlPanelWrapper #dnnCPWrap{filter:none !important;}

/* Modules */
#LeftPane.DnnModule{
	margin:0 0 2em 0;
	position:absolute;
	z-index:9000;

}

.DnnModule ul, ol{padding: 0 0 0 0px;}
/* Panes - In Layout Mode */
.paneOutline{border:0;}
.paneOutline span.SubHead center{border:1px #ccc dotted;border-left:0;border-right:0;line-height:2.5em;}

#iPopUp{display:none;}
/* .eipbackimg{z-index:1000;} */

.dnnActionMenu {
margin: 0;
padding: 0;
position: absolute;
color: 
black;
left: 10px;
top: 15px;
}

.dnnForm fieldset {
	margin-left:40px;
}

ul.dnnActionMenuBody li ul {
    border-top-color: #CCCCCC;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 10px;
    width: 96%;
}

ul.dnnActionMenuBody li span {
margin-left: 10px;
}
ul.dnnActionMenuBody {
	min-width:380px;
}

.udtDiv {
	width:500px; 
	background-image: url("images/butamax_related_link_icon.gif");
    background-position: left top;
    background-repeat: no-repeat;
    /* min-height: 19px; */
   /* margin-bottom: 23px; */
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
 padding-bottom: 20px;
    /*   padding-left: 21px; */
    padding-right: 0;
    padding-top: 0;
}

.udtDiv2 {
	width:380px; 
    margin-bottom: 23px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
    display:block;
}

.udtDate {
	margin-left: 23px;
	color:#959595;
    font-weight: bold;
    font-size: 1.0em;

}

.udtFileSize {
	margin-left: 23px;
	color:#6fb933;

}

div.elContent h2.udtTitle a, a:link  {
line-height:16px;
color: #707070;
}

div.elContent h2.udtTitle a:hover  {
text-decoration:underline;
color: #707070;

}


div.udtDiv h2 a {
	display:block;
	color: #254086;
    font-size: 12px;
    line-height: 1.6em;
    font-weight: normal;
  /*  margin-bottom: 0.8em; */
    margin-left: 23px;
    margin-right: 0;
    margin-top: 0;
  /*  padding-bottom: 20px; */
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

div.udtDiv h2 a {
	display:block;
	color: #254086;
    font-size: 12px;
    line-height: 1.6em;
    font-weight: normal;
  /*  margin-bottom: 0.8em; */
    margin-left: 23px;
    margin-right: 0;
    margin-top: 0;
  /*  padding-bottom: 20px; */
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}


.udtTitle2 h2 {
	color: #254086;
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 0.8em;
    margin-left: 20px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.udtTitle2 h2 a {
	color: #666666;
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 0.8em;
    margin-left: 20px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.udtTitle2 h2 a:hover {
color: #254086;
}


div.NewsDesc2 a, div.NewsDesc2  a:link, div.NewsDesc2 a:visited {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #666666;
}

div.NewsDesc2 a:hover {
color: #254086;
text-decoration:underline;
	
}

div.NewsDesc2.text {
	color: #666666;
}

#USPTO-Hover {
	display:block;
	padding-left:15px;
	padding-right:10px;
	background-color:#dadada;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


#USPTO-Hover:hover {
	display:block;
	padding-left:15px;
	padding-right:10px;
	background-color:#dadada;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.Head {
	color: #24408f;
    display: block;
    font-size: 12px;
    font-weight: 600;
  /*  padding-bottom: 8px; */
    width: 100%;

}

.Head2 {
	font-family:'EurostileLTStdExtTwoRegular', Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    color: #009a3d;
    margin: 0 0 0 0;
 /*   padding: 10px 0 0 0px; */
    text-align:left;
    font-weight:300;
    display:block;
    height: 25px;
    
   /* line-height: 28px; */
       /* letter-spacing:1.6px;
     transform: scale(1,.75);
	-ms-transform: scale(1,.75); /* IE 9 */
	/* -webkit-transform: scale(1,.75); /* Safari and Chrome */
	/* -o-transform: scale(1,.75); /* Opera */
	/* -moz-transform: scale(1,.75); /* Firefox */
    
}

.imgbottom {
	position:relative;
	top: 160px;
}

.slideOutTip{
	/* The main wrapping div of the slideout tips */
	position:absolute;
	padding:3px;
	top:0;
	left:0;
	background-color:#111;
	font-size:13px;
	color:white;
	overflow:hidden;
	height:158px;
	width:258px;
}

.slideOutTip:hover{
	/* Applying a CSS3 outer glow on hover */
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
}

/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:220px; }

.tipTitle{
	float:left;
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	white-space:nowrap;
	line-height:22px;
	padding-right:5px;
}

.tipIcon{
	width:254px;
	height:158px;
	position:relative;
	
	float:left;
	background-color:#61b035;
	border:1px solid #70c244;
	margin-right:8px;
	
	/* CSS3 Rounded corners */
	
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

/* Three color themes */
.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }
.blue .tipIcon{ background-color:#1078C7; border:1px solid #1e82cd; }
.red .tipIcon{ background-color:#CD3A12; border:1px solid #da421a; }

.plusIcon{
	/* The plus icon */
	width:254px;
	height:158px;
	position:relative;
	top:60px;
	left:30px;
	background:url('/portals/0/Images/ChartPlaceholdSm2.png') no-repeat center center;
	margin:4px;
	
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}

.slideOutTip.isOpened{ z-index:10000; }

.slideOutTip.isOpened .plusIcon{
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* Special rules for the left and top - opening versions */

.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{/* margin-top:22px; */ }
.openLeft.openTop .slideOutContent{	margin-top:0; }


.slideOutContent{
	/* Hiding the div with the slide out content: */
	display:none;
	padding:10px;
	font-size:11px;
}

/* Hiding the original paragraphs if they have not been replaced (JS disabled): */

.main > p{ display:none; }



/* The styles below are only necessary for the styling of the demo page: */

.main{
	height:700px;
	margin:20px auto;
	position:relative;
	width:960px;
}

.spaceBottom{
	margin:0 0 10px;
}

.spaceTop{
	margin:10px 0 0;
}

/* h1{
	background-color:#292929;
	border-bottom:1px solid #222222;
	font-size:30px;
	font-weight:normal;
	margin-bottom:15px;
	padding:15px;
	text-align:center;
}

h2 {
	font-size:12px;
	font-weight:normal;
	padding-right:40px;
	position:relative;
	right:0;
	text-align:right;
	text-transform:uppercase;
	top:-55px;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
} */

a img{
	border:none;
}

.clear{
	clear:both;
}

p.tutInfo{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

.videoDiv {
-moz-box-shadow: 0 0 5px #c2c2c2;
-webkit-box-shadow: 0 0 5px #c2c2c2;
box-shadow: 0 0 5px #c2c2c2;
background: transparent;
border: 1px #F7F7F7 solid;
}

#df_field_fn.control {
	clear:none;
	float: left;
	width: 225px;
	margin-right:20px;
}

#df_field_ln.control {
	clear:none;
	float: left;
	width: 225px;
	}

#df_field_em.control {
	clear:none;
	float: left;
	width: 225px;
	margin-right:20px;
}

#df_field_cm.control {
	clear:none;
	float: left;
	width: 225px;
	}



#df_field_sa.control {
	float: left;
	width: 225px;
	margin-right:20px;

}


#df_field_city.control {
	clear:none;
	float: left;
	width: 225px;
	}
	
#df_field_state.control {
	float: left;
	margin-right:25px;

}
#df_field_state.control select {
		width: 55px;
	
}


#df_field_zip.control {
	clear:none;
	float: left;
	margin-right:20px;

		}
		
#df_field_country.control {
	clear:none;
	float: left;
		}


#df_field_comment.control {
	clear:none;
	float: left;
	width:450px;
			}

.elContent .df_form .control {
	padding:0px;
}

#dnn_ctr550_Form_UP {
	font-family:Arial, Helvetica, sans-serif;
	color: #959595;
}

.df_form .submit {
	
/*	float:left;
	position:relative;
	clear:none;
	top:35px;
	left:-60px;
	background-image: url(../butamax/images/send.png); 
	background-repeat:no-repeat;*/

}


#dnn_ctr554_Form_df554.df_form {
min-height:520px;
	
}

#dnn_ctr555_Form_df555.df_form {
min-height:450px;
	
}

.dnnForm {
	width: 100%;
	min-width:500px;
}

/* Start of Column CSS */
#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
/*	background:#ffa7a7; */ /* column 2 background colour */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
/*	background:#fff689; */ /* column 1 background colour */
}
#col1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}

.captcha img {
width: 150px; }
/* --> */
  





