/** layout **/
/** body **/
#navigationbar       { background-image: url("images/titlebar.gif"); background-repeat: repeat-x; margin: auto; position: relative; z-index: 10; top: 10px; width: 850px; height: 70px; border-top: 1px solid #800000; border-right: 1px solid #800000; border-left: 1px solid #800000 }

#navigationbar_sub     { background-image: url("images/Picture%202.jpg"); background-repeat: repeat-x; margin: auto; position: relative; width: 850px; height: 34px; border-right: 1px solid #800000; border-left: 1px solid maroon }

#footer_box    { color: white; background-image: url("images/Picture%202.jpg"); background-repeat: repeat-x; text-align: center; margin: auto; position: relative; width: 850px; height: 34px; max-width: 850px; max-height: 34px; border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon}

#footer_content   { color: white; font-size: 12px; font-family: CSS_PROPERTY_UNDEF; font-variant: normal; font-weight: normal; line-height: normal; letter-spacing: 2px; position: relative; top: 10px }



#navigation { background-image: url("images/lowerbar.gif"); background-repeat: repeat-x; margin: auto; position: relative; width: 850px; height: 34px; max-width: 850px; max-height: 34px; border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }

#banner  { background-image: url("images/turbine.gif"); margin: auto; position: relative; width: 850px; height: 130px; border-right: 1px solid #800000; border-bottom: 1px solid #800000; border-left: 1px solid #800000 }

#main_box     { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: auto; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h600px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 600px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h800px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 800px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h1000px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 1000px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h1250px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 1250px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h1300px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 1300px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h1400px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 1400px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h1600px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 1600px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h1700px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 1700px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h1800px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 1800px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h1900px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 1900px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h2000px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 2000px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h2200px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 2200px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h2300px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 2300px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h2400px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 2400px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h2700px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 2700px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h2900px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 2900px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h3000px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 3000px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h3300px  { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 3300px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h3400px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 3400px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h4000px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 4000px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h4400px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 4400px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h4500px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 4500px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#main_box_h4600px { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 850px; height: 4600px; clip: rect(850px auto 850px auto); border-right: 1px solid maroon; border-bottom: 1px solid maroon; border-left: 1px solid maroon }
#home_title { position: relative; top: 20px; left: 20px }

body     {  color: gray; background-color: #fbfbfb }

.boldred20   { color: red; font-size: 20px; font-family: Helvetica; font-weight: bold }
	
.boldgrey20 {font: Helvetica;
	font-size: 20px;
	font-weight:bold;
	}

.link a:hover { text-decoration: underline; color: #a70303; background-color: #ddd }
.link a {text-decoration: none; color: #a70303}

.linkb a:hover   { color: white; text-decoration: underline; background-color: transparent }
.linkb a   { color: white; text-decoration: none }


/**Navigation Bar**/
#nav   { background-repeat: repeat-x; background-attachment: scroll; list-style-type: none; margin: 0; padding: 0; width: 100%; height: 100%; float: left }

#nav a:link,
#nav a:visited    { color: #333; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; text-decoration: none; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 8px 25px 5px 50px; width: auto; height: auto; float: left }

#nav li:first-child a  { height: auto }

#nav a:hover  { color: red; background-attachment: scroll }

#home #nav-1 a,
#about #nav-2 a,
#archive #nav-3 a,
#lab #nav-4 a,
#reviews #nav-5 a,
#contact #nav-6 a  { color: red; }
#home #nav-1 a:hover,
#about #nav-2 a:hover,
#archive #nav-3 a:hover,
#lab #nav-4 a:hover,
#reviews #nav-5 a:hover,
#contact #nav-6 a:hover   { color: red; }
#nav a:active   { color: black; text-decoration: underline }
/**Navigation Bar End**/

/**Side Navigation**/
#nav_left    { position: relative; z-index: 3; left: 20px }


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu  { width: 180px }

.arrowlistmenu .headerbar   { color: #333333; font: bold 14px Arial; background-color: transparent; background-image: url("images/lowerbar.gif"); background-repeat: repeat-x; background-position: left center; text-transform: uppercase; visibility: visible; margin-bottom: 0; padding: 4px 0 4px 10px; height: inherit; border-top: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray }

.arrowlistmenu ul { list-style-type: none; margin: 0 0 8px; padding: 0; border: solid 1px gray }

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a   { line-height: 1.5; color: #a70303; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; display: block; padding: 2px 0 2px 19px; border-bottom: 1px solid #dadada }

.arrowlistmenu ul li a:visited{ color: #A70303; }

.arrowlistmenu ul li a:hover { color: #a70303; background-color: #ddd }

/**Side Navigation End**/

/**Product Page**/
#height1000ox { height: 4000px; min-height: 4000px }
#text_box      { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; padding-left: 18px; position: relative; z-index: 4; top: -233px; left: 220px; width: 560px; border-left: 1px solid #999 }
#text_box_cindas      { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; padding-left: 18px; position: relative; z-index: 4; top: -189px; left: 220px; width: 560px; border-left: 1px solid #999 }
#text_box_mcp { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; padding-left: 18px; position: relative; z-index: 4; top: -124px; left: 220px; width: 560px; border-left: 1px solid #999 }
#text_box_bep   { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; padding-left: 18px; position: relative; z-index: 10; top: -298px; left: 220px; width: 560px; border-left: 1px solid #999 }
#text_box_bep1 { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; padding-left: 18px; position: absolute; z-index: 10; top: 30px; left: 220px; width: 560px; border-left: 1px solid #999 }
#text_box_mep { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; padding-left: 18px; position: absolute; z-index: 10; top: 30px; left: 220px; width: 560px; border-left: 1px solid #999 }
#text_box_webinar { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; position: absolute; z-index: 10; top: 30px; left: 220px; width: 560px }
#bep_boxbooks { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: no-repeat; margin: auto; position: relative; width: 560px; height: auto; clip: rect(auto auto auto auto); border: solid 1px #800000 }
#bep_bbtext { padding-bottom: 15px; position: relative; z-index: 4; top: 10px; left: 15px; width: 385px; height: auto }
.bep_bbimage { position: absolute; z-index: 10; top: 0; left: 400px; width: auto; height: 161px; border: solid 1px black }
/**Contact Us **/
#text_box_contactus       { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; padding-left: 18px; position: relative; z-index: 4; top: -100px; left: 220px; width: 560px; border-left: 1px solid #999 }

/**Publishers**/
#text_box_publishers      { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5; padding-left: 18px; position: relative; z-index: 4; top: -80px; left: 220px; width: 560px; border-left: 1px solid #999 }
/**General Style**/

.bold20 { color: #666; font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: bold }
.bold20l { color: #666; font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; position: relative; top: -49px; left: 20px }
.bold20lbep { color: #666; font-size: 20px; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: bold; position: relative; top: -19px; left: 20px }
.margin40 { margin-left: 40px}
.margin20 { margin-left: 20px }
.margin60 { margin-left: 60px }
.marginleft10top10  { font-family: Arial; position: relative; top: 5px; left: 5px }
.boldred   { color: red; font-family: Helvetica; font-weight: bold }
.boldblue { color: #004874; font-size: 15px; font-family: Helvetica; font-weight: bold }
/**Webinar Signup**/
#webinarbox    { position: relative; top: 20px; left: 570px; width: 230px }
#webinar_signupheaderbar       { color: #333333; font: bold 14px Arial; background-color: transparent; background-image: url("images/lowerbar.gif"); background-repeat: repeat-x; background-position: left center; text-align: center; text-transform: uppercase; visibility: visible; margin-bottom: 0; padding-top: 4px; padding-right: 0; padding-bottom: 4px; width: auto; height: 20px; outline: solid 1px #717171 }
#webinar_signup   { color: #a70303; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5; text-decoration: none; text-align: left; display: block; padding-top: 2px; padding-left: 10px; position: relative; top: 10px; width: auto; outline: solid 1px #717171  }

/**Webinar Signup Full Page**/
#webinarbox1   { position: relative; top: 0; width: auto; height: 400px }
#webinar_signupheaderbar1 { color: #333333; font: bold 14px Arial; background-color: transparent; background-image: url("images/lowerbar.gif"); background-repeat: repeat-x; background-position: left center; text-align: center; text-transform: uppercase; visibility: visible; margin-bottom: 0; padding-top: 4px; padding-right: 0; padding-bottom: 4px; width: auto; height: 20px; outline: solid 1px #717171 }
#webinar_signup1 { color: #a70303; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5; text-decoration: none; text-align: left; display: block; padding-top: 2px; padding-left: 10px; position: relative; top: 10px; width: auto; outline: solid 1px #717171 }
#webinar_list   { position: relative; top: -395px; left: 260px; width: 300px; height: 320px; outline: dotted 1px maroon }






/**Index**/
#link_box     { position: relative; z-index: 10; top: 20px; width: 850px; height: 150px }

#index_bb1               { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: repeat-x; position: absolute; z-index: 3; top: 20px; left: 40px; width: 350px; height: 120px; max-height: 138px; outline: solid 1px #919191 }
#index_normalfont { color: gray; font-size: 11px; font-family: Arial; line-height: 15px; position: absolute; z-index: 3; top: 10px; left: 10px; width: 340px; height: 14px; border-color: white }
#index_whitefont { position: absolute; z-index: 3; top: 4px; left: 10px; width: auto; height: 14px; border-color: white }
#index_bbredbar { color: white; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 100%; background-image: url("images/Picture%202.jpg"); background-repeat: repeat-x; text-transform: uppercase; position: absolute; z-index: 3; top: 140px; left: 39px; width: 350px; height: 20px; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #808080 }
#index_bb1shadow { background-image: url("images/shadow_index.png"); background-repeat: no-repeat; position: absolute; z-index: 1; top: 1px; left: 20px; width: 450px; height: 220px }
#index_bb2                { background-color: white; background-image: url("images/Gradient.gif"); background-repeat: repeat-x; position: absolute; z-index: 3; top: 20px; left: 440px; width: 350px; height: 120px; max-height: 138px; outline: solid 1px #919191 }
#index_bbredbar2 { color: white; font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 100%; background-image: url("images/Picture%202.jpg"); background-repeat: repeat-x; text-transform: uppercase; position: absolute; z-index: 3; top: 140px; left: 439px; width: 350px; height: 20px; border-right: 1px solid #808080; border-bottom: 1px solid #808080; border-left: 1px solid #808080 }
#index_bb2shadow { background-image: url("images/shadow_index.png"); background-repeat: no-repeat; position: absolute; z-index: 1; top: 1px; left: 429px; width: 450px; height: 220px }
#mid_banner      { background-image: url("images/slogan2.gif"); background-position: 0 center; position: relative; z-index: 10; top: 20px; width: 850px; height: 150px }
#index_text1       { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 14pt; padding-right: 20px; padding-bottom: 10px; padding-left: 18px; position: relative; z-index: 10; top: -10px; left: 20px; width: 470px }

#index_mb2        { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 14pt; padding: 10px 10px 10px 0px; position: relative; z-index: 10; left: 20px; width: 470px; border-top: 1px dotted #808080; height: 140px; }
#index_text2logo { position: relative; z-index: 1; top: 10px; left: 20px; width: auto; height: 50px; }
#index_text2     { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 14pt; position: relative; z-index: 8; top: 10px; left: 20px; width: 450px; }

#index_mb3  { color: #595959; font-size: 12px; font-family: Arial, 
Helvetica, sans-serif; line-height: 14pt; padding: 10px 20px; position: relative; z-index: 10; top: 40px; left: 20px; width: 770px; border-top: 1px dotted #808080 }
#index_text3         { color: #595959; font-size: 12px; font-family: Arial, 
Helvetica, sans-serif; line-height: 14pt; position: relative; z-index: 10; top: 10px; left: 0px; width: 740px;}
#index_text3logo { position: relative; z-index: 1; top: 10px; left: 0px; width: auto; height: 50px;}


#index_text3last         { color: #595959; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 14pt; padding: 10px 20px; position: relative; z-index: 10; top: 40px; left: 20px; width: 770px; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080 }
#thinbarblue { background-image: url("images/bep_bar.gif"); height: 10px }
#bepifrs_main { position: relative; z-index: 10; top: -175px; left: 200px; width: 340px; height: auto }
.fontsize14 { font-size: 14px }
#sidesignup { width: auto; height: auto; border: solid 1px gray }