body {  font-family: Arial, Helvetica, Sans-Serif;  font-size: 14px; color: #141c04;  margin: 0px;  padding: 0px;}

p, div, span { line-height: 1.3; }

#frame {	width:990px;	margin-right:auto;	margin-left:auto;	margin-top:0px;	padding:0px;	text-align:left;	border: 0px;	background-color: #FFFFFF;}

img {  border: 0px;}


p.twoThirds {width: 66%;}

.interactions { font-weight: bold; font-style: italic; }

#contentacross {  width: 880px;  padding-top: 40px;  margin-left: 58px;}
#contentAcrossWithBreadcrumbs {  width: 880px;  padding-top: 10px;  margin-left: 58px;}
#contentAcrossWithBreadcrumbs #breadcrumb { color: #949e52; border-bottom: 1px solid #949e52; padding-bottom: 10px; }
#contentAcrossWithBreadcrumbs #mainHeader { border-bottom: 1px solid #949e52; }
 
#featureArticleTitleBar { width: 880px; padding: 20px 0px 0px 0px }

#contentheader {  background-color: #fafaed;   padding-bottom: 20px;  border-bottom: 1px solid #949e52;}
#contentheader #contentLogobox {  width: 880px; margin-left: 60px;  border-bottom: 7px solid #949e52;}

#contentfooter {    margin-top: 20px; padding-top: 20px;  border-top: 1px solid #949e52;  background-color: #fafaed; border-bottom: 0px;  padding-bottom: 15px;   }
#contentfooter #footerbox {  width: 880px;}

#realcontent { /* this is here because IE chokes on the footer, for some reason */  margin: 0px 0px 0px 60px; padding-top: 7px; border-top: 7px solid #949e52;  width: 880px;}
#iconPanel { width: 870px; margin: 0px; padding: 0px 0px 0px 60px; }
#iconPanel #rssContainer { text-align: left; float: left; margin: 0px; border: 0px; padding: 8px 0px 6px 0px; }

#coverPanel {  padding-bottom: 20px;  border-bottom: 1px solid #e4e7d4;}

#wholePanel { width: 100%; padding: 20px 30px 0px 0px; }
#wholePanel .leftPanel { float: left;  text-align: right; width: 300px; padding: 30px 20px 0px 0px; }
#wholePanel .rightPanel { float: left;  width: 520px;   padding: 30px 10px 0px 0px; }

#wholePanel .fourAcross { float: left; width: 160px; font-size: 12px; padding: 0px 8px 10px 0px;}
#wholePanel .editorSection { padding-bottom: 0px; }
#wholePanel hr { color: #fafaed; background-color: #fafaed; border: 0; height: 1px; }


#leftPanel {  float: left;  width: 520px;   padding: 30px 30px 0px 0px;}
#leftPanel #featureArticleTitle, #featureArticleTitle {  padding-bottom: 10px; }
#leftPanel .mainArticleContentArea { padding-bottom: 10px; }
#leftPanel #featureArticleImage {  float: left;}
#leftPanel .featureArticleImage {  float: left; padding-right: 15px; }
#leftPanel #featureArticleText {  float: right;  width: 385px;}
#leftPanel img.coverPic { border: 1px solid black; margin-top: 5px; }

.commentHeader {  margin: 10px 0px 10px 0px; font-size: 12px; padding: 5px 5px 5px 0px; font-weight: bold; }
.commentHeaderNoBackground { margin-left: 0px; font-size: 12px; padding: 5px 5px 5px 0px; font-weight: bold; }

#leftPanel .commentsArticle { padding-top: 20px; padding-top: 20px; font-size: 12px; border-top: 1px solid #e4e7d4;}
#leftPanel .commentsArticle .individualComment { padding: 0px 10px 15px 10px; margin: 7px 0px 0px 0px; background-color: #fafaed }
#leftPanel .commentsArticle .notFirst {  }
#leftPanel .commentsArticle .commentsArticleContent { padding-left: 0px; margin: 0px; }
#leftPanel .commentsArticle .commentsArticleFooter { padding-left: 0px; padding-top: 10px; }
#leftPanel .commentsArticle p { padding: 0px; margin: 15px 0px 0px 0px; }


#leftPanel #commentPanel { display: none; width: 500px; padding: 15px 6px 6px 20px; margin-top: 5px; margin-bottom: 5px; background-color: #fafaed; border: 1px solid black; }
#leftPanel #commentPanel #addAComment { width: 90%; }
#leftPanel #teamMemberPic { float: left; width: 150px; }
#leftPanel #teamMemberInfo { float: left; width: 350px; padding: 0px 0px 0px 20px}


#rightPanel {  float: left;  width: 300px;   padding: 30px 10px 0px 0px;}
#rightPanel .alsoIn {  padding: 10px 0px 10px 0px;}
#rightPanel .issueSection .alsoIn { padding: 10px 0px 10px 0px; }
#rightPanel .issueSection .sectionHeader { font-weight: bold; padding-top: 10px; padding-bottom: 3px; border-bottom: 1px solid #949e52; }
#rightPanel .blogPostPanel { padding-top: 0px; font-size: 12px;}
#rightPanel .otherArticlePanel { padding-bottom: 40px; }
#rightPanel .section { padding-bottom: 15px; }

#rightPanel .issueSection .articleListHeader { font-weight: bold; padding-top: 10px; padding-bottom: 3px; }
#rightPanel .issueSection .articleList { padding: 10px 10px 10px 10px; border: 1px solid #FFFFFF; }
#rightPanel .issueSection .articleList:hover { padding: 10px 10px 10px 10px; border: 1px solid #e3e3cc; }
#rightPanel .issueSection .coverStory { padding: 10px 10px 10px 10px; border: 1px solid #FFFFFF; }
#rightPanel .issueSection .coverStory:hover { padding: 10px 10px 10px 10px; border: 1px solid #e88333; background-color: #fdf2ea; }
#rightPanel .issueSection .coverStoryText { color: #e88333;  }

.postedBy { font-size: 12px; }

#rightPanel .individualBlogPost { padding: 5px 0px 8px 0px; font-size: 12px; }
#rightPanel .individualBlogPost p { padding: 0px 0px 8px 0px; font-size: 12px; }
#rightPanel .individualBlogPost img { border: 1px solid #949e52; }
 
div, p {  color: #141c04;}

span.small, p.small { font-size: 12px; }

a {	color: #154f99;}
a:visited {	color: #154f99;}
a:hover {	color: #949e52;} 

a.mainStory {	}
a.mainStory:visited {	}
a.mainStory:hover {	}


.articles { padding-bottom: 10px;}
.articles .cover { padding: 1px; }

.articleTitle { font-family: Georgia; font-size: 14px; font-weight: bold; }

.commentBlogPost { color: #949e52 }


.articleAuthor { font-family: Georgia; font-size: 14px; }

.peopleHeader { padding-top: 25px; width: 100% }
.peopleHeaderExtended { padding: 25px 8px 25px 0px; width: 100% }
.peopleCol { padding-top: 15px;}
.peopleColExtended { padding-top: 0px;}
.peopleList {	list-style: none; margin: 0; padding: 0; }
.peopleList .people {background-repeat: no-repeat; background-position: 0 0; padding: 0px 0px 15px 50px; margin: 0px 0px 5px 0px; }
li.peopleRichard {    background-image: url(../i/people/richard.anderson_th.jpg)}
li.peopleRicGrefe {    background-image: url(../i/people/richard.grefe_th.jpg)}
li.peopleMichelleBerryman {    background-image: url(../i/people/michelle.berryman_th.jpg)}
li.peopleJon {        background-image: url(../i/people/jon.kolko_th.jpg)}
li.peopleKatie {      background-image: url(../i/people/katie.scott_th.jpg)}
li.peopleKerry {      background-image: url(../i/people/kerry.bodine_th.jpg)}
li.peopleMarkV {      background-image: url(../i/people/mark.vanderbeeken_th.jpg)}
li.peopleMarcR {      background-image: url(../i/people/marc.rettig_th.jpg)}
li.peopleLauren {      background-image: url(../i/people/lauren.serota_th.jpg)}
li.peopleElaine {      background-image: url(../i/people/elaine.ann_th.jpg)}
li.peopleMolly {      background-image: url(../i/people/molly.steenson_th.jpg)}
li.peopleAlex {      background-image: url(../i/people/alex.wright_th.jpg)}
li.peopleDave {       background-image: url(../i/people/dave.cronin_th.jpg)}
li.peopleEli {        background-image: url(../i/people/eli.blevis_th.jpg)}
li.peopleHugh {       background-image: url(../i/people/hugh.dubberly_th.jpg)}
li.peopleAme {        background-image: url(../i/people/ame.elliott_th.jpg)}
li.peopleAllison {    background-image: url(../i/people/allison.druin_th.jpg)}
li.peopleGary {       background-image: url(../i/people/gary.marsden_th.jpg)}
li.peopleJonathanArnowitz {   background-image: url(../i/people/jonathan.arnowitz_th.jpg)}
li.peopleJonathanGrudin {   background-image: url(../i/people/jonathan.grudin_th.jpg)}
li.peopleDennis {     background-image: url(../i/people/dennis.wixon_th.jpg)}
li.peopleFred {       background-image: url(../i/people/fred.sampson_th.jpg)}
li.peopleWendy {      background-image: url(../i/people/wendy.ju_th.jpg)}
li.peopleDon {        background-image: url(../i/people/don.norman_th.jpg)}
li.peopleSteve {      background-image: url(../i/people/steve.portigal_th.jpg)}
li.peopleElizabeth {  background-image: url(../i/people/elizabeth.churchill_th.jpg)}
li.peopleKen {        background-image: url(../i/people/ken.korman_th.jpg)}
li.peopleDenise{      background-image: url(../i/people/denise.doig_th.jpg)}
li.peopleIan{         background-image: url(../i/people/ian.mcclelland_th.jpg)}
li.peopleRaquel{      background-image: url(../i/people/raquel.prates_th.jpg)}
li.peopleAaron{       background-image: url(../i/people/aaron.marcus_th.jpg)}
li.peopleRobin{       background-image: url(../i/people/robin.jeffries_th.jpg)}
li.peopleLisa{        background-image: url(../i/people/lisa.neal_th.jpg)}
li.peopleShelley{     background-image: url(../i/people/shelley.evenson_th.jpg)}
li.peopleKun{         background-image: url(../i/people/kun-pyo.lee_th.jpg)}
li.peopleApala{       background-image: url(../i/people/apala.chavan_th.jpg)}
li.peopleJonathanL{       background-image: url(../i/people/jonathan.lazar_th.jpg)}
li.peopleLizD{       background-image: url(../i/people/liz.danzico_th.jpg)}
li.peopleElizabethDykstra{      background-image: url(../i/people/elizabeth.dykstra-erickson_th.jpg)}

table#rates { font-size: 80% }
table#rates th { vertical-align: top; padding: 5px; background-color: #fafaed }
table#rates td {padding: 5px;}
table#rates th.first { background-color: #ffffff; }
table#rates td.first { background-color: #fafaed; }
table#rates td.good { font-weight: bold; color: red; }

.downloadContent { background-color: #fcfdfb; border-top: 1px solid #e4e7d4; border-bottom: 1px solid #e4e7d4; margin: 0px; padding: 10px }
.downloadList {	list-style: none; margin: 0; padding: 0; }
.downloadList li.pdf { background-image: url(../i/pdf.gif); background-repeat: no-repeat; background-position: 0 0; padding: 0px 0px 0px 25px; margin: 3px 0px 5px 0px; }
.downloadList li.htm { background-image: url(../i/htm.gif); background-repeat: no-repeat; background-position: 0 0; padding: 0px 0px 0px 25px; margin: 3px 0px 5px 0px; }


#readMoreBox { padding: 10px 0px 30px 0px; margin: 0px; }
ul#readMoreButton { list-style: none; padding: 0; margin: 0 auto; }
ul#readMoreButton li  { display: block; float: left;  width: 125px; margin: 0;  padding: 0; }
ul#readMoreButton li a  { display: block; text-align: center; width: 100%;  padding: 0.5em; border-width: 1px;  border-color: #EBEBEB #949e52 #949e52 #EBEBEB; border-style: solid; color: #000000;  text-decoration: none;  background-color: #fafaed;  }
#acmReadMoreButton>ul#readMoreButton li a { width: auto; }
ul#readMoreButton li a:hover { color: #FFFFFF; background-color: #949e52; border-color: #FFFFFF #000000 #000000 #FFFFFF; }
#acmReadMoreButton {    background: #FFFFFF;  margin: 0 auto;  padding: 1em 0 0 0; }
#acmReadMoreExplain { float: left; width: 340px; margin: 0px; padding: 0px 0px 0px 15px; }
#acmReadMoreExplain p { margin: 0px; padding: 0px }

#contentheader #nav {  width: 880px; margin-left: 60px;}
#contentheader #nav .mainnav {  padding-left: 3px;}
#contentheader #nav .subnav {  padding-left: 8px;}

#contentheader #nav #aboutBox {  float: left; padding-right: 40px;}
#contentheader #nav #staffBox {  float: left; padding-right: 10px;}
#contentheader #nav #involvedBox {  float: left; padding-right: 10px;}
#contentheader #nav #connectedBox {  float: left; padding-right: 20px;}
#contentheader #nav #readBox {  float: left; padding-right: 60px;}

#nav ul {	margin: 0px 0px 0px 7px; padding: 0; list-style: none;	overflow: hidden;	}
#nav ul li { margin: 0px;	padding: 0;  list-style: none;	display: inline;	}
#nav ul li a { display: block;	padding: 17px 0 0 0;	overflow: hidden;	height: 0px;	}
#nav ul li a:hover { background-position: 0 -17px;	}
#nav ul li a:active, #nav ul li a.selected { background-position: 0 -34px; }
	
#navVision a                  {	width: 62px;	background: url("../i/navVision.gif") top left no-repeat;}
#navHistory a                 {	width: 62px;	background: url("../i/navHistory.gif") top left no-repeat;}
#navWhatsNew a                {	width: 62px;	background: url("../i/navWhatsNew.gif") top left no-repeat;}
#navEditors a                 {	width: 141px;	background: url("../i/navEditors.gif") top left no-repeat;}
#navAdvertise a               {	width: 152px;	background: url("../i/navAdvertise.gif") top left no-repeat;}
#navSubscription a            {	width: 152px;	background: url("../i/navSubscription.gif") top left no-repeat;}
#navCurrentIssues a           {	width: 83px;	background: url("../i/navCurrentIssues.gif") top left no-repeat;}
#navAdvisoryBoard a           {	width: 95px;	background: url("../i/navAdvisoryBoard.gif") top left no-repeat;}
#navArchives a                {	width: 75px;	background: url("../i/navArchives.gif") top left no-repeat;}
#navWriteForInteractions a    {	width: 131px;	background: url("../i/navWriteForInteractions.gif") top left no-repeat;}
#navFollow a                  {	width: 53px;	background: url("../i/navFollowUs.gif") top left no-repeat;}


#archiveBroadPanel { padding: 20px 0px 0px 0px; }

#archiveBroadWelcome { padding: 0px 0px 5px 0px; } 

#archiveBroadWelcome #issueCover { float: left; width: 200px; padding: 0px 0px 0px 8px; }

#archiveBroadWelcome #welcomeBlurb { float: left; width: 560px; padding: 12px 0px 0px 0px; margin-left:30px; }

#archiveBroadCoverStory { padding: 30px 0px 0px 0px; } 

#archiveBroadCoverStory #categoryName { padding: 10px 0px 0px 0px; }

#archiveBroadCoverStory .categoryDescription { float: left; width: 180px; color: #949e52; font-size: 13px; padding: 0px 20px 0px 0px; }

#archiveBroadCoverStory #coverStory { float: left; width: 380px; }

#archiveBroadCoverStory #coverStory .coverStoryText, .individualSection .coverStoryText { color: #b7b7b7; font-size: 13px; }

#archiveBroadPanel #sectionContents { float: left; width: 299px; padding: 5px 0px 0px 0px; }

#archiveBroadPanel .individualItem { padding: 10px 0px 5px 20px;  }

#archiveBroadPanel .sectionText { color: #b7b7b7; font-size: 13px; }

#archiveBroadPanel .articleComment { line-height: 20px; color: #949e52; font-size: 13px; }

#archiveBroadSections { padding: 20px 0px 0px 0px; } 

#archiveBroadSections .individualSection { float: left; width: 288px; }

#archiveBroadSections .individualSection .categoryDescription { color: #949e52; font-size: 13px; padding: 5px 50px 10px 12px; }

#archiveBroadLongInteractions { padding: 30px 0px 0px 0px; }

#archiveBroadLongInteractions .categoryName { padding: 10px 0px 0px 0px; }

#archiveBroadLongInteractions .categoryDescription { float: left; width: 180px; color: #949e52; font-size: 13px; padding: 0px 20px 0px 0px; }

#archiveBroadLongInteractions #closingStory { float: left; width: 580px; }

#archiveBroadLongInteractions #closingStory .coverStoryText { color: #b7b7b7; font-size: 13px; }