/* 
    Document   : style
    Created on : 2012/3/28, 下午 06:32:18
    Author     : peter
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body{
    background-color: #E0E9A5;
    margin-top: 0px;
    margin-left: 0px;
}

div#mainDiv{
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    width: 980px;
    height: 600px;
}

img#bgImg{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 980px;
    height: 600px;
    display: none;
}

img#logo{
    position: absolute;
    width: 200px;
    height: 175px;
    left: 0px;
    top: 0px;
    z-index: 2;
}

img#p01{
    position: absolute;
    width: 91px;
    height: 97px;
    top: 215px;
    left: 627px;
    display: none;
}

img#p02{
    position: absolute;
    width: 121px;
    height: 105px;
    top: 386px;
    left: 700px;
    display: none;
}

img#p03{
    position: absolute;
    width: 129px;
    height: 112px;
    top: 448px;
    left: 566px;
    display: none;
}

img#p04{
    position: absolute;
    width: 80px;
    height: 108px;
    top: 441px;
    left: 846px;
    display: none;
}

img#txt1{
    position: absolute;
    width: 248px;
    height: 76px;
    top: 175px;
    left: 300px;
    display: none;
}

img#txt2{
    position: absolute;
    width: 269px;
    height: 32px;
    left: 415px;
    top: 480px;
    display: none;
}

table#menuOuter{
    position: absolute;
    width: 210px;
    height: 600px;
    top: 0px;
    left: -210px;
/*    border: none;
    border-collapse: collapse;
    border-spacing: 0px;*/
}

/*table#menuOuter tr, table#menuOuter td{
    padding: 0px;
}*/

/*table#menu{
    top: 0px;
    width: 200px;
    height: 600px;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}*/

/*table#menu tr, table#menu td{
    border-collapse: collapse;
    border: none;
    border-spacing: 0px;
}*/

a.imgLink img{
    cursor: pointer;
    border: none;
}

img#menuImg0{
    width: 200px;
    height: 175px;
    display: block;
}

a#menuImg1{
    width: 200px;
    height: 41px;
    background-image: url('../images/menu_1.jpg');
    display: block;
}

a#menuImg1:hover{
    background-image: url('../images/menu_1_on.jpg');
}

a#menuImg2{
    width: 200px;
    height: 41px;
    background-image: url('../images/menu_2.jpg');
    display: block;
}

a#menuImg2:hover{
    background-image: url('../images/menu_2_on.jpg');
}

a#menuImg3{
    width: 200px;
    height: 52px;
    background-image: url('../images/menu_3.jpg');
    display: block;
}

a#menuImg3:hover{
    background-image: url('../images/menu_3_on.jpg');
}

a#menuImg4{
    width: 200px;
    height: 52px;
    background-image: url('../images/menu_4.jpg');
    display: block;
}

a#menuImg4:hover{
    background-image: url('../images/menu_4_on.jpg');
}

a#menuImg5{
    width: 200px;
    height: 51px;
    background-image: url('../images/menu_5.jpg');
    display: block;
}

a#menuImg5:hover{
    background-image: url('../images/menu_5_on.jpg');
}

a#menuImg6{
    width: 200px;
    height: 64px;
    background-image: url('../images/menu_6.jpg');
    display: block;
}

a#menuImg6:hover{
    background-image: url('../images/menu_6_on.jpg');
}

a#menuImg7{
    width: 200px;
    height: 41px;
    background-image: url('../images/menu_7.jpg');
    display: block;
}

a#menuImg7:hover{
    background-image: url('../images/menu_7_on.jpg');
}

a#menuImg8{
    width: 200px;
    height: 42px;
    background-image: url('../images/menu_8.jpg');
    display: block;
}

a#menuImg8:hover{
    background-image: url('../images/menu_8_on.jpg');
}

a#menuImg9{
    width: 200px;
    height: 41px;
    background-image: url('../images/menu_9.jpg');
    display: block;
}

a#menuImg9:hover{
    background-image: url('../images/menu_9_on.jpg');
}