/*******************************************************************/
/*                                                                 */
/* mooville.css                                                    */
/*                                                                 */
/* Copyright © 1998-2010 Roger Deetz. Some rights reserved.        */
/* Creative Commons Attribution 3.0 United States License          */
/* http://creativecommons.org/licenses/by/3.0/us/                  */
/*                                                                 */

/*
    Here are some colors used in this stylesheet:
        silver  #E5E7EB (light)
                #C5C8CB (medium)
                #A6A9AC (dark)
        blue    #65A1D7 (light)
                #4172A1 (medium)
                #1F446D (dark)
        red     #6D1F1F
*/

BODY
{
    margin: 0 auto;
    background-color: #4172A1;
    font-family: "Segoe UI" , "Verdana" , sans-serif;
    font-size: 0.8em;
}

H1
{
    color: #6D1F1F;
    font-weight: normal;
}

H2
{
    font-size: 1em;
    font-weight: bold;
}

H1 A
{
    color: #6D1F1F !important;
    text-decoration: none !important;
}

H1 A:hover, H1 A:active
{
    text-decoration: underline !important;
}

IMG
{
    border: 0;
}

HR
{
    height: 1px;
    color: #6D1F1F;
}

A:link, A:visited
{
    color: #1F446D;
}

A:hover, A:active
{
    color: #4172A1;
}

.accentText
{
    color: #6D1F1F;
}

.centerColumn
{
    width: 756px;
    margin: 0 auto;
    padding: 8px;
    color: black;
    background-color: white;
}

.centerColumn DIV
{
    position: relative;
}

.barCapLeft
{
    position: absolute;
    left: 0;
    top: 0;
}

.barCapRight
{
    position: absolute;
    top: 0;
    right: 0;
}

.barText
{
    padding: 4px;
}

.headerFill
{
    width: 724px;
    height: 102px;
    margin: 0 auto;
    background-image: url(images/HeaderFill.png);
    background-repeat: repeat-x;
}

.navigationFill
{
    width: 724px;
    height: 44px;
    margin: 0 auto;
    background-image: url(images/SubheaderFill.png);
    background-repeat: repeat-x;
}

.footerFill
{
    width: 740px;
    height: 26px;
    margin: 0 auto;
    background-image: url(images/SidebarFill.png);
    background-repeat: repeat-x;
}

.sidebarFill
{
    width: 218px;
    height: 26px;
    margin: 0 auto;
    background-image: url(images/SidebarFill.png);
    background-repeat: repeat-x;
}

.menuItems
{
    width: 724px;
    height: 44px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}

UL.menuItems LI
{
    width: 96px;
    height: 44px;
    padding: 9px 0 0 0;
    float: left;
    text-align: center;
    display: table-row;
}

UL.menuItems LI A
{
    width: 96px;
    height: 44px;
    padding: 0 10px 0 10px;
    color: black;
    font-size: 1.5em !important;
    text-transform: lowercase;
    text-decoration: none;
    display: table-cell;
}

UL.menuItems LI A:hover
{
    text-decoration: underline;
}

UL.menuItems LI.selectedMenuItem
{
    background-image: url(images/NavigationActive.png);
}

UL.menuItems LI.selectedMenuItem A
{
    color: white;
}

.content
{
    margin: 24px 0 24px 0;
}

.contentFull
{
    padding: 16px;
}

.contentFull H1
{
    margin-top: 0px;
}

.contentLeft
{
    width: 442px;
    padding: 16px;
}

.contentRight
{
    position: absolute !important;
    top: 0;
    right: 0;
    width: 234px;
    padding: 16px 0 16px 16px;
}

.contentRight .barText
{
    text-transform: lowercase;
}

.sidebarContent
{
    padding: 8px 16px 24px 16px;
}

.sidebarContent P
{
    margin: 0px 0px 8px 0px;
}

.portfolioThumbnailCell
{
    padding-right: 1em;
    padding-bottom: 1em;
}

.portfolioDescriptionCell
{
    vertical-align: top;
}

.portfolioThumbnail
{
    margin: 0.5em;
    border: 4px transparent solid;
    cursor: pointer;
}

.portfolioThumbnailActive
{
    margin: 0.5em;
    border: 4px #1F446D solid;
    cursor: pointer;
}

.portfolioInfoCell
{
    vertical-align: top;
    padding: 0 2em 2em 0;
}