body
{
margin: 0;
padding: 0;
font-family: "Tahoma", "Arial", "Helvetica";
font-size: 14px;
}

table, td
{
border: 0;
border-spacing: 0;
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
}

/********** canvas **********/

#canvas
{
width: 100%;
}

/********** header & footer **********/

#logo
{
background: #fff url(glyph/mhr_logo_40.png) center no-repeat;
}

#header, #footer
{
padding-left: 10px;
background: #fff;
text-align: left;
color: #5e5e5e;
}

#header h1
{
margin: 8px 0 10px 0;
font-size: 28px;
}

#footer /*override*/
{
vertical-align: bottom;
}

/********** navigation **********/

#navigation
{
padding: 10px 0 0 2px;
background: #fff;
text-align: center;
font-weight: bold;
}

#navigation a, #navigation a:hover, #navigation .choice
{
display: block;
margin-bottom: 6px;
padding: 1px 8px 3px 6px;
background: #6a2 url(glyph/hemi-left-6a2-21.png) left center no-repeat;
color: #fff;
text-decoration: none;
}

#navigation a:hover /*override*/
{
background: #fb0 url(glyph/hemi-left-fb0-21.png) left center no-repeat;
}

#navigation .choice /*override*/
{
background: #ada url(glyph/hemi-left-ada-21.png) left center no-repeat;
color: #444;
}

/********** content **********/

#content
{
background: #ada;
padding: 4px 0 8px 4px;
}

#content h2
{
margin: 4px 0 0 8px;
font-size: 24px;
}

#content h3
{
margin: 16px 0 6px 0;
border-top: solid #8a8 1px;
font-size: 20px;
}

#content h4
{
margin: 4px;
font-size: 16px;
}

#content p
{
margin: 8px 0 8px 0;
}

#content ol
{
margin: 0;
padding-left: 36px;
}

#content ul
{
margin: 0;
padding-left: 24px;
}

#content .column
{
width: 50%;
padding: 0 4px 0 8px;
}

#content .showcase
{
margin: 0 4px 0 4px;
}

#content .showcase td
{
border: solid #ada 2px;
padding: 0 0 0 4px;
background: #b7e8b7;
}

#content .captionright
{
font-size: 10px;
}

#content .captionright img
{
float: left;
padding: 0 4px 0 0;
}
#content .captionbottom
{
font-size: 10px;
text-align: center;
}

#content .captionbottom img
{
float: top;
padding: 4px 0 0 0;
}