body
    {
    padding:                        0px;
    margin:                         0px;
    font-family:                    sans-serif;
    background-color:               #ffffff;
    color:                          #000000;
    }


div.top-banner-layer
    {
    height:                         131px;
    width:                          100%;
    background-image:               url( "./graph/right-img-back.png" );
    background-color:               #000000;
    margin:                         0px;
    padding:                        0px;
    }


img.top-banner
    {
    display:                        block;
    position:                       absolute;
    
    left:                           50%;
#    margin-left:                    -315px;
    margin-left:                    -375px;
    z-index:                        2;
    }


div.left-img-back
    {
    position:                       absolute;
    left:                           0px;
    top:                            0px;
    width:                          50%;
    height:                         128px;
    background-image:               url( "./graph/left-img-back.png" );
    z-index:                        1;
    }


div.main-layer
    {
    min-height:                     453px;
    width:                          910px;

    background-image:               url( "./graph/back.png" );
    background-repeat:              repeat-x;

    position:                       relative;
    left:                           50%;
    margin-left:                    -455px;
    }



div.left-frame
    {
    position:                       absolute;
    left:                           0px;
    top:                            0px;
    height:                         100%;
    width:                          30px;
    background-image:               url( "./graph/left-frame.png" );
    background-repeat:              no-repeat;
    z-index:                        0;
    }


div.right-frame
    {
    position:                       absolute;
    right:                          0px;
    top:                            0px;
    height:                         100%;
    width:                          27px;
    background-image:               url( "./graph/right-frame.png" );
    background-repeat:              no-repeat;
    z-index:                        0;
    }


div.image-bar
    {
    margin-top:                     5px;
    display:                        block;
    position:                       relative;
    width:                          150px;
    background:                     #ffffff;
    left:                           0px;
    float:                          left;
    min-height:                     433px;
    padding:                        30px 30px 0px 30px;
    text-align:                     center;
    background-image:               url( "./graph/top-frame.png" );
    background-repeat:              repeat-x;

    /** IE hack **/
    height:                         auto !important;
    height:                         450px;
    overflow:                       visible;
    }


div.image-bar img
    {
    display:                        block;
    margin-left:                    auto;
    margin-right:                   auto;
    margin-bottom:                  20px;
    border-style:                   none;
    border-width:                   0px;
    }


div.page-content
    {
    margin-top:                     5px;
    margin-left:                    0px;
    display:                        block;
    position:                       relative;
    width:                          630px;
    background:                     #ffffff;
    left:                           0px;

    float:                          left;
    min-height:                     433px;
    padding:                        30px 35px 0px 35px;
    background-image:               url( "./graph/top-frame.png" );
    background-repeat:              repeat-x;

    /** IE hack **/
    height:                         auto !important;
    height:                         450px;
    overflow:                       visible;
    }




div.page-text
    {
    text-align:                     justify;
    font-size:                      0.8em;
    }


div.top-menu
    {
    height:                         39px;
    margin:                         0px;
    padding:                        0px;
    background-image:               url( "./graph/tab-bar-back.png" );
    background-repeat:              no-repeat;
    margin-left:                    7px;
    padding-left:                   10px;
    }



ul.tab-menu
    {
    width:                          100%;
    margin:                         0px;
    padding:                        0px;
    padding-left:                   1px;
    }


ul.tab-menu li
    {
    float:                          left;
    list-style-type:                none;
    padding:                        0px 0px;
    width:                          146px;
    text-align:                     center;
    }


ul.tab-menu a
    {
    display:                        block;
    color:                          #309C24;
    text-decoration:                none;
    padding-top:                    9px;
    padding-bottom:                 10px;
    width:                          146px;
    text-align:                     center;
    height:                         20px;
    font-weight:                    bold;
    background-image:               url( "./graph/button-normal.png" );
    }



ul.tab-menu a:hover
    {
    color:                          #ffffff;
    background-image:               url( "./graph/button-hover.png" );
    text-decoration:                none;
    }






div.content-layer
    {
    width:                          100%;
    background-image:               url( "./graph/back.png" );
    background-repeat:              repeat-x;
    min-height:                     433px;
    }



object.gmap
    {
    margin-left:                    22px;
    width:                          600px;
    height:                         350px;
    padding:                        0px;
    }

    
div.page-text a
    {
    color:                          #309C24;
    font-weight:                    bold;
    text-decoration:                none;
    }    

div.page-text a:hover
    {
    text-decoration:                underline;
    }


div.page-text p
    {
    text-indent:                    2.5em;
    }


div.page-text table p
    {
    text-indent:                    0px;
    }

div.page-text ul li
    {
    text-indent:                    0px;
    }


div.sub-header
    {
    font-weight:                    bold;
    text-align:                     center;
    }

div.where-and-when
    {
    color:                          #882233;
    font-weight:                    bold;
    }

div.free-access
    {
    color:                          #55aa33;
    font-weight:                    bold;
    }

td.no-idea-for-class-name
    {
    width:                          150px;
    }


table.spaced td
    {
    padding-bottom:                 20px;
    }



td.no-idea-again
    {
    width:                          200px;
    }