.article, .article-1{display:inline-block;}

.indextitle{font-size:1.4em;font-weight:700;padding:20px 0 30px 0;text-align:center}
.indexsubtitle{font-size:1.2em;font-weight:700;color:#6A7169;padding:5px 10px 10px 10px}

.indexbody{clear:both}

.indexsmallsubtitle{font-size:.95em;font-weight:700;color:#6A7169;padding:0 10px;vertical-align:top}
.indexsmallsubtitle li{background-image:url(../SystemImages/NotesIcon5.png);background-repeat:no-repeat;background-position:97% .6em;padding-right:2.5em}
.indexsmallsubtitlemore{text-align:left;margin-bottom:1em;padding-left:1em}
.topicsinlinemedium li.nolink:hover>ul {display: block; visibility:visible;}

.topicsinlinemedium{width:95%;float:right;background-color:#f2f2f2;padding:.5em}
.topicsinlinemedium li{width:44%;float:right;background-image:url(../SystemImages/NotesIcon5.png);background-repeat:no-repeat;background-position:99% .6em;padding-right:2em;padding-bottom:1em}
.topicsinlinemedium li.morewidth{width:88%;float:right;background-image:url(../SystemImages/NotesIcon5.png);background-repeat:no-repeat;background-position:99% .6em;padding-right:2em;padding-bottom:1em}
.topicsinlinemedium li a{font-size:1.1em}
.topicsinlinemedium li.padding{padding-bottom:3.1em}
.topicsinlinemedium li.nolink{width:99%;background:transparent;font-weight:700;color:#6A7169;}
.nolinkfont{font-size:1.1em;margin-bottom:1em;}
.main-section{font-size:1.1em;margin-bottom:.7em;font-weight:700;color:#6A7169; margin-top:1em}

.indexiframe{width:100%;margin:0 auto}

.topicsinlinerecipes{width:95%;float:right;background-color:#f2f2f2;padding:.5em}
.topicsinlinerecipes li{background-image:url(../SystemImages/NotesIcon5.png);background-repeat:no-repeat;background-position:97% .6em%;padding-right:1em;padding-bottom:1em}
.topicsinlinerecipes li.nolink{background:transparent;font-weight:700;color:#6A7169}
.topicsinlinerecipes li.nolink:hover>ul {display: block; visibility:visible;}
.topicsinlinerecipes li li{width:27%;float:right;background-image:url(../SystemImages/NotesIcon5.png);background-repeat:no-repeat;background-position:98% 20%;padding-right:2em;padding-bottom:1em}
.topicsinlinerecipes li li.fish{width:45%;float:right;background-image:url(../SystemImages/NotesIcon5.png);background-repeat:no-repeat;background-position:98% 20%;padding-right:2em;padding-bottom:1em}
.nolinkfont1{font-size:1.1em;margin:2em 0 .5em 0}

hr.cellbghorizontalcolor{background-color:#c2c2c2;}
hr.hcoloraftereachsection{display:none}

.secondtopicright{width:48%;float:right;margin-top:1em}
.secondtopicleft{width:48%;float:left;margin-top:1em}

@media only screen and (max-width:1096px)
{
.topicsinlinerecipes li li{width:26%}
}

@media only screen and (max-width:1065px)
{
.topicsinlinemedium li{width:42%}
.topicsinlinemedium li.padding{padding-bottom:3.5em}
}

@media only screen and (max-width:980px)
{
.indexiframe{font-size:.9em}
.secondtopicright{width:45%;}
.secondtopicleft{width:45%;}
.topicsinlinerecipes{width:90%;margin-bottom:2em}
.topicsinlinerecipes li{background-position:98% 20%}
}

@media only screen and (max-width:960px)
{
.topicsinlinerecipes li li{width:25%}
}


@media only screen and (max-width:902px)
{
.secondtopicright{width:48%;}
.secondtopicleft{width:48%;}

.leftad{padding-right:0;}
}

@media only screen and (max-width:800px)
{
.topicsinlinemedium li{width:43%;}
}

@media only screen and (max-width:749px)
{
.topicsinlinemedium{width:90%;margin-right:2%}
.topicsinlinemedium li{width:90%}
.topicsinlinemedium li.padding{padding-bottom:1em}

.secondtopicright{width:100%}
.secondtopicleft{width:100%;float:right}
hr.hcoloraftereachsection{display:block;background-color:#c2c2c2}
}

@media only screen and (max-width:693px)
{
.topicsinlinerecipes li li{width:23%}
}

@media only screen and (max-width:640px)
{
hr.texthl, hr.advhl{display:none;}

.indexbody, .index-body{margin:0 auto}

.indextitle{padding-top:0}
.indexsmallsubtitle{font-size:1.1em;font-weight:700;color:#595959;padding:0 10px;float:right}
.topicsinlinemedium{margin-bottom:1em; text-align:right}
.topicsinlinemedium li{width:41%;}
.topicsinlinemedium li.padding{padding-bottom:3.1em}
li.nolink{padding-right:.5em;}
.topicsinlinerecipes{text-align:right}

.indexiframe{width:99%;padding-right:1em}
.main-section{font-size:1.25em; text-align:right; margin-right:0.5em}

}

@media only screen and (max-width:500px)
{
.topicsinlinemedium{width:90%;margin-right:2%}
.topicsinlinemedium li{width:90%}
}

@media only screen and (max-width:408px)
{
.topicsinlinerecipes li li.fish{width:50%}
}

@media only screen and (max-width:366px)
{
.topicsinlinemedium{width:84%}
.topicsinlinemedium li{width:80%}
}