body { }
p  { font-size: 12px; font-family: Verdana, sans-serif; line-height: 1.5em }
ul, ol  { font-size: 12px; font-family: Verdana, sans-serif; line-height: 1.5em }
td { }
h1 { font-size: 30px; font-family: Georgia,"Times new Roman",serif; font-style: normal; font-weight: normal; line-height: 1.25em; margin: 0; }
h2  { font-family: Georgia,"Times new Roman",serif; font-style: normal; font-weight: normal; line-height: 1.25em; color: #000; font-size: 22px; font-weight: normal; line-height: 1.25; margin: 0 }
a:link  { font-weight: bold; text-decoration: none;}
a:visited  { font-weight: bold; text-decoration: none; }
a:hover { font-weight: bold; text-decoration: underline; }
a:active  { font-weight: bold; text-decoration: none; }
cite {font-style: italic;}
cite cite {font-style: normal;}
blockquote {line-height: 1.1em; font-size:14px;}
/*SECTIONS------------------*/
#header  { margin-top: 20px }
#main   { margin-top: 0 }
#siteBorder  { margin-top: 15px; margin-bottom: 15px; width: 940px; border: solid 1px #ccc }
#contentTitle  { margin-bottom: 30px }
#content   { margin-bottom: 50px; padding-right: 30px; padding-left: 50px }
.content { margin-bottom: 50px; padding-right: 30px; padding-left: 50px }



#footer   { margin-top: 0; margin-bottom: 50px }
#headline  { clear:both; padding-bottom: 10px }
#insertLinks { background-color: #eeeeee; margin-bottom: 20px; margin-left: 20px; padding: 15px; float: right; border: double 4px #ccc; margin-top:10px; }
.smmButtons {list-style-type: none; padding: 0px; margin: 0px;}
ul.smmButtons li {display:inline;margin-right:10px;clear:left;}
#endPoint { margin-bottom: 50px }
#commentsTitleBar  { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; background-color: #666; text-transform: uppercase; margin: 20px 30px 20px 50px; padding: 20px }
#postComment   { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; background-color: #666; text-transform: uppercase; margin: 20px 30px 20px 50px; padding: 20px }
#search { padding: 20px; position: relative; float: right }
.comment  { background-color: #e4e4e4; margin-right: 30px; margin-bottom: 20px; margin-left: 50px; padding: 10px 20px }
.comment p { color: #333; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; padding: 0 }
.contentAd { text-align: center; margin-top: 30px; margin-bottom: 30px }
#post { }
.postinfo     { padding-bottom: 20px }
.hed { margin: 0; padding: 0 }
.text { margin: 0; padding: 0 }
.insertPicBlog   { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-decoration: none;  text-transform: uppercase; margin-top: 0; margin-right: 20px; margin-bottom: 30px; width: 200px; float: left }
.insertCover300 { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-decoration: none; text-transform: uppercase; margin-top: 0; margin-right: 20px; width: 300px; float: left }
.insertPicPeople { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-decoration: none; background-color: #007bf7; margin-top: 0; margin-right: 20px; margin-bottom: 20px; width: 300px; float: left }
.insertPicLeftSmall { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-decoration: none; background-color: #390; margin-top: 0; margin-right: 20px; margin-bottom: 20px; width: 150px; float: left }
.insertPicCaption  { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-decoration: none; background-color: #390; padding: 10px; position: relative; float: left }
.common h1 { color: #666 }
.common h2  { color: #666 }
.commonColor  { color: #000 }
.padHome { padding: 17px }
.toolsTop {float:right;}
.basic h1 { color: #c50034; }
.basic h2 { color: #3b3a3a; font-weight:bold; }
.contact h1 { color: #c50034; }
.contact h2 { color: #3b3a3a; font-weight:bold; }
/*HEADER--------------------*/
.headerLogo    { padding-top: 20px; padding-bottom: 20px; padding-left: 20px }
.headerAd  { padding-top: 20px; padding-right: 20px; padding-bottom: 20px }
.section_bg { }
body.blogs .section_bg { background-color: #390 }
body.magazine .section_bg { background-color: #c50034 }
body.exchange .section_bg { background-color: #f60 }
body.people .section_bg { background-color: #007bf7 }
body.groups .section_bg  { background-color: #90c }
body.basic .section_bg { background-color: #666 }
body.contact .section_bg { background-color: #666 }
body.intelligent_optimists .section_bg { background-color: #c50034 }
/*body.basic #content a { color: #0978bf; text-decoration: underline; font-size:14px; font-weight:bold;}*/
/*MAGAZINE-----------------*/
.sansBoldMag { color: #ed003e; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em }
.magazine h1 { color: #3b3a3a; margin-top:10px; }
.magazine h2 { color: #c50034 }
.magazine h2 a { color: #c50034 }
.magazineImage { padding-bottom: 20px }
.magazineHed { }
.magazineBody { }
.magazineImg {margin: 0 20px 20px 0; padding:5px 5px 5px 5px; border:1px solid #ccc; float:left; }
.magazineMore { font-size: 10px; font-family: Verdana, sans-serif; font-style: normal; font-weight: normal;font-stretch: normal; color:#7a7a7a;}
.magazineSidebar {float:right; padding:10px; margin: 0 0 10px 10px; background-color:#cccccc; width:200px;}
.magazineBody a { color: #c50034; font-size: 14px; line-height: 1.5em }
.toc { color: #000; font-size: 12px; padding-right: 20px }
.tocFeature { color: #0978bf; font-size: 28px; 	font-family:Georgia,"Times new Roman",serif; font-style: normal; font-weight: normal; line-height: 1.25em; font-stretch: normal; margin: 0 }
.tocFeatureUnavailable { color: #7d7d7d; font-size: 28px; font-family: Verdana, sans-serif; font-style: normal; font-weight: normal; line-height: 1.25em; font-stretch: normal; margin: 0 }
.sidebarLeft {padding-right:20px;}
.sidebarRight {padding-left:20px;}
.magazineDek { font-size: 16px; font-family: Georgia,"Times new Roman",serif; font-style: normal; font-weight: normal; line-height: 1.25em; font-stretch: normal; margin: 10px 0; color:#898889; }
.magLeftCol .sansBoldTitle { font-size: 12px;}
.magLeftCol .unavailable { font-size: 12px; color:#999999; font-weight:bold;}
.pagOn {padding: 5px 8px 5px 8px;text-align: center;display: inline;text-decoration: none;margin-right:5px;color:#fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 3em; background-color:#ce2743;}
.pag a {border: 1px solid #ccc;padding: 5px 8px 5px 8px;text-align: center;display: inline;text-decoration: none;margin-right:5px;color:#666666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 3em;}
.pag a:hover {background-color:#ccc;border: 1px solid #000;}
.pag a:active {background-color:#cccccc;color:#ce2743;}
.quoteBorder {border-top:8px solid #c50034 ;border-bottom:2px solid #c50034 ;padding:5px;}
.quote {padding:10px 0;}
.quote img {float:left;margin-right:20px; margin-bottom:20px;padding:5px; border:1px solid #ccc;background-color:#ffffff;}
.quote p { font-size: 16px; font-family: Verdana, sans-serif; font-style: normal; font-weight: normal; line-height: 1.25em; color:#898889;padding:0; margin:0; }
.advertsingSpecial {background-color:#eeeeee; border:1px dashed #cccccc;padding:30px;}

/*BLOGS---------------------*/
#postBlog { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background-color: #390; margin: 20px 30px 20px 50px; padding: 20px }
.blogLink { color: #390; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em }
.blogTitle { color: #390; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em }
.blogEntry h1 { color: #390 }
.blogs h2 { color: #390 }
.blogs h2 a { color: #390 }
.blogImage { padding-bottom: 20px }
.blogImageMain { padding-bottom: 20px }
.blogHed { color: #390 }
.blogHed a { color: #390 }
.blogBody { }
.blogBody a { color: #390; font-size: 12px; line-height: 1.5em }
.blog_sustainable-energy-security .blogImage { padding: 0; float: right; margin-top: 0px; }
.statement { color: #390; font-size: 14px; line-height: 1.5em }
.padBlogs   { padding-bottom: 30px }
.sansBoldBlog { color: #390; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-transform: uppercase }
.blogsColor { color: #390 }
.magazineColor { color: #c50034 }
.blogsEntryTitle { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; background-color: #390; text-transform: uppercase; margin: 30px 30px 0 50px; padding: 20px }
.blogsEntryForm { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0 30px 20px 50px; padding: 18px; border: solid 1px #390 }
/*EXCHANGE--------------------*/
#postExchange { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background-color: #f60; margin: 20px 30px 20px 50px; padding: 20px }
.sansBoldExchange { color: #f60; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em }
.exchangeEntry h1 { color: #f60 }
.exchange h2 { color: #f60; }
.exchange h2 a { color: #f60 }
.exchangeImage { float:right; margin-top: 0px; }
.exchangeImageMain { margin-top: 0px; }
.exchangeHed { margin-bottom:20px; }
.exchangeHed h2 a { color: #f60; margin-bottom:10px; }
.exchangeBody { margin-top:5px; }
.exchangeBody a { color: #0978bf; line-height: 1.5em }
.exchangeEntry p { margin-top: 0; }
.exchangeEntry p a { color: #0978bf; line-height: 1.5em }
.forumLink { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 0; padding-bottom: 20px }
.exchangeColor { color: #0978bf }
.exchangeEntryTitle { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; background-color: #f60; text-transform: uppercase; margin: 30px 30px 0 50px; padding: 20px }
.exchangeEntryForm { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0 30px 20px 50px; padding: 18px; border: solid 1px #f60 }
/*INTELLIGENT OPTIMISTS--------------------*/
.io h1 { color: #c50034 }
.io h2 { color: #c50034;}
.io h2 a { color: #c50034; }
.ioColor a { color: #c50034; }
.ioColor { color: #c50034; }
.ioButton a { background-color: #c50034;color:#fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-transform: uppercase; padding:10px; }
.ioButton a:hover { background-color: #b2b4b4;color:#c50034; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-transform: uppercase; padding:10px; }

.ioImage { float:left; margin: 0 20px 20px 0; padding:2px; border:1px solid #ccc; }
.ioImageMain { margin-top: 0px; }
.ioHed { margin-bottom:15px; margin-top:5px;  }
.ioHed h2 a { color: #c50034; margin-bottom:10px; }
.ioBody { margin-top:5px; }
.ioBody a { color: #c50034; font-size: 12px; line-height: 1.5em }
.ioEntry p { margin-top: 0; }
.ioEntry p a { color: #c50034; font-size: 12px; line-height: 1.5em }
.ioEntry h1 { color: #c50034; margin-bottom:-10px; }
.forumLink { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-top: 0; padding-bottom: 20px }
.ioColor { color: #f60 }
.ioEntryTitle { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; background-color: #f60; text-transform: uppercase; margin: 30px 30px 0 50px; padding: 20px }
.ioEntryForm { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0 30px 20px 50px; padding: 18px; border: solid 1px #f60 }
.ioColor { color: #c50034 }
.ioEntryTitle { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; background-color: #c50034; text-transform: uppercase; margin: 30px 30px 0 50px; padding: 20px }
.ioEntryForm { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0 30px 20px 50px; padding: 18px; border: solid 1px #c50034 }

.groupsEventForm { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0 30px 20px 50px; padding: 18px; border: solid 1px #f60 }
.homeExchangeText   { color: #000; font-size: 16px; line-height: 1.5em; margin-top: 10px }

/*GOOD NEWS--------------------*/
.publish2_story_tags,
.publish2_story_publication_date,
.publish2_story_publication_name {
	color: #999; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em;
}
.publish2_journalist_profile {
	font-style: italic;
}
.publish2_link {
	color: #c50034;
}
.publish2_story_headline {
font-family: Georgia,"Times new Roman",serif; font-style: normal; font-weight: normal; line-height: 1.25em; color: #c50034; font-size: 22px; font-weight: normal; line-height: 1.25; margin: 0 
}
.publish2_story_description {
	font-size: 12px; font-family: Verdana, sans-serif; line-height: 1.5em
}
.publish2_story_tags {
	font-size:8px;
}
#publish2_footer {
	color:#eee;
}
.sansBoldGoodNews { color: #f8f023; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em }


/*PEOPLE--------------------*/
.peopleToolbar   { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #007bf7; text-transform: uppercase; margin-bottom: 20px; padding: 10px }
.peopleHed { color: #007bf7; font-size: 18px; font-family: Verdana, sans-serif; font-style: normal; font-weight: normal; line-height: 1.25em; font-stretch: normal; margin: 0 }
.peopleInfo { font-size: 12px; font-family: Verdana, sans-serif; }
.peoplePostinfo   { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }
.peopleInsert  { margin-top: 0; margin-right: 20px; margin-bottom: 10px; width: 150px; float: left }
.peopleInteract   { color: #007bf7; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 2em; text-decoration: none; padding: 10px 10px 0 0 }
.peoplePic  { }
.peopleImage { padding-right: 10px; padding-bottom: 10px }
.peopleSection { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; background-color: #007bf7; margin-bottom: 20px; padding: 10px }
.sansBoldPeople  { color: #007bf7; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em }
.sansBoldPeopleCaps { color: #007bf7; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-transform: uppercase }
.peopleQuote { color: #007bf7; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em; padding-bottom: 20px }
.peopleBody { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; padding-bottom:20px; padding-top:20px;}
.people h1  { color: #007bf7 }
.people h2  { color: #007bf7 }
.peopleBody a { color: #007bf7; font-size: 14px; line-height: 1.5em }
.exchangeSection  { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; background-color: #f60; padding: 20px }
.magazineSection { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; background-color: #c00; padding: 20px }
.blogsSection { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; background-color: #390; padding: 20px }
.editProfileTitle { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; background-color: #007bf7; text-transform: uppercase; margin-top: 30px; padding: 20px }
.editProfileForm { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; padding: 18px; border: solid 1px #007bf7 }
.peopleName { padding: 5px 0 0 }
.peopleGrid { padding-bottom: 20px }
.messageBody { }
.messageEntry p a { color: #007bf7; font-size: 12px; line-height: 1.5em }
.peopleInteractLinks { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em }
.leaveMessageTitle { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; background-color: #007bf7; text-transform: uppercase; margin: 30px 30px 0 50px; padding: 20px }
.leaveMessageForm { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0 30px 20px 50px; padding: 18px; border: solid 1px #007bf7 }
.galleryImageThmb { padding-right: 20px; padding-bottom: 20px }
.journalDate { padding-bottom: 10px }
.peopleStatement { color: #000000; font-size: 16px; line-height: 1.3em }
.peopleStatement b { color: #007bf7; font-size: 16px; line-height: 1.3em }
.peopleMainName { color: #b8b7b7; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.5em;padding-top:5px;}
.searchBox {width:253px; height:220px; background-color:#e8e7e7; border:1px solid #ccc; padding:20px;}
.peopleMyProfile {width:293px; background-color:#c7e2fd; border:1px solid #ccc; padding:0; margin:0;}
.peoplePhotoMore a { color: #007bf7; font-size: 12px; line-height: 1.5em; float:right;padding-top:5px;}

/*GROUPS--------------------*/
.groupsToolbar { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #90c; text-transform: uppercase; margin-bottom: 20px; padding: 10px }
.eventHed { margin-bottom: 5px }
.eventDate { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; margin-bottom: 5px }
.groupsMessageEntry p a { color: #90c; font-size: 12px; line-height: 1.5em }
.eventLocation { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em }
.groupsSection { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; background-color: #90c; margin-bottom: 20px; padding: 10px }
.groupsBody a { color: #90c; font-size: 14px; line-height: 1.5em }
.eventHed h2 a { color: #90c; font-style: normal; font-weight: normal }
.eventHed h1 { color: #90c; font-style: normal; font-weight: normal }
.groupsHed h1 { color: #90c; font-style: normal; font-weight: normal }
.sansBoldGroups { color: #90c; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em }
.groupMessageEntry p a { color: #90c; font-size: 12px; line-height: 1.5em }
.groups h2 { color: #90c }
.groupsHed { }
.groupsBody { font-size: 12px; line-height: 1.5em }
.groupInsert  { margin: 0 0 30px 10px; width: 200px; float: right }
.groupEvents { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; margin-bottom: 10px; padding: 10px; border: solid 1px #90c }
.groupInteract { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em; text-decoration: none; background-color: #90c; padding: 10px }
.groupsBody a { color: #90c; font-size: 14px; line-height: 1.5em }
.groupsStatement { color: #90c; font-size: 14px; line-height: 1.5em }
.groupsGatewayText   { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; margin-top: 10px }
/*SIBEBAR--------------------*/
#sB { margin: 17px }
.sBitem  { text-align: left; padding-bottom: 15px }
.sBtitle { width: 200px }
.sBcontent  { color: #333; font-size: 12px; padding-top:8px; line-height: 1.5em; }
.toc .sBContent {padding-top:0px; font-family: Georgia,"Times new Roman",serif; font-size: 12px; }
.sBimage { padding-top: 10px }
.sBad { padding: 20px }
#flagpole .sBlink { color: #000; font-size: 10px; font-family: Verdana, sans-serif; font-weight: bold;margin-bottom:5px;}
#flagpole .sBlink a { color: #000; font-size: 10px; font-family: Verdana, sans-serif; font-weight: bold;margin-bottom:5px;}
#flagpole .sBlink a:hover { color: #000; font-size: 10px; font-family: Verdana, sans-serif; font-weight: bold;margin-bottom:5px;}
.sBlink { color: #000; font-size: 10px; font-family: Verdana, sans-serif; font-weight: bold;margin-bottom:5px;}
.sBrule { margin-bottom: 20px }
.sBcontent .marketplace { text-align:center; }
.marketplace img { width:125px; border: 4px solid #e2e2e2; }
.marketplace .sBlink { font-family:Helvetica, sans-serif; color: #390; text-decoration:none;}
/*TEXT FORMATTING-----------*/
.formArea { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; padding: 20px }
.formTitlePeople { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em; background-color: #007bf7; padding: 20px }
.formTitleGroups { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em; background-color: #90c; padding: 20px }
.formTitleExchange { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em; background-color: #f60; padding: 20px }
.insertPicLeft { margin-top: 0; margin-right: 20px; margin-bottom: 10px }
.sans { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em }
.serif { color: #000; font-size: 14px; font-family: Verdana, sans-serif; line-height: 1.5em }
.serifLarge { color: #000; font-size: 24px; font-family: Verdana, sans-serif; line-height: 1.5em }
.serifItal { color: #000; font-size: 10px; font-family: Verdana, sans-serif; font-style: italic }
.serifItalbold { color: #000; font-size: 12px; font-family: Verdana, sans-serif; font-style: italic; font-weight: bold }
.input { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em }
.k { color: #000 }
.w { color: #fff }
.blogColor { color: #390 }
.grey { color: #666 }
.peopleColor { color: #007bf7 }
.groupsColor { color: #90c }
.magColor  { color: #c50034 }
.kBold { color: #000; font-weight: bold }
.rule { margin-top: 30px; margin-bottom: 30px }
.sansBold { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em }
.sansBoldTitle { color: #0978bf; font-size: 22px; font-family: Georgia,"Times new Roman",serif; font-style: normal; font-weight: normal; line-height: 1.25em; font-stretch: normal; margin: 0}
.sansBoldTitle a { color: #0978bf; font-size: 22px; font-family: Georgia,"Times new Roman",serif; font-weight: bold; line-height: 1.5em; }
.sansBoldTitle a:hover { color: #0978bf; font-size: 22px; font-family: Georgia,"Times new Roman",serif; font-weight: bold; line-height: 1.5em; }
.sansBoldSelect { color: #c50034; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em }
.copyInsertLinks { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 2em }
.copyInsertLinksTopDiv { color: #ccc; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.copyInsertLinksTop { color: #cf2743; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.copyInsertLinksTop a { color: #cf2743; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:underline; }
.copyInsertLinksTop a:hover { color: #cf2743; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:underline; }
.sansBoldCaps  { color: #000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em; text-transform: uppercase }
.sansBoldCapsLrg { color: #000; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1em; text-transform: uppercase }
.sansBoldCapsTOC { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1em; text-transform: uppercase }
.sansGrey  { color: #999; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em }
.sansBoldGrey  { color: #999; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em }
.sansBoldGreyCaps  { color: #999; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em;text-transform: uppercase;}
.sansBoldBlueCaps  { color: #0978bf; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em;text-transform: uppercase;}
.sansBoldW { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em }
.sansBoldWCaps { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em;text-transform: uppercase; }
.sBlinkItal { color: #999; font-size: 12px; font-family: Verdana, sans-serif; font-style: italic; font-weight: bold }
.searchTitle {text-indent: -999em; color: #fff;}
.unavailable  { color: #7d7d7d; font-size: 22px; font-family: Georgia,"Times new Roman",serif; font-style: normal; font-weight: normal; line-height: 1.25em; font-stretch: normal; margin: 0 }
.webExclusive { color: #0978bf; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.webExclusive a { color: #0978bf; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:underline; }
.webExclusive a:hover { color: #ccc; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration:underline; }
/*SUBFORM--------------------*/
#subForm  { padding: 20px; border: solid 1px #c50034 }
#subFormHome  { margin: 50px 40px; padding: 20px; border: solid 1px #c50034 }
.fineprint { color: #666; font-size: 11px; font-family: Verdana, sans-serif; line-height: 1.25em }
.offer { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em }
.padForm { padding-right: 10px; padding-bottom: 5px }
.pad50L50B { padding-bottom: 50px; padding-left: 50px }
.fineprint a { color: #666; font-weight: bold }
/*SEARCH---------------------*/
.padSearchCells { padding-right: 50px }
.searchReturns { }
.searchStatement { font-size: 18px; line-height: 1.5em }
.searchSection { padding-bottom: 20px }
/*NEWSLETTER-----------*/
.imageTop {margin-bottom:25px;}
.imageLeft {margin:0 20px 20px 0; padding: 2px; border:1px solid #ccc;}
.imageRight {margin:0 0 20px 20px; padding: 2px; border:1px solid #ccc;}
.imagePeople {margin:0 20px 0px 0; padding: 2px; border:1px solid #ccc;}
.nwsltrContent { font-size: 14px; font-family: Verdana, sans-serif; line-height: 1.2em }
.nwsltrSub { font-size: 16px; color:"#999999";font-family: Verdana, sans-serif; font-style:italic;}
.nwsltrHdrMag { font-size: 18px; color:#cc0033; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold; }
.nwsltrHdrMag a { font-size: 18px; color:#cc0033; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold;}
.nwsltrHdrMag a:hover { font-size: 18px; color:#cc0033; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold; text-decoration:underline;}
.nwsltrHdrExch{ font-size: 18px; color:#ff6600; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold; }
.nwsltrHdrExch a { font-size: 18px; color:#ff6600; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold;}
.nwsltrHdrExch a:hover { font-size: 18px; color:#ff6600; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold; text-decoration:underline;}
.nwsltrHdrBlog { font-size: 18px; color:#339900; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold; }
.nwsltrHdrBlog a { font-size: 18px; color:#339900; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold;}
.nwsltrHdrBlog a:hover { font-size: 18px; color:#339900; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold; text-decoration:underline;}
.nwsltrHdrPep { font-size: 18px; color:#0066ff; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold; }
.nwsltrHdrPep a { font-size: 18px; color:#0066ff; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold;}
.nwsltrHdrPep a:hover { font-size: 18px; color:#0066ff; font-family: Verdana, sans-serif; line-height: 1.5em; font-weight:bold; text-decoration:underline;}

.comments h1 { color: #666 }
.comments h2 { color: #666 }
.comments h2 a { color: #666 }



.featured {	height: 265px;width: 425px;	border: 2px solid #dcdcd3;	margin:0;padding:0;}
.featuredBottom {position:relative;top:-27px;width:425px;height: 25px;background-color: #000;margin-left: 2px;filter:alpha(opacity=55);opacity:0.8;	-moz-opacity:0.8;margin-bottom:-27px;}
.featuredBottomContent {float:right;color:#fff;padding:5px 10px 0 10px;font-weight: bold;font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.savespend_featured {	height: 280px;width: 450px;	border: 2px solid #dcdcd3;	margin:0;padding:0;}
.savespend_featuredBottom {position:relative;top:-27px;width:450px;height: 25px;background-color: #000;margin-left: 2px;filter:alpha(opacity=55);opacity:0.8;	-moz-opacity:0.8;margin-bottom:-27px;}
.savespend_featuredBottomContent {float:right;color:#fff;padding:5px 10px 0 10px;font-weight: bold;font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.peopleHomeThumb { padding: 0 5px 5px 0 }
.exchangeImage2 { padding: 0 0 20px 20px }
.indicator { padding-right:4px }


/*OTHER-------------*/
.organicsHr { color:#FF9900; background-color:#FF9900; width:100%; height:4px;}
.organicsHdr { font-size: 18px; font-family: Verdana, sans-serif; line-height: 1.5em; color:#003300;}
.organicsSub { color: #990000; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em; text-transform: uppercase}


/*LIGHTBOX-------------*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.odemagazine.com/_media/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.odemagazine.com/_media/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.odemagazine.com/_media/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
	
.socialnetBorder { border-top:1px solid #eee; border-bottom:1px solid #eee; padding: 1px 0; }
.socialnet { width:100%; margin: 2px 0; padding: 0 10px; background-color:#eee;}

div .sociable { margin: 16px 0 !important; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


.eventName {
	font-family: Verdana, sans-serif;
	color: #0978bf; font-size: 24px; font-weight: normal;
}
.eventName a {
	font-family: Verdana, sans-serif;
	color: #0978bf; font-size: 24px; font-weight: normal;
}
.eventName a:hover {
	font-family: Verdana, sans-serif;
	color: #0978bf; font-size: 24px; font-weight: normal;text-decoration:underline;
}
.eventSpeaker {
	font-family: Verdana, sans-serif;
	color: #666666; font-size: 16px; font-weight: normal; font-style:italic;
}
.eventImg {
	width:100px;
	float:right;
	border:1px solid #ccc;padding:5px; margin-left:15px; margin-bottom:15px;"
}
.eventMainImg {
	width:120px;
	float:left;
	border:1px solid #ccc;padding:5px; margin-left:15px; margin-bottom:15px;"
}

.static a {color: #0978bf; font-weight:bold; font-size: 12px; font-family: Verdana, sans-serif;}
.static {color: #0978bf; font-weight:bold; font-size: 12px; font-family: Verdana, sans-serif;}



.formContainer {padding:20px;border-top:15px groove #666; border-bottom:15px groove #666;}
.formContent  { font-size: 11px; font-family: Verdana, sans-serif; line-height: 1.5em; text-transform:none; }
.formHighlight  { font-size: 16px; font-family: Verdana, sans-serif; line-height: 1.5em;text-transform:none; }

.frameImg {
	border:1px solid #ccc;padding:5px;"
}

div.errors { position: relative; /* Needed to solve the Peekaboo bug in IE6 */ margin: 0 0 10px 0; padding: 5px 10px 15px 10px; border: #FC6 1px solid; background-color: #FFC; display: none; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

.embedLeft280 {
float:left;
width:300px;
}
.embedLeft280 .pic {
width:280px;
margin: 0 20px 20px 0;
border: 1px solid #ccc;
}

.embedRight280 {
float:right;
width:300px;
}
.embedRight280 .pic {
width:280px;
margin: 20px 0 20px 20px;
border: 1px solid #ccc;
}

.embedLeft180 {
float:left;
width:200px;
}
.embedLeft180 .pic {
width:180px;
margin: 0 20px 20px 0;
border: 1px solid #ccc;
}


Left619 {
float:left;
width:619px;
}
.embedLeft619 .pic {
width:619px;
margin: 0;
border: 1px solid #ccc;
}

.embedRight180 {
float:right;
width:200px;
}
.embedRight180 .pic {
width:180px;
margin: 20px 0 20px 20px;
border: 1px solid #ccc;
}

.embedPassion {
width:639px;
}
.embedPassion .pic {
width:619px;
margin: 0 0 20px 0;
border: 1px solid #ccc;
}

.embedYouTube {
float:left;
width:300px;
}
.embedYouTube .pic {
width:280px;
margin: 0 20px 20px 0;
border: 1px solid #ccc;
}

.pic .caption {
background:#eeeeee;
font-weight:bold;
padding:8px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.2em;

}

.credit{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:2px;
font-weight:normal;
font-style:italic;
}

.archiveTitle {background-color:#000000;padding:10px;}
/* .archiveIssues td {padding: 10px 0 20px 0; text-align:center;} */
.archiveIssues a {color: #0978bf;font-family:Verdana, sans-serif; font-size:12px;}


.archiveIssues {padding: 10px 0 20px 0; text-align:center; margin: 0 !important;}

.mags_grid img {
	border: 0 !important;
}

.mags_grid {
	width: 600px;
	padding: 0 30px 0 50px !important;
}

.mags_grid #subForm {
	margin: 0;
}


.sb_mag_page .sBcontent a, .sb_mag_page_nopad .sBcontent a {
	display: block;
	margin: 0 0 1em 0;
}