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


/* Structure */

#pageContainer
{
    width: 810px;
    margin: 0 auto;
}


#headerContainer
{
    float: left;
    position: relative;
    margin: 5px 0 0 0;
    z-index: 500;
}

#bodyHeaderContainer
{
    float: left;
    position: relative;
    width: 100%;
    z-index: 400;
}

#bodyContainer
{
    float: left;
    position: relative;
    margin: 10px 0;
    z-index: 300;
}

#bodyFooterContainer
{
    float: left;
    position: relative;
    width: 100%;
    z-index: 200;
}

#footerContainer
{
    clear: both;
    width: 100%;
    margin: 5px 0 15px 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #999;
    z-index: 100;
}

/* Footer Styles */

#footerContainer { font-size: 0.9em; color: #999 !important; background-color: inherit; }
#footerContainer a { color: #999 !important; background-color: inherit; }
#footerContainer a:hover { text-decoration: none !important; color: #999 !important; background-color: inherit; }
#footerContainer a:visited { color: #999; background-color: inherit; text-decoration: underline; }
#footerContainer p,
#footerContainer ul { margin: 0 0 0.5em 0; }
#footerContainer h2 { margin: 0; font-size: 1em; }

/* Global Styles */
a { color: #18618C; background-color: inherit; }
a:visited { color: #977b97; background-color: inherit; }
a:hover { text-decoration: none; color: #000; background-color: inherit; }
a:active { text-decoration: none; color: #00aad8; background-color: inherit; }

img { border-style: none; }
p { line-height: 1.35em; margin: 0.5em 0 0.75em 0; }
h1 { font-size: 1.5em; font-weight: bold; margin: 0 0 0.45em 0; }
h2 { font-size: 1.25em; font-weight: bold; margin: 0 0 0.45em 0; }
h3 { font-size: 1.15em; font-weight: bold; margin: 0; }

strong { font-weight: bold; }
em { font-style: italic; }

.clear { clear: both; }


/* Lists */
ul.twoCol { float: left; list-style: none; width: 45%; padding: 0; margin: 0; line-height: 1.40em; }
ul.threeCol { float: left; list-style: none; width: 30%; padding: 0; margin: 0; line-height: 1.40em; }
ul.comma { list-style: none; margin: 0 0 0.75em 0; padding: 0; line-height: 1.40em; }
ul.comma li { display: inline; margin: 0; padding: 0; white-space: nowrap; } /* When CSS2 is supported we should use :after and content */

/* Lists styled with small dot */
ul.style1 { padding: 0; margin: 0; list-style: none; }
ul.style1 li { position: relative; padding-left: 0.8em; background-image: url("../images/common/list_dot_sm.gif"); background-repeat: no-repeat; background-position: 0.1em 0.5em; margin: 0 0 0.25em 0; }


/* Styles */
*.style1 h1, h1.style1, h1.style1 A, *.style1 h2, h2.style1, h2.style1 A,
*.style1 h3, h3.style1, h3.style1 A,
*.style1 label { color: #A44D20 !important; background-color: inherit; }
*.style1 hr, hr.style2 { border-bottom: 1px dashed #d5d5d5; height: 1px; }

*.style2 h1, h1.style2, h1.style2 A, *.style2 h2, h2.style2, h2.style2 A,
*.style2 h3, h3.style2, h3.style2 A,
*.style2 label { color: #054773 !important; background-color: inherit; }
*.style2 hr, hr.style2 { border: 0; height: 1px; background-color: #C8D5E3; color: inherit; }