body {background: #353535; font-family: Tahoma, sans-serif; margin: 0 0 20px 0;}

#canvas {background: url(/public/img/int/hm_int_leather_tile.jpg); margin: 0 auto; padding: 10px 18px 0 18px; width: 743px; overflow: hidden;}
h1 {background: url(/public/img/mp/hm_mp_mainimage.png) no-repeat; height: 245px; text-indent: -9999px; width: 743px; clear: both;}
h1.interior {background: url(/public/img/int/hm_int_logo.gif) no-repeat; height: 73px; text-indent: -9999px; width: 403px;}
h2 {color: #afaca7; font-size: 1em; font-weight: normal; text-transform: uppercase;}

#welcome-box {background-color: #000000; color: #fff; float: left; height: 205px; margin: 0 5px 10px 0; opacity: 0.75; filter:alpha(opacity=75); -moz-opacity:.75; padding: 10px; width: 470px;}
#welcome-box p {color: #fff; font-size: 0.75em; line-height: 1.3em; margin: 5px 0 5px 0;}
#services-box {background-color: #000000; float: right; height: 205px; margin: 0 0 10px 0; opacity: 0.75; filter:alpha(opacity=75); -moz-opacity:.75; padding: 10px; width: 224px;}
#services-box ul {color: #afaca7; font-size: 0.8em; list-style-type: square; margin: 10px 0 0 20px;}
#services-box ul li {margin: 0 0 10px 0;}
#services-box ul li ul li {font-size: 1.1em;}
#services-box a:link {color: #b74b38; text-decoration: underline;}
#services-box a:visited {color: #b74b38; text-decoration: underline;}
#services-box a:hover {color: #afaca7; text-decoration: none;}
#about-box {background-color: #000000; float: left; height: 115px; margin: 0 5px 5px 0; opacity: 0.75; filter:alpha(opacity=75); -moz-opacity:.75; padding: 10px; width: 470px;}
#about-box p {color: #fff; font-size: 0.75em; line-height: 1.3em; margin: 5px 0 5px 0;}
#about-box img {float: left; margin: 0 10px 0 0;}
#about-box a:link {color: #b74b38; text-decoration: underline;}
#about-box a:visited {color: #b74b38; text-decoration: underline;}
#about-box a:hover {color: #afaca7; text-decoration: none;}

#contact-box {background-color: #000000; float: right; height: 115px; margin: 0 0 5px 0; opacity: 0.75; filter:alpha(opacity=75); -moz-opacity:.75; padding: 10px; width: 224px;}
#contact-box p {color: #fff; font-size: 0.75em; line-height: 1.3em; margin: 5px 0 5px 0;}
#contact-box img {float: right; margin: 0 10px 0 10px;}
#contact-box a:link {color: #b74b38; text-decoration: underline;}
#contact-box a:visited {color: #b74b38; text-decoration: underline;}
#contact-box a:hover {color: #afaca7; text-decoration: none;}

#top-cap {background: url(/public/img/int/hm_int_top_cap.gif) no-repeat; height: 40px; padding: 17px 0 0 0; text-align: center; width: 744px;}

#middle {background-color: #353535; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid #000; filter:alpha(opacity=85); -moz-opacity:.85; opacity: 0.85; overflow: hidden; width: 740px;}

#sidenav {background-color: #000; clear: both; filter:alpha(opacity=75); float: left; -moz-opacity:.75; opacity: 0.75; margin: 10px 9px 0 9px; min-height: 200px; width: 140px; padding: 10px; }
#sidenav h3 {color: #fff; border-bottom: 1px solid #fff; font-size: 1em; font-weight: normal; margin: 0 0 5px 0; padding: 0 0 5px 0;}
#sidenav ul {list-style-type: none; margin: 0 0 0 0; width: 140px;}
#sidenav ul li {font-size: 0.85em; line-height: 1.2em; margin: 6px 0 6px 0;}
#sidenav ul li a:link {color: #b74b38; text-decoration: underline;}
#sidenav ul li a:visited {color: #b74b38; text-decoration: underline;}
#sidenav ul li a:hover {color: #afaca7; text-decoration: none;}

#sidenav ul ul li {margin: 0 0 10px 10px; font-size: 0.75em;}

#content {float: left; width: 538px; margin: 0; padding: 10px 5px; overflow: hidden;}

#content h2 {color: #8f9066; font-weight: bold; letter-spacing: 0.09em; margin: 0 0 10px 0;}
#content h3 {color: #c9b278; font-weight: normal; margin: 0 0 10px 0;}
#content h4 {color: #afaca7; font-weight: normal; margin: 0 0 10px 0;}
#content p {color: #fff; font-size: 0.8em; letter-spacing: 0.06em; line-height: 1.2em; margin: 0 0 15px 0;}
#content ul {color: #afaca7; font-size: 0.8em; line-height: 1.2em; list-style-type: square; margin: 0 0 15px 40px;}
#content ul li {color: #fff; margin: 0 0 10px 0;}
#content ol {color: #fff; font-size: 0.8em; line-height: 1.2em; list-style-type: decimal; margin: 0 0 15px 40px;}
#content ol li {margin: 0 0 10px 0;}

#content .bio {float: left; margin: 0 5px 5px 0;}

#content .right-photo {float: right; margin: 0 0 20px 20px; display: block;}

#content a:link {color: #D9BE87; text-decoration: underline;}
#content a:visited {color: #D9BE87; text-decoration: underline;}
#content a:hover {color: #8F622C; text-decoration: none;}

#sitemap ul li {font-size: 1em; margin: 10px 0 10px 0;}
#sitemap ul li ul li {font-size: 1.2em;}
#sitemap ul li ul li ul {margin: 10px 0 0 20px;}

#address {border-top: 1px solid #afaca7; color: #afaca7; font-size: 0.8em; line-height: 1.3em; padding: 10px 0;}
#address p {color: #afaca7; margin: 10px 0;}

#footer {clear: both; color: #fff; font-size: 0.7em; margin: 5px 0 10px 0;}
#disclosure {margin: 0 auto; width: 743px;}
#disclosure p {margin: 10px 0; color: #afaca7; font-size: 0.8em; line-height: 1.3em;}
#disclosure a {color: #afaca7;}


/* ----- TOP NAVIGATION ----- */

#top-nav {
    width: 300px; height: 15px;
 background-repeat: no-repeat;
    margin: 0 0 10px 443px;
    padding: 0;
 z-index: 1;
 position: relative;
 clear: both;
 display: block;
 }

#top-nav dd {margin: 0; padding: 0; list-style: none;
float: left;
background-image: url(/public/img/hm_nav_topright.png);
background-repeat: no-repeat;
position: relative;
z-index: 1;
}

#top-nav a.ir {background: url(/public/img/hm_nav_topright.png) 0px 0px no-repeat;
display: block;
height: 0;
padding-top: 15px;
overflow: hidden;
}

#top-nav dt {position: absolute; top: -200em;}

dd#home {width: 102px;}
dd#email {width: 108px;}
dd#sitemap {width: 64px;}

dd#home,#home a.ir {background-position: 0 0px;}
dd#email,#email a.ir {background-position: -102px 0px;}
dd#sitemap,#sitemap a.ir {background-position: -210px 0px;}


/* ----- MAIN MP NAVIGATION ----- */

#main-nav {
    width: 743px; height: 29px;
 background-repeat: no-repeat;
    margin: 10px 0 10px 0;
    padding: 0;
 z-index: 1;
 position: relative;
 clear: both;
 display: block;
 }

#main-nav dd {margin: 0; padding: 0; list-style: none;
float: left;
background-image: url(/public/img/mp/hm_mp_nav.jpg);
background-repeat: no-repeat;
position: relative;
z-index: 1;
}

#main-nav a.ir {background: url(/public/img/mp/hm_mp_nav.jpg) 0px 0px no-repeat;
display: block;
height: 0;
padding-top: 29px;
overflow: hidden;
}

#main-nav dt {position: absolute; top: -200em;}

dd#about {width: 127px;}
dd#services {width: 160px;}
dd#resources {width: 155px;}
dd#contact {width: 158px;}
dd#nfp {width: 143px;}

dd#about,#about a.ir {background-position: 0 0;}
dd#services,#services a.ir {background-position: -127px 0px;}
dd#resources,#resources a.ir {background-position: -287px 0px;}
dd#contact,#contact a.ir {background-position: -442px 0px;}
dd#nfp,#nfp a.ir {background-position: -601px 0px;}


/* ----- MAIN INT NAVIGATION ----- */

#main-int-nav {
    width: 725px; height: 28px;
 background-repeat: no-repeat;
    margin: 0 0 0 9px;
    padding: 0;
 z-index: 1;
 position: relative;
 clear: both;
 display: block;
 }

#main-int-nav dd {margin: 0; padding: 0; list-style: none;
float: left;
background-image: url(/public/img/int/hm_int_nav.jpg);
background-repeat: no-repeat;
position: relative;
z-index: 1;
}

#main-int-nav a.ir {background: url(/public/img/int/hm_int_nav.jpg) 0px 0px no-repeat;
display: block;
height: 0;
padding-top: 28px;
overflow: hidden;
}

#main-int-nav dt {position: absolute; top: -200em;}

dd#int-about {width: 133px;}
dd#int-services {width: 151px;}
dd#int-resources {width: 144px;}
dd#int-contact {width: 146px;}
dd#int-nfp {width: 151px;}

dd#int-about,#int-about a.ir {background-position: 0 0;}
dd#int-services,#int-services a.ir {background-position: -133px 0px;}
dd#int-resources,#int-resources a.ir {background-position: -284px 0px;}
dd#int-contact,#int-contact a.ir {background-position: -428px 0px;}
dd#int-nfp,#int-nfp a.ir {background-position: -574px 0px;}

sup {font-size:xx-small; vertical-align:top;}