
#LayerHead {
    width: 100%;
    height: 100%;
    background-image: url(../assets/layerhead-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0%;
}

#LayerBody {
    width: 100%;
    height: 100%;
    background-image: url(../assets/layerbody-bg.png);
    background-repeat: repeat-x;
    background-position: 0% 100%;
}

#LayerFoot {
    width: 100%;
    height: 100%;
    background-image: url(../assets/layerfoot-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

#PageHeader {
    width: 924px;
    height: 320px;
    position: relative;
    left: 50%;
    margin-left: -462px;
    background-image: url(../assets/pageheader-bg.png);
    background-repeat: no-repeat;
    background-position: 0px 52px;
}

#PageBody {
    width: 924px;
    clear: both;
    position: relative;
    left: 50%;
    margin-left: -462px;
}

#PageFooter {
    width: 924px;
    height: 60px;
    position: relative;
    left: 50%;
    margin-left: -462px;
    margin-top: 10px;
    padding: 8px 15px 20px 15px;
    background-image: url(../assets/pagefooter-bg.png);
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

#PageMenu {
    float:left;
    width: 768px;
    height: 50px;
    margin: 0px 0px 210px 3px;
}

#PageMenu TD {
    width: 80px;
    height: 50px;
    padding: 0px 8px 15px 8px;
    background-image: url(../assets/pagemenu-bg.png);
    background-repeat: no-repeat;
    font-family: BH;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    color: #3b4765;
    cursor: pointer;
}

#PageMenu TD:hover {
    color: #73c300;
}

#PageHeader > IMG {
    float: left;
    width: 153px;
    height: 86px;
    margin-bottom: 174px;
    cursor: pointer;
}

#PageFooter UL.Menu {
    float: left;
    margin: 11px 8px 0px 20px;
    padding: 0px;
}

#PageFooter UL.Menu LI {
    list-style-type: none;
    display: inline;
    margin: 0px 0px 0px 7px;
    padding: 0px 0px 0px 7px;
    border-left: 1px solid #b0b0b0;
}

#PageFooter UL.Menu LI:first-child {
    border: none;
}

#PageFooter UL.Menu A {
    font-family: BH;
    font-size: 12px;
    text-shadow: #333333 1px 1px 1px;
    color: #efefef;
}

#PageFooter UL.Menu A:hover {
    color: #ffc22c;
}

#Copyright {
    float: left;
    width: 185px;
    height: 36px;
    padding: 4px 8px 4px 0px;
    border-right: 1px solid #b0b0b0;
    font-family: BH;
    font-size: 11px;
    text-shadow: 1px 0px 1px #555555, 0px 1px 1px #555555, -1px 0px 1px #555555, 0px -1px 1px #555555;
    color: #ffffff;
}

#Copyright A {
    font-family: BH;
    font-size: 11px;
    color: #f0ff00;
}

#Copyright A:hover {
    color: #ffc22c;
}

#PageFilling {
    padding: 10px 15px 10px 15px;
    border: 1px solid #c2c6cf;
    background-color: #f5f6f6;
}


#ZoomBG {
    visibility: hidden;
    position: absolute;
    background-color: #000000;
    z-index: 1024;
}

#ZoomDIV {
    visibility: hidden;
    position: absolute;
    padding: 0px 10px 0px 10px;
    border: 1px solid #000000;
    background-color: #f5f5f1;
    z-index: 1025;
}

#ZoomHead {
    float: right;
    margin: 5px 0px 5px 0px;
    border: none;
    cursor: pointer;
}

#ZoomIMG {
    clear: both;
    border: 1px solid #333333;
}

#ZoomFoot {
    clear: both;
    height: 20px;
    margin: 15px 0px 0px 0px;
}

#ZoomFoot > IMG {
    float: left;
}

#ZoomFoot > A {
    display: block;
    float: left;
    width: 16px;
    height: 20px;
    margin: 0px 2px 0px 2px;
    padding: 3px 1px 0px 1px;
    border: 1px solid #c6c6c6;
    background-color: #dedede;
    font-size: 9px;
    text-align: center;
    color: #353535;    
}

#ZoomFoot > A:hover {
    background-color: #f5f5f1;
}

#ZoomFoot > A.Selected {
    border: 1px solid #101010;
}


TABLE.Data {
    width: 100%;
}

TABLE.Data TD {
    padding: 6px 0px 3px 0px;
    border-bottom: 1px solid #d1d8ea;
    line-height: 1.2;
    vertical-align: top;    
}

TABLE.Data TR TD.FirstChild {
    width: 140px;
    font-style: italic;
    color: #51618a;
}

TABLE.Data TD + TD {
    padding-left: 15px;
}

TABLE.Data TD P, TABLE.Data TD UL, TABLE.Data TD OL {
    margin: 8px 0px 8px 0px;
}

TABLE.Data LI {
    margin: 2px 0px 2px 0px;
}

TABLE.Data TD UL {
    padding-left: 16px;
}

TABLE.Data TD OL {
    padding-left: 24px;
}


DIV.Footnotes {
    margin: 15px 0px 0px 0px;
    padding: 4px;
    border-top: 1px solid #c2c6cf;
    border-bottom: 1px solid #c2c6cf;
    background-color: #eaecec;
    font-size: 10px;
    color: #374461;
}   

DIV.Footnotes P, DIV.Footnotes UL, DIV.Footnotes OL, DIV.Footnotes DL {
    font-size: 10px;
    color: #374461;
}

DIV.Footnotes A {
    font-size: 10px;
}


TABLE.Flayer {
    float: left; 
    width: 287px;
    height: 184px;
    background-image: url('../assets/flayer-bg.png');
    background-repeat: no-repeat;
}

TABLE.Flayer THEAD > TR {
    height: 43px;
}

TABLE.Flayer THEAD TD {
    padding: 14px 0px 0px 20px;   
    font-size: 12px;
    font-weight: bold;
    color: #1d2433;
}

TABLE.Flayer THEAD TD SPAN {
    font-weight: normal;
    text-shadow: 1px 0px 1px #555555, 0px 1px 1px #555555, -1px 0px 1px #555555, 0px -1px 1px #555555;
    color: #ffffff;
}

TABLE.Flayer TD.Thumbnail {
   width: 65px;
   height: 62px;
   vertical-align: top;
}

TABLE.Flayer TD.Thumbnail IMG {
    width: 52px;
    height: 52px;
    margin: 8px 0px 0px 13px;
    border: 1px solid #000000;
}

TABLE.Flayer TD.Data {
    width: 222px;
    height: 143px;
    vertical-align: middle;
}

TABLE.Flayer TD.Data TABLE {
    width: 201px;
    margin: 8px 13px 13px 8px;
    border-spacing: 1px;
}

TABLE.Flayer TD.Data TABLE TD {
    padding: 3px 3px 3px 3px;
    background-color: #eaecec;
    font-size: 11px;
    color: #3b4765;
}

TABLE.Flayer TD.Data TABLE TD:first-child {
    width: 80px;
}

TABLE.Flayer TD.Data TABLE TD + TD {
    background-color: #c9c9c9;
    color: #1d2433;
}

TABLE.Flayer TD.Panorama {
   width: 65px;
   height: 52px;
   vertical-align: top;
}

TABLE.Flayer TD.Panorama IMG {
    width: 50px;
    height: 50px;
    margin: 0px 0px 0px 13px;
}

TABLE.Flayer TD.More {
    height: 29px;
    background-image: url('../assets/flayer-button.png');
    background-repeat: no-repeat;
    background-position: 13px 0px;
    vertical-align: top;
    text-align: center;
    font-size: 10px;
}

TABLE.Flayer TD.More A {
    margin-left: 13px;
    font-size: 10px;
    color: #ffffff;
}

TABLE.Flayer TD.More A:hover {
    color: #73c300;
}

TABLE.Flayer + TABLE.Flayer {
    margin-left: 15px;
}
