img {border-width: 0}
img.img-right {
	margin-left: 10px;
	float: right;
}
img.img-left {
	margin-right: 10px;
	float: left;
}
p.small-font {font-size: 0.9em;}
a.nodecor {text-decoration: none;}

h2 span.rating a {text-decoration: none}
h2 span.rating a:link {color: black}
h2 span.rating a:visited {color: black}


/*************************************************************
******************* Begin Narrow Screen **********************
*************************************************************/
@media (max-width: 659px) {
body {
  margin: 0 0 10px 0;
  color: black; 
  background-color: white;
  font-size: 100%;
  line-height: 1.2;
  font-family: verdana, sans-serif;
}

a:link {color: #1825A0}
a:visited {color: #606060}
a:active {background-color: #FFFF00}

#main {
  max-width: 480px;
  margin: 0 auto;
}

#header {
  height: 100px;
  background-image: url("images/banner.jpg");
  background-repeat: repeat-x;
  background-color: white;
  overflow-y: hidden;
}

#header h1 {
  margin: 0;
  font-size: 20pt;
  color: white;
  font-weight: bold;
  font-family: arial, sans-serif;
  text-align: center;
  line-height: 1.1;
  padding-top: 1.4em;
}

div.blackline {
  height: 2px;
  background-color: black;
}

#nav-screen {
  display: none;
}

#nav-mobile {
  background-color: white;
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 1em;
}

#nav-mobile ul {
  list-style-type: none;
  text-align: justify;
  line-height: 0;
  margin: 0;
  padding: 20px 12px 0 12px;
}

#nav-mobile ul:after {
  content: '';
  display: inline-block;
  width: 100%;
}

#nav-mobile ul li {
  display: inline-block;
  line-height: 100%;
}

#nav-mobile ul li a {
  text-decoration: none;
  color: #606060;
  position: relative;
}

#nav-mobile ul li a:active {
   top: 0.1em;
   left: 0.1em;
}

#sidebar {
  display: none;
}

#article {
  position: relative;
  font-size: 1em;
  line-height: 1.25;
  padding: 1.4em 0.4em 10px 0.4em;
}

ul.recipe {
  margin : 0;
  padding: 0;
  width: auto;
  overflow: hidden;
  list-style-type: none;
}

ul.recipe li {
  margin-bottom: 0.3em;
}
	
.clear-float {
  clear: both;
  margin: 0;
  padding-top: 0.5em;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 0;
}

h2 span.rating {
  font-size: 0.85em;
  font-weight: normal;
  padding-left: 0.3em;
}

h3 {
  font-size: 1.0em;
  font-weight: bold;
  margin-top: 0;
}

#nav-footer {
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  margin-top: 1.2em;
}

#nav-footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#nav-footer ul li {
  display: inline;
  margin: 0 1em;
}

#nav-footer ul li a {
  text-decoration: none;
  color: #606060;
}

#nav-footer ul li .tooltipprev {display: none;}
#nav-footer ul li .tooltiphome {display: none;}
#nav-footer ul li .tooltipnext {display: none;}

#home-msg {
  position: absolute;
  visibility: hidden;
  z-index: 100;
  max-width: 50%;
  left: 25%;
  bottom: 0.1em;
  text-align: center;
  line-height: 1.4;
  background-color: #EAECFC;
  border: 2px solid #606060;
  border-radius: 5px;
  padding: 1em 0.5em 0.5em 0.5em;
}

a.footnote {
  cursor: pointer;
  color: #7318A0;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: #7318A0;
}

div.footnote {
  position: absolute;
  visibility: hidden;
  z-index: 100;
  max-width: 90%;
  left: 2%;
  background-color: #EAECFC;
  border: 2px solid #606060;
  padding: 1em 0.5em 0.5em 0.5em;
}

div.footnote  h3 {
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  margin-top: 0;
}

div.footnote  p.gap {margin-top: 2em;}

div.footnote  p.reference {margin-top: -0.7em;}

p.close {
  text-align: center;
  font-weight: bold;
  margin-top: 1.2em;
}

p.close a {
  cursor: pointer;
  color: #606060;
  text-decoration: underline;
  text-decoration-color: #606060;
}

}  /* End Narrow Screen (max-width: 659px) */

/*************************************************************
******************** Begin Wide Screen ***********************
*************************************************************/
@media (min-width: 660px) {
body {
  margin: 0;
  color: black;
  background-color: white;
  font-size: 100%;
  line-height: 1.2;
  font-family: verdana, sans-serif;
}

a:link {color: #1825A0;}
a:visited {color: #606060;}
a:hover {background-color: #FFFF00;}
a.clear:hover {background-color: transparent;}

#main {
  background-image: url(images/background02.jpg);
  background-repeat: repeat-y;
}

#header {
  height: 100px;
  background-color: white;
  background-image: url("images/banner.jpg");
  background-repeat: repeat-x;
  max-width: 41.3em;
}

#header h1 {
  margin: 0;
  color: white;
  font-size: 26pt;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  padding-top: 0.85em;
}

div.blackline {
  height: 3px;
  background-color: black;
  max-width: 41.3em;
}

#nav-mobile {
  display: none;
}

#nav-screen {
  font-weight: normal;
  font-size: 1.05em;
  margin: 1.2em 0 1.4em 3.8em;
}

#nav-screen ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#nav-screen ul li {
  display: inline;
  margin: 0 3.4em 0 0;
}

#nav-screen ul li a {
  text-decoration: none;
  position: relative;
}

#nav-screen ul li a:active {
   top: 0.1em;
   left: 0.1em;
}

#sidebar  {
  float: left;
  font-size: 0.85em;
  line-height: 1.8;
  padding-bottom: 1.5em;
  width: 160px;
}

#sidebar h2 {display: none;}

#sidebar div {
	margin: 0;
	padding: 0.6em 0 0 1.2em;
}

#sidebar div.menu-hdr a:link {color: #080C78;}
#sidebar div.menu-hdr a:visited {color: #080C78;}

#sidebar ul {
  list-style-type: none;
  text-align: left;
  margin: 0;
  padding: 0 0 0 1.2em;
}

#sidebar a {text-decoration: none;}

#sidebar ul li.top-shelf a {text-decoration: underline;}

#article {
  float: left;
  position: relative;
  font-size: 0.8em;
  line-height: 1.4;
  width: 460px;
  padding: 0 0 10px 10px;
}

ul.recipe {
  margin: 0;
  padding: 0 0 0 1em;
  width: auto;
  overflow: hidden;
  list-style-type: none;
}

ul.recipe li {
  margin-bottom: 0.2em;
}

.clear-float {
  clear: both;
  margin: 0;
  padding-top: 1.5em;	
}

h2 {
  font-size: 1.6em;
  font-weight: bold;
  margin-top: 0;
}

h2 span.rating {
  font-size: 0.95em;
  font-weight: normal;
  padding-left: 0.3em;
}

h3 {
  font-size: 1.15em;
  font-weight: bold;
  margin-top: 0;
}

#nav-footer {
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  margin-top: 2.2em;
}

#nav-footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#nav-footer ul li {
  display: inline;
  position: relative;
  margin: 0 3.0em;
}

#nav-footer ul li a {
  text-decoration: none;
  color: #606060;
  position: relative;
}

#nav-footer ul li a.home-button {cursor: pointer;}

#nav-footer ul li a:hover {
  background-color: transparent;
  color: #1825A0;
}

#nav-footer ul li a:active {
   top: 0.1em;
   left: 0.1em;
}

#nav-footer ul li .tooltipprev {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  font-size: 0.9em;
  font-weight: normal;
  width: 12em;
  background-color: #EAECFC;
  color: black;
  text-align: center;
  padding: 0.2em 0;
  border: 1px solid #606060;
  border-radius: 3px;
  right: 100%;
}

#nav-footer ul li .tooltiphome {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  font-size: 0.9em;
  font-weight: normal;
  width: 12em;
  background-color: #EAECFC;
  color: black;
  text-align: center;
  padding: 0.2em 0;
  border: 1px solid #606060;
  border-radius: 3px;
  bottom: 120%;
  left: 50%;
  margin-left: -6em;
}

#nav-footer ul li .tooltipnext {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  font-size: 0.9em;
  font-weight: normal;
  width: 12em;
  background-color: #EAECFC;
  color: black;
  text-align: center;
  padding: 0.2em 0;
  border: 1px solid #606060;
  border-radius: 3px;
}

#nav-footer ul li:hover .tooltipprev {visibility: visible;}
#nav-footer ul li:hover .tooltiphome {visibility: visible;}
#nav-footer ul li:hover .tooltipnext {visibility: visible;}

#home-msg {
  position: absolute;
  visibility: hidden;
  z-index: 100;
  max-width: 40%;
  left: 30%;
  bottom: 0.5em;
  font-size: 1em;
  text-align: center;
  line-height: 1.4;
  background-color: #EAECFC;
  border: 1px solid #606060;
  border-radius: 5px;
  padding: 0.5em 0.2em 0.1em 0.2em;
}

a.footnote {
  cursor: pointer;
  color: #1825A0;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: #1825A0;
}

div.footnote {
  position: absolute;
  visibility: hidden;
  z-index: 100;
  max-width: 75%;
  left: 7%;
  line-height: 1.4;
  background-color: #EAECFC;
  border: 2px solid #606060;
  padding: 1.5em 1.5em 1em 1.5em;
}

div.footnote  h3 {
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  margin-top: 0;
}

div.footnote  p.gap {margin-top: 2em;}

div.footnote  p.reference {margin-top: -0.7em;}

p.close {
  text-align: center;
  font-weight: bold;
  margin-top: 1.2em;
}

p.close a {
  cursor: pointer;
  color: #606060;
  text-decoration: underline;
  text-decoration-color: #606060;
}

#footer {
  clear: both;
  height: 30px;
}

}  /* End Wide Screen (min-width: 660px) */