body {
    margin:0;
    padding:0;
    font-family: Arial;
    font-size:12px;
    color:#333;
    background:url(../images/dropshadow.jpg) top center repeat-y;
}
#wrapper {
    width:640px;
    margin:0 auto;
    background:url(../images/header_bkgrd.jpg) top center no-repeat;
}


/*-- HEADER
------------------------------------------------------------------------*/
#hdr {
    width:585px;
    height:100px;
    margin:0 auto;
    position:relative;
}
    #hdr #fd-logo {
        display:block;
        position:absolute;
        float:left;
        top:40px;
        left:0px;
        width:176px;
        height:36px;
        background:url(../images/finn-digital.png) 0 0 no-repeat;
    }
    #hdr #hotsheet-logo {
        display:block;
        position:absolute;
        float:right;
        top:36px;
        right:0px;
        width:178px;
        height:41px;
        background:url(../images/hot-sheet.png) 0 0 no-repeat;
    }
/*--------------------------------------------------------------------------*/



/*-- CONTENT
------------------------------------------------------------------------*/    
#content {
    width:585px;
    margin:20px auto;
}
    #content #left {
        float:left;
        /*width:400px;*/
        width:399px;
        margin:0;
    }
    #content #right {
        float:right;
        width:180px;
        margin:0;
    }
/*--------------------------------------------------------------------------*/


    
/*-- NAVIGATION
------------------------------------------------------------------------*/
#nav {
    width:585px;
    margin:0 auto 10px auto;
    height:21px;
}
#nav ul {
    width:585px;
    margin:0;
    padding:0;
}
#nav ul li {
    list-style:none;
    display:block;
    float:left;
    width:77px;
    height:21px;
    margin:0 8px 0 0;
}
#nav ul li.current {
    background:url(../images/nav_item_bkgrd.gif) top center no-repeat;
}
#nav ul li.current a:link,
#nav ul li.current a:visited {
    color:#fff;
}
#nav ul li a:link,
#nav ul li a:visited {
    color:#646464;
    line-height:19px;
    display:block;
    text-align:center;
    font-size:14px;
    text-decoration:none;
}
#nav ul li a:hover {
    color:#86B612;
}
#nav ul li.search {
    width:330px;
    margin:0 0 0 0;
    position:relative;
    text-align:right;
}
#nav ul li.search #txtSearch {
    display:block;
    width:180px;
    padding:4px;
    color:#424141;
    text-transform:uppercase;
    font-size:8pt;
    
    float:right;
    position:absolute;
    top:0px;
    right:0px;
    z-index:5;
}
#nav ul li.search #btnSearch {
    display:block;
    width:30px;
    height:20px;
    border:0;
    font-size:0;
    text-decoration:none;
    background:url(../images/btnSearch_up.gif) top center no-repeat;
    cursor:pointer;
    outline:none;
    z-index:10;
    
    float:right;
    position:absolute;
    top:2px;
    right:2px;
}
/*--------------------------------------------------------------------------*/



/*-- TOP TEN TOGGLE
------------------------------------------------------------------------*/
.ui-tabs .ui-tabs-hide {
     display: none;
}
ul.toggle-tabs .heading {
    font-size:20px;
    color:#86B612;
    display:block;
    float:left;
    margin:0 10px 0 0;
}
ul.toggle-tabs {
    margin:0;
    padding:0;
}
ul.toggle-tabs li {
    list-style:none;
    display:block;
    float:left;
}
ul.toggle-tabs li.toggle {
    background:url(../images/top_ten_toggle_bkgrd.gif) 0 0 no-repeat;
    width:68px;
    height:28px;
    margin:0 10px 0 0;
}
ul.toggle-tabs li.ui-state-active a {
    background:url(../images/top_ten_toggle_bkgrd_full.gif) 0 -28px no-repeat;
}
ul.toggle-tabs li a {
    display:block;
    font-size:15px;
    width:68px;
    height:28px;
    line-height:25px;
    float:left;
    text-align:center;
    text-decoration:none;
    overflow:hidden;
    background:url(../images/top_ten_toggle_bkgrd_full.gif) 0 0 no-repeat;
    color:#fff;
}
ul.toggle-tabs li a:hover {
    background:url(../images/top_ten_toggle_bkgrd_full.gif) 0 -28px no-repeat;
    color:#646464;
}
/*--------------------------------------------------------------------------*/




/*-- FOOTER
------------------------------------------------------------------------*/    
#footer {
    border-top:#CBCBCB 1px solid;
    clear:both;
    padding:20px 0;
    margin:20px 0 0 0;
}    
    #footer #contact-info {
        float:right;
        text-align:right;
    }
    #footer #contact-info a {
        color:#646464;
        text-decoration:none;
    }
    #footer #contact-info span {
        color:#86B612;
        font-weight:bold;
    }
    #footer #rss-subscribe {
        margin:20px 0 0 0;
    }
    #footer #rss-subscribe a:link,
    #footer #rss-subscribe a:visited {
        color:#86B612;
        text-decoration:none;
        font-weight:bold;
    }
    #footer #rss-subscribe a:hover {
        color:#646464;
    }

/*--------------------------------------------------------------------------*/