body
{
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
font-size: 100%;
font-family: arial, verdana, sans-serif;
}

#content a:hover
{
background-color: #dcdcec;
}

#masthead
{
background: url(../img/ms.hm.jpg) #fff no-repeat left top;
padding: 0;
margin: 1em 0 0 0;
border-top: 5px solid #000080;
text-align: center;
width: 670px;
}

#mainnav
{
margin: 0;
padding: 0;
width: 670px;
height: 34px;
border-top: 2px solid #000080;
border-bottom: 2px solid #000080;
}

#mainnav ul
{
margin: 0;
padding: 0;
padding-left: 2px;
}

#mainnav ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#mainnav ul li a
{
background: #fff;
width: 94px;
height: 30px;
padding: 0;
margin: 1px 0;
margin-left: 1px;
padding-top: 2px;
color: #f5d7b4;
text-decoration: none;
display: block;
text-align: center;
font: normal 11px/12px arial, sans-serif;
font-weight: bold;
color: #fff;
background: #000;
}

#mainnav ul li a#nhm {background: #1f2878;}
#mainnav ul li a#nab {background: #6a6f6a;}
#mainnav ul li a#nco {background: #745636;}
#mainnav ul li a#nhs {background: #5e923f;}
#mainnav ul li a#nip {background: #8d2910;}
#mainnav ul li a#nps {background: #5d64a1;}
#mainnav ul li a#nwn {background: #d1a006;}

#content
{
margin: 0;
width: 670px;
}

#content h1
{
color: #000080;
font-size: 150%;
text-align: center;
margin: 15px;
border-bottom: 1px solid #000080;
}

#content .prodint
{
margin: 15px 0 25px 25px; 
width: 370px;
padding-left: 10px;
}

#content .prodint h2
{
margin: 0;
padding: 0;
font-size: 100%;
}

#content .prodint p
{
margin: 0;
padding: 0;
margin-bottom: 5px;
font-size: 90%;
width: 100%;
}

#pps {border-left: 5px solid #5d64a1;}
#phs {border-left: 5px solid #5e923f;}
#pip {border-left: 5px solid #8d2910;}

#pps h2 {color: #5d64a1;}
#phs h2 {color: #5e923f;}
#pip h2 {color: #8d2910;}

#content .prodint p.view
{
text-align: right;
}

#content .prodint p.view a, #sidebar p.view a
{
font-size: 75%;
font-weight: bold;
color: #000080;
border: none;
}

a img
{
border: 0;
background: none;
}

#sidebar
{
float: right;
margin-right: 10px;
width: 225px;
background: #ccc;
padding: 1px;
}

#sidebar div
{
border: 1px solid #fff;
background: url(../img/bggrad.jpg) #e1e4f7 repeat-x top left;
padding: 5px 10px;
}

#sidebar h2
{
margin: 0;
padding: 0;
font-size: 85%;
color: #000080;
}

#sidebar p
{
margin: 0;
padding: 10px 0;
margin-bottom: 10px;
color: #000080;
font-size: 75%;
line-height: 1.5em;
border-top: 1px solid #000080;
}

#sidebar p.view
{
font-size: 75%;
font-weight: bold;
color: #000080;
border: none;
text-align: right;
margin: 0;
padding: 0;
margin-top: -10px;
}

#sidebar .feat
{
float: right;
border: 1px solid #ccc;
}

#footer
{
width: 640px;
margin: 0 0 0 15px;
text-align: center;
padding: 0.5em 0;
max-width: 800px;
font-size: 85%;
border-top: 1px solid #000080;
background-color: #fff;
}

#footer p
{
margin: 0;
font-size: 85%;
}

.contentclear
{
clear: left;
padding: 1em 0;
}

.clear
{
clear: both;
}