@import url("all.css");

#mainOuter
{
    background: transparent url(../images/top-inside-bg.jpg) repeat-x center top;
}
#main
{
    background: transparent url(../images/top-inside-bg-photoframe.jpg) no-repeat right top;
    padding-top: 30px;
}
#mainHead
{
    height: 34px;
}
#mainSubMenu
{
    float: left;
    width: 202px;
    margin: 20px 15px 20px 0px;
    font-size: 14px;
}
    #mainSubMenu ul
    {
        width: 190px;
        margin: 0px;
        padding: 0px;
        list-style: none;
        border-bottom: solid 3px #D1D1D1;
    }
    #mainSubMenu ul li
    {
        width: 190px;
        margin: 0px;
        padding: 0px;
    }
    #mainSubMenu ul li a
    {
        text-decoration: none;
        display: block;
        width: 170px;
        padding: 10px;
        color: #049971;
        border-bottom: solid 1px #D1D1D1;
    }
    #mainSubMenu ul li a:hover
    {
        width: 170px;
        font-weight: bold;
    }
    #mainSubMenu ul li a.selected
    {
        width: 182px;
        font-weight: bold;
        border-bottom: solid 1px transparent;
        background: url(../images/submenu-bg.jpg) no-repeat left center;
        margin-top: -2px;
    }
#mainContent
{
    margin: 20px 0px 0px 222px;
}
    #mainImage
    {
        float: right;
        width: 380px;
        height: 174px;
        margin: -52px 13px 15px 15px;
    }
    
    
table.markets td
{
    border-bottom: solid 1px #D1D1D1;
}
table.markets td.logo
{
    padding: 10px 0px;
    text-align: center;
}
table.markets td.description
{
    padding: 10px 10px 5px 10px;
    background: url(../images/vertical-bar.jpg) no-repeat right center;
}
table.markets td.links
{
    padding: 10px 10px 10px 5px;
}
table.markets td.event
{
    background: url(../images/event-tag.jpg) no-repeat right top;
}

.form td { padding: 0px 10px 5px 0px; }
.form .button { padding: 5px 10px; font-weight: bold; text-transform: uppercase; }