html, body {height:auto}
body {background: #a8b6c5 url('../images/interface/background.gif') repeat top left; color: #000000; margin: 0px; font-family:  Verdana, Arial,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 14pt; text-align: justify;}
a {color: #535367; text-decoration: none; font-weight: bold;}
a:hover {color: #174822; }
a:active {color: #000000; }

.hand{cursor:pointer;}
.help{cursor:help;}


#navlist
{
margin-left: 10px;
padding-left: 10px;
list-style: square;
}

#navlist li
{
margin-bottom: 10px
}

#navlist li a
{
color: #000000; font-style: normal;
}

#navlist li a:hover
{
color: #174822; text-decoration: underline;
}

/* Colors 
#535367 = hotbox
#c2c2c2 = body
#a8b6c5 = background
#6f6f7d = menubar

*/

/* main table */
table.main {background: transparent; width: 758px; height: 100%; text-align: center; margin-left: auto; margin-right: auto;}
table.main td {width:auto; height:auto;}

/* menubar */
table.main td.menubar {background: #6f6f7d url('../images/interface/mmp_menu_bar.gif') repeat top left; width:160px; height:auto; border: solid #FFFFFF; border-width: 0px 1px 0px 1px;}

/* content */
table.main td.body_text {background: #c2c2c2; width: 100%; vertical-align: top; border: solid #FFFFFF; border-width: 0px 1px 0px 0px; padding: 10px;}

table.main td.motto {background: #000000; color: #FFFFFF; width: 100%; font-size: 1.2em; font-weight: bold; text-align: center; border: solid #FFFFFF; border-width: 0px 1px 0px 1px; padding: 5px;}

table.main td.body_text table.articles {background: transparent; width: 100%; color: #000000;}
table.main td.body_text table.articles td {background: transparent; vertical-align: top; padding: 0px;}
/* table.main td.body_text table.articles img {border: solid #000000; border-width: 1px;} */
table.main td.body_text table.articles td.title {color: #535367; font-size: 1.5em; font-weight: bold; text-align: left;}
table.main td.body_text table.articles td.body {color: #000000; font-size: 1em; font-weight: normal; text-align: left;}
table.main td.body_text table.articles p.highlight {color: #000000; font-size: 1em; font-weight: bold;}
table.main td.body_text table.articles p.disclaimer {color: #000000; font-size: 0.8em; font-weight: normal; font-style: italic;}
table.main td.body_text table.articles span.highlight {color: #000000; font-size: 1em; font-weight: bold;}
table.main td.body_text table.articles span.emphasis {color: #000000; font-size: 1em; font-style: italic;}
table.main td.body_text table.articles span.empunder {color: #000000; font-size: 1em; text-decoration: underline; font-style: italic;}

table.services {width: 100%; padding: 0px;}
table.services td.ltcell {width: 175px;}
table.services td.rtcell {width: 250px;}


/* form */

.cssform p{
width: 320px;
clear: left;
margin: 0;
padding: 5px 0px 8px 0px;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 310px;
}

.cssform textarea{
width: 320px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* quote */

table.main td.quote {background: #535367; width: 230px; height: 216px; vertical-align: top; border: solid #FFFFFF; border-width: 0px 0px 0px 1px;}
table.main td.quote div.squotes {background: transparent; color: #FFFFFF; width: 200px; left: 0; padding: 10px; position: resolute; z-index: 250; border: none;}
table.main td.quote div.squotes p.qtext {font-style: italic; font-weight: normal; text-align: left;}
table.main td.quote div.squotes p.qname {font-style: normal; font-weight: bold; text-align: right;}

/* other */

/* Footer */
table.footer {background: transparent; width: 600px; height: auto; text-align: center; margin-left: auto; margin-right: auto;}
table.footer td {width:auto;}
table.footer td.logo {vertical-align: middle; text-align: right;}
table.footer td.text {font-size: 0.9em; color: #FFFFFF; vertical-align: middle; text-align: center;}
table.footer td.text a {color: #FFFFFF;}
table.footer td.text a:hover {color: #FFFFFF; text-decoration: underline;}
table.footer td.credit {font-size: 0.8em; color: #FFFFFF; vertical-align: middle; text-align: center;}
table.footer td.credit a {color: #FFFFFF;}
table.footer td.credit a:hover {color: #FFFFFF; text-decoration: underline;}