li, td, p {
	line-height: 1.5em;
}

ul, ol {
	margin: 10px 0;
        list-style-position: inside;
}

#globalNav {
	margin: 0;
}

	#globalNav li, #innerChannel ul li {
		line-height: 1.166em;
	}

#innerChannel ul li.Bhighlight li a {
        background: none;
        margin-left: 0;
        padding: 0;
}

/********** management page ************/
.bio {
	margin-bottom: 20px;
	float: left;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	position: relative;
	width: 490px;
}

	.bio img.pic {
		position: absolute;
		top: 0;
		left: 0;
	}

	.bio h4 {
		color: #AC1816;
		font-size: 1.25em;
		margin-bottom: 5px
	}

	.bio h5 {
		margin-bottom: 10px;
		clear: left;
	}

	.bio p, .bio h4, .bio h5, .bio a {
		float: left;
		margin-left: 115px;
	}
	
	/* hover effects */
	.bio a {
		display: block;
		width: 133px;
		height: 18px;
	}
	
	.bio.mark a{
		background: url(/galleries/1/ReadAboutMark.gif) top left no-repeat; 
	}
	
	.bio.mark a:hover {
		background: url(/galleries/1/ReadAboutMarkHover.gif) top left no-repeat;
	}
	
	.bio.andrew a{
		background: url(/galleries/1/ReadAboutAndrew.gif) top left no-repeat; 
	}
	
	.bio.andrew a:hover {
		background: url(/galleries/1/ReadAboutAndrewHover.gif) top left no-repeat;
	}
	
	.bio.tracy a{
		background: url(/galleries/1/ReadAboutTracy.gif) top left no-repeat; 
	}
	
	.bio.tracy a:hover {
		background: url(/galleries/1/ReadAboutTracyHover.gif) top left no-repeat;
	}
	
	.bio.john a{
		background: url(/galleries/1/ReadAboutJohn.gif) top left no-repeat; 
	}
	
	.bio.john a:hover {
		background: url(/galleries/1/ReadAboutJohnHover.gif) top left no-repeat;
	}
	
	.bio.brian a{
		background: url(/galleries/1/ReadAboutBrian.gif) top left no-repeat; 
	}
	
	.bio.brian a:hover {
		background: url(/galleries/1/ReadAboutBrianHover.gif) top left no-repeat;
	}
	
	.bio.janice a{
		background: url(/galleries/1/ReadAboutJanice.gif) top left no-repeat; 
	}
	
	.bio.janice a:hover {
		background: url(/galleries/1/ReadAboutJaniceHover.gif) top left no-repeat;
	}
	
	.bio.jeff a{
		background: url(/galleries/1/ReadAboutJeff.gif) top left no-repeat; 
	}
	
	.bio.jeff a:hover {
		background: url(/galleries/1/ReadAboutJeffHover.gif) top left no-repeat;
	}
	
	.bio.lorinda a{
		background: url(/galleries/1/ReadAboutLorinda.gif) top left no-repeat; 
	}
	
	.bio.lorinda a:hover {
		background: url(/galleries/1/ReadAboutLorindaHover.gif) top left no-repeat;
	}
	
	
table.board td {
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	padding:5px 3px;
}

table.board td strong {
	width: 200px;
	display: block;
}

table.board td strong p {
	margin: 0;
}
		
.LS {
	width: 533px;
	clear: left;
}
	


/****** partners *******/
.partners .come {
	padding: 10px 0;
}

	.partners .come img {
		float: left;
		clear: left;
	}
	
		.partners .come img.top {
			margin: -10px 15px 0 0;
		}

	.partners .come a img {
		margin: 20px 5px 10px 0;
	}
	
	.partners .come dl {
		margin: 0px 0 0 220px;
		color: #ac1816;
	}
	
		.partners .come dl dt {
			font-size: 14px;
			font-weight: bold;
		}
		
		.partners .come dl dd {
			margin: 0 0 10px;
		}
		
	h2.quickTour {
		border-top: 1px solid #ccc;
		padding: 10px 0 0 220px;
		margin: 10px 0;
	}
		
		.partners dl.areas dt {
			float: left;
			clear: both;
			width: 210px;
			margin-right: 10px;
			text-align: right;
			font-weight: bold;
			padding-top: 2px;
		}
		
		.partners dl.areas dd {
			float: left;
			width: 500px;
			margin: 0 0 20px;
			line-height: 1.5em;
		}

.partners p, .partners li {
       line-height: 1.5em;
}



/******* press pages ***********/
table.press {
       width: 500px;
       margin: 10px 0 20px;
}

       table.press td, table.press th {
              padding: 5px;
              text-align: left;
              vertical-align: top;
       }

              table.press td a {
                     display: block;
              }

       table.press th.left {
              width: 100px;
              color: #ac1816;
       }

.pressTop {
       padding: 20px 0 10px;
       text-align: center;
}

ul.press {
       margin-bottom: 20px;
}

       .press li {
              line-height: 1em;
       }

#pressPage.content h2 {
       background: url(/galleries/1/pressTblHdr.gif) top left no-repeat;
       padding: 6px 12px 5px;
}

#pressPage.content .pressLeft {
       background: #e8e8e8;
       border: 1px solid #aaa;
       border-top: 0;
       width: 456px;
       margin: 0 0 30px;
       padding: 5px 10px;
}

       #pressPage.content table td {
              vertical-align: top;
              padding: 5px 5px 15px;
       }

              #pressPage.content table td strong {
                     width: 90px;
                     display: block;
                     color: #777;
              }

              #pressPage.content table td a {
                     display: block;
              }

#contentWide #rightGutterAds.pressRight {
       margin: 0;
       width: 311px;
}

.pressLeft .more {
       text-align: right;
       margin: 0 10px 10px;
}

       .pressLeft .more a {
              text-decoration: underline;
       }

.pressRight h3 {
       color: #f60;
       padding: 15px 0 8px 50px;
}

.pressRight h3.one {
       background: url(http://assets0.helium.com/images/cms/press/pressTop1.gif) top left no-repeat;
       padding-top: 32px;
}

.pressRight h3.two {
       background: url(http://assets0.helium.com/images/cms/press/pressTop2.gif) top left no-repeat;
}

.pressRight h3.three {
       background: url(http://assets0.helium.com/images/cms/press/pressTop3.gif) top left no-repeat;
}

.pressRight h3.four {
       background: url(http://assets0.helium.com/images/cms/press/pressTop4.gif) top left no-repeat;
}

.pressRight div {
       padding: 10px;
       margin-left: 6px;
       width: 282px;
       background: #e8e8e8;
       border-left: 1px solid #aaa;
       border-right: 1px solid #aaa;
}

.pressRight div.clear {
       padding: 0;
       border: 0;
       width: 0;
       margin: 0;
}

.pressRight div.last {
       border-bottom: 1px solid #aaa;
}

       .pressRight div img {
              float: right;
       }



/********* marketplace landing pages ************/
#marketingLP {
	margin: 0 0 0 -11px;
} /* will likely have to be fixed come 3.3/4 when bugginess is removed */

.marketingLPtop {
	width: 554px;
	height: 490px;
	padding: 120px 400px 0 40px;
}

	.marketingLPtop.plain {
		width: auto;
		height: auto;
		padding: 20px;
        }

	.marketingLPtop.bg1 {
		background: url(/galleries/1/marketplaceLP1.jpg) top left no-repeat;
	}

	.marketingLPtop.bg2 {
		background: url(/galleries/1/marketplaceLP2.gif) top left no-repeat;
	}

	.marketingLPtop.bg3 {
		background: url(/galleries/1/pencil_paper_bg.jpg) top left no-repeat;
	}
	
		.marketingLPtop.small.bg3 {
			width: 450px;
			padding-right: 504px;
		}

	.marketingLPtop.bg4 {
		background: url(/galleries/1/travel_writing_bg.jpg) top left no-repeat;
		color: #fff;
	}

	.marketingLPtop.bg5 {
		background: url(/galleries/1/pulitzerLandingBg.gif) top left no-repeat;
		color: #fff;
		padding: 230px 650px 0 40px;
		height: 380px;
		width: 314px;
	}
	
	.marketingLPtop h1 {
		font-size: 3em;
		color: #333;
		font-weight: normal;
	}
	
	.marketingLPtop.bg4 h1, .marketingLPtop.bg5 h1 {
		color: #fff;
	}
	
	.marketingLPtop p {
		font-size: 14px;
                line-height: 1.2em;
	}
	
	.marketingLPtop.small p {
		font-size: 12px;
	}
	
.marketingLPmid {
	background: url(/galleries/1/marketplaceLPmid.gif) top left repeat;
	height: 133px;
	width: 974px;
	padding: 10px;
}

	.marketingLPmid h3 {
		color: #ac1816;
	}
	
	.marketingLPmid ul li {
		margin: 0 10px 0 0;
		float: left;
		width: 188px;
		padding-left: 45px;
	}
		
		.marketingLPmid ul li p {
			margin: 0;
			font-size: 1.2em;
		}
		
			.marketingLPmid ul li p strong {
				font-size: 1.4em;
				color: #ac1816;
			}
			
		.marketingLPmid ul li.write, .heliumBox ul li.write {
			background: url(/galleries/1/mpLPwrite.gif) top left no-repeat;
		}
			
		.marketingLPmid ul li.rate, .heliumBox ul li.rate {
			background: url(/galleries/1/mpLPrate.gif) top left no-repeat;
		}
			
		.marketingLPmid ul li.learn, .heliumBox ul li.learn {
			background: url(/galleries/1/mpLPlearn.gif) top left no-repeat;
		}
			
		.marketingLPmid ul li.earn, .heliumBox ul li.earn {
			background: url(/galleries/1/mpLPearn.gif) top left no-repeat;
		}
		
.marketingLPbot {
	padding: 20px;
	width: 984px;
}

	.marketingLPbot div {
		float: left;
		clear: none;
		width: 450px;
		margin-right: 20px;
	}

	.marketingLPbot ul li {
		margin: 0 0 15px;
		height: 190px;
		clear: left;
	}

		.marketingLPbot ul li p {
			margin-left: 152px;
		}

	.marketingLPbot li img {
		float: left;
		margin-right: 10px;
	}
	
	.marketingLPbot a.rankIcon {
		float: left;
		margin: 0 10px 10px 0;
	}
	
	.marketingLPbot p {
		margin: 0;
	}
	
		.marketingLPbot p.title {
			font-weight: bold;
			font-size: 1.4em;
		}
		
		.marketingLPbot p.penName {
			margin: 0 0 10px;
		}
		
			.marketingLPbot p.penName a {
				font-weight: bold;
			}



/********* marketplace landing pages V2-3 ************/
#bigWrapper.LPv2 #topNav {
    background: url(http://assets0.helium.com/images/cms/landing/topNav.gif) right 30px no-repeat;
}

#bigWrapper.LPv3 #topNav {
    background: url(http://assets0.helium.com/images/cms/landing/topNavMp.gif) right 30px no-repeat;
}

#bigWrapper.LPv2 h2.top, #bigWrapper.LPv3 h2.top {
    color: #fff;
    font-size: 18px;
    padding: 40px 0px 0px 187px;
    text-transform: uppercase;
}

#bigWrapper.LPv3 h2.top {
  font-size: 14px;
  text-transform: none;
  padding-left: 200px;
  text-align: center;
}

#contentWide.LPv2 {
	margin-left: 164px;
}

	#contentWide.LPv2 h1 {
	       font-size: 24px;
	       color: #333;
	       text-align: center;
	}

	#contentWide.LPv2 h2 {
	       font-size: 18px;
	       color: #333;
	       text-align: center;
 	       margin: 0 0 10px;
	}

	#contentWide.LPv2 h3 {
		font-size: 16px;
		color: #333;
	        margin: 0 0 10px;
	}

	#contentWide.LPv2 h4, #contentWide.LPv2 h5 {
		font-size: 14px;
		color: #333;
	        margin: 0 0 10px;
	}

	#contentWide.LPv2 p, #contentWide.LPv2 li {
		font-size: 14px;
	}

	#contentWide.LPv2 a.join {
		padding: 5px;
		background: green;
		color: #fff;
		border: 1px solid #ccc;
		float: left;
		margin: 5px 0 10px;
	}

	#contentWide.LPv2 a.join:hover {
		background: red;
                text-decoration: none;
	}

	#contentWide.LPv2 div.numberList {
		background: url(/galleries/6/LPlistTop.gif) top left no-repeat;
                padding-top: 30px;
                margin: 0 0 10px;
	}

		#contentWide.LPv2 div.numberList div.IES {
			background: url(/galleries/6/LPlistBot.gif) bottom left no-repeat;
		}

		#contentWide.LPv2 ul, #contentWide.LPv2 ol {
			margin: 0 0 10px;
			list-style-position: inside;
		}

			#contentWide.LPv2 div.numberList ul li {
				float: left;
				list-style-type: none;
				margin: 0pt 55px 10px 25px;
				width: 180px;
			}

#contentWide.LPv3 {
  margin: 0;
  width: 994px;
}

  #contentWide.LPv3 .top, #contentWide.LPv3 .middle, #contentWide.LPv3 .bottom {
    width: 710px;
    padding: 0pt 103px 0pt 181px;
  }

    #contentWide.LPv3 .top h1 {
      font-size: 24px;
    }

    #contentWide.LPv3 .top h2 {
      font-size: 18px;
      margin-top: 30px;
    }

    #contentWide.LPv3 .top.thankyou h2 {
      margin-top: 0;
    }

    #contentWide.LPv3 .top img {
      float: left;
      margin-right: 20px;
    }

    #contentWide.LPv3 .top ul {
      margin: 0 60px 10px 265px;
      list-style-position: outside;
    }

  #contentWide.LPv3 .middle {
    height: 224px;
    clear: both;
    margin: -10px 0 -1px;
    width: 914px;
    padding: 0 0 0 80px;
    background: url(/galleries/6/steps.gif) top left no-repeat;
  }

    #contentWide.LPv3 .middle ul {
      list-style-type: none;
      clear: both;
    }

    #contentWide.LPv3 .middle ul.first {
      padding-top: 45px;
      overflow: auto;
      margin-bottom: 27px;
    }

      #contentWide.LPv3 .middle ul li {
        float: left;
        width: 160px;
        padding: 10px 20px;
        margin: 0 17px 0 0;
        font-size: 14px;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
      }

      #contentWide.LPv3 .middle ul li.first {
        font-size: 14px;
        color: #930;
        text-align: left;
        width: 124px;
        margin: 0;
        padding: 10px;
      }

      #contentWide.LPv3 .middle ul.first li.first {
        color: #6c6093;
      }

      #contentWide.LPv3 .middle ul li.last {
        font-style: italic;
        font-size: 16px;
        padding: 20px 0 0;
        width: 102px;
      }

  #contentWide.LPv3 .bottom {
    clear: both;
    padding: 15px 0 20px 224px;
  }

    #contentWide.LPv3 .bottom a img {
      float: left;
    }

    #contentWide.LPv3 .bottom #questions {
      float: right;
      margin-bottom: 20px;
      width: 350px;
    }

      #contentWide.LPv3 .bottom #questions p {
        margin: 20px 0 0 70px;
      }

    #contentWide.LPv3 .bottom fieldset {
      float: right;
      padding: 0 25px 10px 15px;
      background: url(/galleries/6/form.gif) bottom left no-repeat;
    }

      #contentWide.LPv3 .bottom fieldset a#closeForm {
        display: block; text-align: right;
        margin: 10px 0 20px;
        font-size: 18px;
        font-weight: bold;
      }
			
			
/********* testimonials ****************/
#testimonials {
	padding: 10px 20px;
	font-size: 1.2em;
	width: 984px;
}

.testimonials {
	float: left;
	width: 462px;
	margin: 10px 30px 0 0;
}

	.testimonials dt, .testimonials dd {
		margin: 0 0 5px;
	}
	
		.testimonials dt {
			font-style: italic;
		}

		.testimonials dd {
			margin-left: 20px;
			font-weight: bold;
		}




/********* user guide *************/
.userGuide h1 {
	font-size: 16px;
	color: #3a7aaa;
        font-variant: small-caps;
}

.userGuide h2, .userGuide h3, .userGuide h4, .userGuide h5, .userGuide h6 {
	margin: 0 0 10px;
}

.userGuide h2 {
        font-size: 14px;
        margin: 25px 0 15px;
        border-bottom: 1px solid #ccc;
}

.userGuide h2.title {
        margin-top: 0;
}

.userGuide p, .userGuide li {
	line-height: 1.5em;
}

.userGuide .faq li {
        margin: 0 0 0 10px;
}

        .userGuide .faq li li {
                margin: 0;
        }

.userGuide .linedBox {
	border: 2px solid #ccc;
	margin: 15px 40px;
	padding: 10px;
	background: #e8e8e8;
}

.userGuide ol, .userGuide ul {
	margin: 15px;
}

.userGuide .faq ol {
        margin: 5px 10px;
}

        .userGuide .faq ol ol {
                list-style-type: none;
                margin-left: 0;
        }

.userGuide img {
        display: block;
        margin: 15px auto;
}

font, pre, u, b, table table, align, color, center {
	font-weight: bold;
	color: red;
}



/****** User Guide Navigation **********/
.userGuideNav ul {
	list-style-type: none;
}

        .userGuideNav ul li {
		font-weight: bold;
	}

                .userGuideNav #innerChannel ul li a {
                        color: #006;
                }

                .userGuideNav #innerChannel ul li a:hover {
                        color: #002BB8;
                }

		        .userGuideNav ul li ul li {
		        	font-weight: normal;
		        }

.userGuideNav #innerChannel ul li ul {
	margin: 0 0 -4px -4px;
        padding-top: 3px;
}

        .userGuideNav #innerChannel ul li ul li {
		padding-left: 4px;
        }

.userGuideNav #channelNav {
	background:transparent url(http://assets0.helium.com/images/channelNav/innerChanNavGrad.gif) repeat-x scroll left bottom;
}



/******* user star page ********/
h2.userStars {
	margin: 0 0 10px;
}

dl.userStars {
	margin: 10px 0;
}

	dl.userStars dt, dl.userStars dd {
		float: left;
	}
	
	dl.userStars dt {
		width: 90px;
		text-align: right;
		clear: both;
		margin: 0 10px 0 2px;
	}

		dl.userStars dt img, .userGuide table img {
			display: inline;
			margin: 0;
		}
	
	dl.userStars dd {
		width: 380px;
		margin: 1px 0 5px;
	}



/******** templates **********/

/* quickstart template */
.qsBox {
	border: 1px solid #ccc;
	background: #e8e8e8;
	padding: 10px;
	margin: 0 0 20px;
}

.qsJoin {
	margin: 0 auto 20px;
	display: block;
}



/********* bostonNow Iframe page *************/
body.bostonNow {
	 text-align:left;position:static;
}

#bostonNow {
	 background: #fff url(/galleries/5/background.gif) top left no-repeat;
	 width: 521px;
	 height: 792px;
	 padding: 10px;
	 position: relative;
         text-align: left
}

	#bostonNow .content {
		height: 255px;
                margin: 0;
		width: 100%;
	}

	#bostonNow .leaders {
		margin: 0 5px 0 25px;
		clear: left;
	}

	#bostonNow h1 {
		color: #06c;
		font-size: 30px;
		margin: 0 0 5px;
	}

	#bostonNow h2 {
		color: #333;
		font-size: 18px;
		font-weight: normal;
		margin: 0 0 15px;
	}

	#bostonNow .leaderboard {
		float: left;
		width: 225px;
		margin-right: 20px;
	}

		#bostonNow .leaderboard h4 {
			font-size: 14px;
			margin: 0 0 5px;
		}

	#bostonNow a.findOutMore {
		position: absolute;
		bottom: 110px;
		left: 175px;
	}

	#bostonNow a.HeliumLogo {
		position: absolute;
		bottom: 13px;
		left: 201px;
	}

 .leaderboard h4 {
      color: #000000;
      font-size: 22px;
      font-weight: bold;
      line-height: 1.1em;
      text-align: center;
    }
    
    .leaderboard h5 {
      float: left;
      font-weight: normal;
      font-size: 12px;
      padding: 0 15px 5px 10px;
      color: #333;
      background: url(http://assets0.helium.com/images/contest/contestArrow.gif) top right no-repeat;
    }
  
    .leaderboard ul {
      list-style-type: none;
      margin: 0 0 10px;
      padding: 0;
      clear: left;
    }
    
    .leaderboard li {
      margin: 0;
      padding: 0;
    }
    
    .leaderboard ul.top {
      background: #d8f5d7;
      border: 1px solid #ccc;
      padding: 5px 0;
    }
    
      .leaderboard ul.top li {
        font-weight: bold;
        font-size: 14px;
        padding: 0 10px;
        margin-bottom: 3px;
        border-bottom: 1px solid #fff;
      }
      
        .leaderboard ul.top li.last {
          margin: 0;
          border: 0;
        }
        
      .leaderboard ul.school li, .leaderboard ul.contest li,  .leaderboard ul.overall li{
        padding: 1px 2px 1px 8px;
        font-size: 10px;
      }
      
      .leaderboard ul.pointsList {
      	font-size: 10px      
      }
        
      .leaderboard ul.school li.odd {
        background: #ccffcc;
      }
        
      .leaderboard ul.contest li.odd {
        background: #cdffff;
      }
        
      .leaderboard ul.overall li.odd {
        background: #ffffcd;
      }


/**** rating overview *****/
#ratingOverview {
  background: #94adbf url(http://assets0.helium.com/images/cms/rateOverview/background.gif) top left repeat-x;
  padding: 11px 0 0;
}

  #ratingOverview .inner {
    background: url(http://assets0.helium.com/images/cms/rateOverview/backgroundBottom.gif) bottom left no-repeat;
    padding: 0 15px 200px;
  }

  #ratingOverview div.clear {
    background: none;
    padding: 0;
  }

  #ratingOverview h1 {
    font-weight: normal;
    font-size: 3em;
    color: #036;
  }

  #ratingOverview h2 {
    color: #333;
    margin: 0 0 10px;
  }

  #ratingOverview .header {
    padding: 7px;
    float: left;
    width: 600px;
  }

    #ratingOverview .header em {
      font-weight: bold;
      color: #036;
    }

  #ratingOverview .login {
    float: right;
    width: 116px;
    height: 77px;
    margin: 7px;
    padding: 10px;
    background: url(http://assets0.helium.com/images/cms/rateOverview/loginBox.gif) top left no-repeat;
  }

    #ratingOverview .login img {
      display: block;
      margin: 0 auto;
    }

  #ratingOverview .overview {
    margin: 0 7px 20px;
  }

  #ratingOverview p.reasons {
    float: left;
    width: 425px;
    margin-left: 7px;
  }

  #ratingOverview .join {
    float: right;
    padding-right: 7px;
  }


/*** what is helium page ***/
#whatIsHelium {
  background: #adc2d2 url(http://assets0.helium.com/images/cms/whatIsHelium/background.gif) top left repeat-x;
  padding: 10px;
}

  #whatIsHelium h2 {
    color: #fff;
    font-size: 56px;
    font-weight: normal;
  }

  #whatIsHelium .box {
    background: url(http://assets0.helium.com/images/cms/whatIsHelium/mainBox.gif) top left no-repeat;
    padding-top: 10px;
    width: 458px;
    float: left;
    margin: 0 10px 10px 0;
  }

    #whatIsHelium .box .inner {
      background: url(http://assets0.helium.com/images/cms/whatIsHelium/mainBox.gif) bottom left no-repeat;
      padding: 0 10px 10px;
      position: relative;
    }

    #whatIsHelium .box h3 {
      padding-left: 55px;
      line-height: 50px;
      background: url(http://assets0.helium.com/images/cms/whatIsHelium/writersIcon.gif) center left no-repeat;
      color: #069;
    }

    #whatIsHelium .box em {
      font-style: normal;
      font-weight: bold;
      color: #069;
    }

    #whatIsHelium .box ul {
      margin: 15px 0;
    }

    #whatIsHelium .box li {


      margin: 0;
    }

    #whatIsHelium .rightBox {
      background: url(http://assets0.helium.com/images/cms/whatIsHelium/rightBox.gif) top left no-repeat;
      width: 299px;
      padding-top: 10px;
      float: left;
      margin-top: 100px;
    }

      #whatIsHelium .rightBox .inner {
        background: url(http://assets0.helium.com/images/cms/whatIsHelium/rightBox.gif) bottom left no-repeat;
        padding: 0 10px 10px;
      }

      #whatIsHelium .rightBox li {
        padding-left: 55px;
        margin: 0 0 15px 0;
      }

      #whatIsHelium .rightBox li.publishers {
        background: url(http://assets0.helium.com/images/cms/whatIsHelium/publishersIcon.gif) 0 10px no-repeat;
        border-top: 1px solid #ccc;
        padding-top: 5px;
      }

      #whatIsHelium .rightBox li.nonprofits {
        background: url(http://assets0.helium.com/images/cms/whatIsHelium/nonprofitsIcon.gif) top left no-repeat;
      }

/**** whatishelium sub pages ****/
#readers {
  background: #a6b9c9 url(http://assets0.helium.com/images/cms/whatIsHelium/background.gif) top left repeat-x;
  padding: 9px;
}

#readers.publishers {
  background: #a6b9c9;
padding:20px;
overflow:auto;
}

  #readers .left {
    float: left;
    width: 420px;
  }

    #readers h1 {
      color: #036;
      font-size: 24px;
    }

  #readers .right {
    float: right;
    width: 300px;
  }

    #readers .right dl {
      background: #e4eaf0;
      border: 1px solid #ccc;
      padding: 10px;
      margin: 0 0 10px;
    }

      #readers .right dt {
        color: #090;
        font-weight: bold;
        margin: 0 0 10px;
      }

      #readers .right dd {
        margin: 0 0 15px;
        line-height: 1.5em;
      }

/***** for publishers ******/
#readers.publishers .inner {
  background: none;
  width: auto;
  height: auto;
  padding: 0;
}

#readers.publishers .left {
background: #def;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
padding:10px;
  width: 580px;
}

  #readers.publishers li {
    margin-left: 5px;
  }

    #readers.publishers li img {
      margin: 0 3px -3px 0;
    }

#readers.publishers .right .box {
padding:10px;
background: #def;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
  margin: 10px 0;
}

  #readers.publishers .right .box h2 {
    color: #090;
    margin: 0 0 10px;
  }



/****** credentials template *******/
#credentials {
  padding: 14px;
  background: #ccc;
  overflow: auto;
}

  #credentials h1 {
    background: url(http://assets0.helium.com/images/cms/credentials/header.gif) top left no-repeat;
    padding: 10px;
    color: #fff;
    height: 50px;
    margin: 0 0 10px;
  }

    #credentials h1 span {
      font-size: 20px;
    }

  #credentials #left {
    float: left;
    width: 479px;
  }

  #credentials #right {
    float: right;
    width: 282px;
  }

  #credentials .left {
    background: url(http://assets0.helium.com/images/cms/credentials/leftBox.gif) top left no-repeat;
    padding-top: 15px;
    margin: 0 0 10px;
  }

    #credentials .left .inner {
      background: url(http://assets0.helium.com/images/cms/credentials/leftBox.gif) bottom left no-repeat;
      padding: 0 15px 15px;
    }

    #credentials .left h2, #credentials .right h3 {
      color: #600;
    }

    #credentials .left h3 {
      color: #366;
    }

  #credentials .right {
    background: url(http://assets0.helium.com/images/cms/credentials/rightBox.gif) top left no-repeat;
    padding-top: 10px;
    clear: none;

    margin: 0 0 10px;
  }

    #credentials .right .inner {
      background: url(http://assets0.helium.com/images/cms/credentials/rightBox.gif) bottom left no-repeat;
      padding: 0 10px 10px;
    }

  #credentials #joinButton {
    float: right;
  }


/**** marketplace popup *****/
.popup {
  background: #fff;
  text-align: left;
  padding: 10px;
}

  .popup img.logo, .popup h2 {
    margin: 0 0 10px;
  }


/**** community resources page *****/
#communityResources {
  background: #567fa9;
  padding: 20px;
  overflow: auto;
}

  #communityResources .left {
    float: left;
  }

  #communityResources .right {
    float: right;
  }

  #communityResources .crBox {
    width: 370px;
    padding: 20px 0 0;
    margin-bottom: 20px;
    background: url(/galleries/9/crBox.gif) top left no-repeat;
  }

    #communityResources .crBox .inner {
      background: url(/galleries/9/crBox.gif) bottom left no-repeat;
      padding: 0 20px 20px;
    }

    #communityResources .crBox h2 {
      color: #333;
      font-size: 30px;
      padding: 0 0 20px 56px;
    }

    #communityResources .bestWriter h2 {
      background: url(/galleries/9/bestWriter.gif) top left no-repeat;
    }

    #communityResources .blog h2 {
      background: url(/galleries/9/blog.gif) top left no-repeat;
    }

    #communityResources .groups h2 {
      background: url(/galleries/9/groups.gif) top left no-repeat;
    }

    #communityResources .help h2 {
      background: url(/galleries/9/help.gif) top left no-repeat;
    }

    #communityResources .promoteYou h2 {
      background: url(/galleries/9/promoteYou.gif) top left no-repeat;
    }

    #communityResources .promoteContent h2 {
      background: url(/galleries/9/promoteContent.gif) top left no-repeat;
    }

    #communityResources p, #communityResources li {
      font-size: 14px;
    }

    #communityResources .crBox li {
      list-style-position: outside;
    }