body {
font-family: Optima, Verdana, Geneva, Arial, sans-serif;
font-size: medium;
color: #000000;
background-color: #F8F8F8;
margin: 0px;
}

p {
width: 625px;
}

p.firstpara {
margin-top: 0px;
}

.plugandplay {
color:#FF4901;
font-weight:bold;
}

code {
background-color: #9FBFFF;
border: 1px solid gray;
padding: 3px;
display: block;
font-size: medium;
width: 625px;
}

pre { /* http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/ */
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}

h2 {
padding-top: 18px;
}

h4 {
padding-top: 12px;
}

.gallery table, td {
font-size: small;
}

#gallerytitle {
font-size: small;
padding-top: 10px;
padding-bottom: 10px;
}

#content {
width: 100%;
margin-left: 5px;
font-size: small;
/* border: 1px solid black;
background-color: red; */
}

.copy {
font-size: x-small;
text-align: left;
margin-top: 10px;
}

#ppmmenu ul
{
padding-left: 0;
margin-left: 0;
font-size: small;
background-color: #FFC029;
float: left;
width: 100%;
}

#ppmmenu ul li { display: inline; }

#ppmmenu ul li a
{
padding: 0.2em 0.5em;
color: #000;
text-decoration: none;
float: left;
border-right: 1px solid #F8F7E5;
}

#ppmmenu ul li a:hover
{
background-color: #FF4901;
color: #F8F7E5;
}

#ppmmenuitems li a#current {
background-color: #FF4901;
color: #F8F7E5;
}

#howtomenu {
font-weight: bold;
margin-left: 0px;
padding-left: 0px;
}

#howtomenu li {
list-style: none;
}

#howtomenu li ul {
font-weight: normal;
margin-left: 10px;
padding-left: 10px;
}