body { padding: 0; background-color: #bbb; background-image: url(../images/common/background-gray_stripes.png); background-attachment: fixed; color: #fff; font-family: Verdana, Arial, sans-serif; margin: 0 }


a:link, a:visited { background-color: inherit; color: #ff0; text-decoration: none }
a:hover, a:active { background-color: inherit; color: #fff; text-decoration: underline }


acronym { cursor: help }


div#Page { padding: 32px; border-left: 10px solid #333; border-right: 10px solid #333; background-color: #344; color: #fff; width: 695px; margin: auto }


div#PageHeader { margin: 32px auto }

div#PageHeader img { margin: auto; display: block }


p.LocalLinks { background-color: transparent; color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; text-align: center; letter-spacing: 2px; margin: 32px auto }


div#ContentHeader { width: 600px; position: relative; margin: 32px auto auto auto }

div#ContentFooter { width: 600px; position: relative; margin: auto }

div#ContentHeader img, div#ContentFooter img { border: none; display: block }

img#ContentFooterButton1 { position: absolute; right: 193px; top: 3px }
img#ContentFooterButton2 { position: absolute; right: 98px; top: 3px }
img#ContentFooterButton3 { position: absolute; right: 3px; top: 3px }

div#ContentFooter img:active { top: 4px }


div#MainMenu { background-color: #000; color: #fff; padding: 4px; width: 592px; margin: auto }

div#MainMenu div.MenuItem { margin: 4px 0 0 0 }

div#MainMenu h2 { background-color: #333; color: #fff; padding: 4px 5px; font-size: 18px; margin: 0 0 4px 0 }

div#MainMenu a img { display: block; border: none }

div#MainMenu h3 { background-color: #777; color: #fff; padding: 4px 5px; font-size: 14px; margin: 0 }

div#MainMenu p { background-color: #eee; color: #000; padding: 4px 4px 4px 16px; font-size: 10px; font-weight: bold; margin: 0 }

div#MainMenu A:link, div#MainMenu A:visited { background-color: inherit; color: #00f; text-decoration: none }
div#MainMenu A:hover { background-color: inherit; color: #f00; text-decoration: underline }
div#MainMenu A:active { background-color: inherit; color: #000; text-decoration: underline }


/*  Note: Gecko overrode the following margins with the div#MainMenu div margin
    in Firefox 1.0.3 when I was trying to position a div o' paragraphs within
    another div o' divs with margins.  To work around that, I changed
    div#MainMenu div to div#MainMenu div.MenuItem.

    div#UpdateBox { width: 200px; height: 100%; position: absolute; right: 0; top: 0; overflow: auto; margin: 0 }

    Gecko also fails to apply mouse-scrolling to overflow: auto content.  */


div#PageFooter { width: 584px; margin: 32px auto auto auto }

div#PageFooter p { font-family: Verdana, Arial, sans-serif; font-size: 10px; margin: 0 }

div#PageFooter A:link, div#PageFooter A:visited { background-color: inherit; color: #fff; text-decoration: none }
div#PageFooter A:hover { background-color: inherit; color: #ff0; text-decoration: underline }
div#PageFooter A:active { background-color: inherit; color: #000; text-decoration: underline }