@import "General.css";
@import "Header.css";
@import "Footer.css";

#homepage {
    margin-top : 0px;
}

#homepage #row-1 div.top, #homepage #row-2 div.top {
    background-image : url('../../Layout/Boxes/BigTop.gif');
    height : 16px;
    clear : both;
}

#homepage #row-1 div.top img.left, #homepage #row-2 div.top img.left {
    float : left;
    background-color : #fff;
    margin-left : 20px;
    padding-left : 15px;
    padding-right : 15px;
}

#homepage #row-1 div.top img.right, #homepage #row-2 div.top img.right {
    float : right;
    background-color : #fff;
    margin-right : 20px;
    padding-left : 15px;
    padding-right : 15px;
}

#homepage #row-1 div.mid, #homepage #row-2 div.mid{
    background-image : url('../../Layout/Boxes/BigMid.gif');
    height : 100%;
    overflow : auto;
}

#homepage #row-1 div.mid div.left, #homepage #row-2 div.mid div.left{
    float : left;
    width : 605px;
}

#homepage #row-1 div.mid div.left img.map{
    float : left;
    margin-left : 15px;
    margin-top : 5px;
}

#homepage #row-1 div.mid div.left p{
    float : left;
    display : inline;
    margin-left : 20px;
    margin-top : 5px;
    width : 180px;
    height : 170px;
}

#homepage #row-1 div.mid div.left ul.menu, #homepage #row-2 div.mid div.left ul.menu{
    float : right;
    display : inline;
    margin-left : 15px;
    width : 180px;
    margin-top : 5px;
    line-height : 19px;
}

#homepage #row-1 div.mid div.left ul.menu {
    margin-top : 10px;
}

#homepage #row-1 div.mid div.left ul.menu  li {
    background-position : 0 6px;
    line-height: 22px;
    height : 22px;
}

#homepage #row-1 div.mid div.left ul.menu  li {
    line-height: 22px;
    height : 22px;
}

#random-firm {
    float : right;
    clear: right;
    display : inline;
    margin-left : 15px;
    margin-top : 11px;
    width : 150px;
    height : 90px;
    border : 1px solid #808080; 
    margin-right : 25px;
    background-color : #f1f1f1;
    cursor : pointer;
}

#random-firm  h1 {
    display : block; 
    float : right;
    display : inline;
    background-color : #444; 
    padding : 2px 5px 3px 5px; 
    border : 1px solid #999; 
    opacity : .70;
    filter : alpha(opacity=70); 
    -moz-opacity : 0.7;
    font-size : 11px;
    color : #fff;
    font-weight : normal;
    margin-top : 60px;
    margin-right : 5px;
    margin-left : 5px;
    overflow : hidden;
    height : 18px;
}

#homepage #row-1 {
    margin-top : 25px;
}

#homepage #row-2 {
    margin-top : 10px;
}

#homepage #row-1 div.mid div.right, #homepage #row-2 div.mid div.right{
    float : right;
    width : 327px;
}

#homepage a.title {
    font-weight : bold;
    display : block;
    color : #666;
    margin-left : 20px;
    margin-top : 5px;
}

#homepage img.miniature {
    width : 90px;
    height : 120px;
    border : 1px solid #808080;
    float : left;
    display : inline;
    background-color : #f1f1f1;
    margin-top : 12px;
    margin-left : 20px;
    cursor : pointer;
}

#homepage p.description {
    margin-top : 12px;
    float : right;
    display : inline;
    width : 180px;
    margin-right: 15px;
    clear : none;
    min-height : 113px;
}

#homepage a.more {
    margin-top : 10px;
    float : right;
    display : inline;
    clear : right;
    margin-right : 20px;
    margin-bottom : 5px;
}

#homepage #row-1 div.bot, #homepage #row-2 div.bot {
    background-image : url('../../Layout/Boxes/BigBot.gif');
    height : 9px;
    clear : both;
    overflow : hidden;
}

#homepage #row-2 div.mid div.left p {
    margin-left : 20px;
}

#homepage #row-2 div.left p {
    margin-top : 10px;
    margin-left : 17px;
    float : left;
    width : 372px;
    display : inline;
}

#homepage #row-2 div.right {

}

#homepage #row-2 div.right img.miniature {
    width : 285px;
    height : 100px;
}

#homepage #row-2 div.right p.description {
    width : 290px;
    float : left;
    clear : both;
    margin-left : 22px;
    min-height : 95px;
}

#homepage #row-2 div.right a.more{
    clear : none;
    margin-bottom : 5px;
}

#bottom {
    height : 100%;
    overflow : auto;
}

#bottom #bottom-left {
    float : left;
    width : 260px;
    margin-top : 32px;
    clear: left;
    padding-bottom : 0px;
    margin-bottom : 0px;
    height : 100%;
    overflow : auto;
}

#bottom #bottom-left div.banner {
    width : 240px;
    height : 190px;
    overflow : hidden;
    border : 1px solid #808080;
    margin-bottom : 15px;
    background-color: #f1f1f1;
    margin-left : 3px;
    float : left;
    display : inline;
}

#bottom #bottom-left div.banner a img{
    border : 0;
}

#bottom-right {
    float : right;
    clear : right;
    display : inline;
    width : 700px;
    padding-bottom : 0px;
    margin-bottom : 0px;
}

#bottom-right div.row {
    float : right;
    width : 689px;
    height : 100%;
    overflow : auto;
    margin-top : 25px;
}

#bottom-right div.row div.top {
    background-image : url('../../Layout/Boxes/DoubleTop.gif');
    height : 16px;
    clear : both;
}

#bottom-right div.row div.top  img.left {
    float : left;
    background-color : #fff;
    margin-left : 20px;
    padding-left : 15px;
    padding-right : 15px;
}

#bottom-right div.row div.top  img.right {
    float : right;
    display : inline;
    background-color : #fff;
    margin-right : 20px;
    padding-left : 15px;
    padding-right : 15px;
}

#bottom-right div.row div.mid {
    background-image : url('../../Layout/Boxes/DoubleMid.gif');
    height : 100%;
    overflow : auto;
}

#bottom-right div.row div.mid div.left, #bottom-right div.row div.mid div.right {
    height : 100%;
    overflow : auto;
    margin-bottom : 5px;
}

#bottom-right div.row div.mid  p.description {
    min-height : 105px;
}

#bottom-right div.row div.mid  img.miniature {
    float : left;
    display : inline;
    margin-bottom : 0;
}

#bottom-right div.row div.mid a.more{
    clear : right;
    margin-bottom : 5px;
}

#bottom-right div.row div.mid div.left {
    width : 327px;
    float : left;
}

#bottom-right div.row div.mid div.right {
    width : 327px;
    float : right;
}

#bottom-right div.row div.bot {
    background-image : url('../../Layout/Boxes/DoubleBot.gif');
    height : 9px;
    clear : both;
    overflow : hidden;
}

#forum-links {
    margin-left : 20px;
    width : 290px;
    margin-top : 15px;
}

#forum-links li{
    overflow : hidden;
    height : 20px;
}

#news-box {
    margin-top : 5px;
}

#news-box div.row {
    height : 100%;
    overflow : auto;
    width : auto;
    margin : 0;
    padding : 0;
    float : none;
    display : block;
    margin-top : 5px;
}

#news-box img.miniature {
    width : 90px;
    height : 75px;
    clear : both;
    float : left;
    padding : 0;
    margin-top : 10px;
}

#news-box  a.title {
    float : right;
    display : inline;
    width : 180px;
    clear : right;
    margin : 0;
    padding : 0;
    margin-top : 10px;
    margin-right: 15px;
}

#news-box  a.description {
    float : right;
    display : inline;
    width : 180px;
    clear : right;
    margin : 0;
    padding : 0;
    margin-right: 15px;
    overflow:hidden;
}

#newsletter {
    width : 243px;
    float : left;
    display:block;
    clear : both;
}

#newsletter div.top {
    background-image : url('../../Layout/Boxes/NewsletterTop.gif');
    height : 16px;
    clear : both;
}

    
#newsletter div.top  img.left {
    float : left;
    background-color : #fff;
    margin-left : 20px;
    padding-left : 15px;
    padding-right : 15px;
}

#newsletter div.mid {
    background-image : url('../../Layout/Boxes/NewsletterMid.gif');
    height : 100%;
    overflow : auto;
}

#newsletter div.mid label {
    font-weight : bold;
    font-size : 11px;
    float : right;
    margin-right : 20px;
    margin-top : 5px;
}
#newsletter div.mid form {
   display : inline;
}

#newsletter div.mid input.text { 
    clear : both;
    float : right;
    border : 1px solid #bdbdbd;
    background-color : #f5f5f5;
    margin-right : 20px;
    width : 199px;
    margin-top : 2px;
    margin-bottom : 5px;
    color : #666;
    padding-left : 2px;
}

#newsletter div.mid input.button { 
    clear : both;
    float : right;
    margin-right : 20px;
    margin-bottom : 8px;
    background-color : #50391d;
    border : 1px solid #50391d;
    color : #fff;
    font-weight : bold;
    font-size : 11px;
}

#newsletter div.bot {
    background-image : url('../../Layout/Boxes/NewsletterBot.gif');
    height : 9px;
    clear : both;
    overflow : hidden;
    margin-bottom : 0;
}

#rotator {
    width : 400px;
    height : 185px;
    float : left;
    display : inline;
    margin-top : 5px;
    margin : 0px;
    list-style-type : none;
}

#rotator li {
    cursor : pointer;
}

#rotator img {
    width : 372px;
    height : 150px;
    border : 1px solid #808080;
    margin-left : 19px;
    margin-top : 3px;
    background-color : #f1f1f1;
    position : absolute;
    display : inline;
    z-index : 0;
}

#rotator div.titleContainer {
    position : absolute;
    width: 380px;
}

#rotator div.titleContainer h1{
    background-color : #444; 
    padding : 2px 5px 3px 5px; 
    border : 1px solid #999; 
    opacity : .70;
    filter : alpha(opacity=70); 
    -moz-opacity : 0.7;
    color : #fff;
    font-size : 13px;
    margin-top : 122px;
    margin-left : 10px;
    float : right;
}