/*
    General
*/

.content {
    margin: 0 auto;
    /*width: 64em;*/
    width: 940px;
}

.content .content {
    width: auto;
}

div.separator { clear: both; }
div.separator hr { display: none;}

/*
    pageHeader
*/

#pageHeader {
    background: #1b2f36 url( ../images/header.png ) top left repeat-x;
    color: white;
}

#whoami p {
    font-size: 2em;
    padding: 1.5em 0 0.5em 0;
    margin: 0;
    /*background: url( ../images/logo.png ) 3em center no-repeat;*/
}

#pageHeader, #pageHeader a {
    color: white;
    text-decoration: none;
}

/*
    pageFooter
*/

#pageFooter {
    background: #1b2f36;
    padding: 0.75em 0;
}

#pageFooter p {
    margin: 0;
    padding: 0 1em;
}

#pageFooter, #pageFooter a, #pageFooter acronym {
    color: white;
    text-decoration: none;
    border-color: white;
}

/*
    navMain
*/

#navMain ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
}

#navMain li { /* all list items */
    float: left;
    position: relative;
    padding: 0;
    margin: 0 1em 0 0;
    line-height: 200%;
}

#navMain li li {
    margin: 0;
    clear: both;
}

#navMain li ul { /* second-level lists */
    display: none;
    position: absolute;
    top: 1em;
    left: 0;
    background: #1b2f36;
    padding: 0.25em;
}

#navMain li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
    top: auto;
    left: auto;
}

#navMain a {
    color: white;
    padding: 0.25em;
}

#navMain li:hover ul, #navMain li.over ul { /* lists nested under hovered list items */
    display: block;
}

#navMain { position: relative; }
#navMain li.sitemap { position: absolute; right: 0.5em; margin: 0; color: red; }

/*
    pageMain
*/

#pageMain {
    padding-top: 1.4em;
    background: url( ../images/content.png ) left top repeat-x;
}

#pageMain h1 {
    padding: 0.25em 0;
}

#pageMain h1, #pageMain a {
    color: #2d4f73;
}

/*#pageBreadCrumb, #pageBreadCrumb a {
    color: #666;
}

#pageBreadCrumb {
    margin-bottom: 1.5em;
    margin-left: 0.5em;
}*/

#pageBreadcrumb {
    margin: 0 1em 1em 1em;
    border-bottom: 1px solid silver;
}

#pageBreadcrumb strong {
    font-weight: normal;
    color: #2d4f73;
}

#pageContent {
    background: white url( ../images/bg_content.png ) left top no-repeat;
    padding: 1em;
}

#realContent {
    margin-right: 18em;
    padding: 0 1em;
}

#realContent.wide {
    margin-right: 0;
    padding: 0 1em;
}

/*
    navSec
*/

#navSec {
    width: 17em;
    float: right;
    margin-top: 1em;
    margin-bottom: 1em;
    border-left: 1px solid silver;
    padding-left: 1em;
}

#navSec strong {
    font-weight: normal;
    font-size: 1.2em;
    padding: 0.25em 0;
    display: block;
}

#navSec strong, #navSec strong a {
    color: #2d4f73;
}

#navSec a {
    color: #2d4f73;
}

#navSec ul, #navSec li {
    margin: 0;
    padding: 0;
}

#navSec ul {
    list-style-type: none;
    margin-bottom: -1.2em;
}

#navSec ul ul {
    margin-bottom: 1.4em;
    list-style-type: disc;
}

#navSec li li {
    margin-left: 1.2em;
}

/*
    Pager
*/

p.pager {
    margin: 0;
    padding: 0;
}

.pager a, .pager span {
    display: inline-block;
    margin: 0 0.125em;
    padding: 0.25em 0.375em;
/*     border: 1px solid silver; */
}

/*.pager a {
    background: yellow;
}*/

/*.pager a:hover {
    background: orange;
}*/