/*beginning of frames setting*/
html{
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
      
    _padding:140px 160px 0px 0px;
}

body{
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
}

.frame{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
    
    _right:0;
    _bottom:0;
    _width:100%;
    _height:100%;
    _position:relative;
}

.frame-bd{
}

#main-header{
    overflow:hidden;
    position:absolute;
    width:100%;
    height:140px;
    top:0;
    left:0;

    _overflow:visible;
    _padding:0 160px 0 0;
}

#main-header .frame{
    overflow:hidden;

    _padding:0 0 0 160px; 
}

#main-header .frame .frame-bd{
    _margin:0 0 0 -160px; 
}

#pri-main{
    overflow:hidden;
    position:absolute;

    top:140px;
    left:160px;
    right:0px;
    bottom:0px;

    _top:140px;
    _bottom:auto;
    _height:100%;
}

#pri-main .frame{
  overflow:auto;
}

#sec-main{
    overflow:hidden;
    position:absolute;
    width:160px;
    top:140px;
    bottom:0px;
    left:0;
    background-color: rgb(119,138,173);

    _height:100%;
    _bottom:auto;
    _padding:0 0 0px 0;
}

#sec-main .frame{
    overflow:auto;
    _padding:0 0 0px 0;
}

/* prepares the background image to full wdth of the viewing area */
#bg {
     position:fixed;
     top:0;
     left:0;
     width:100%;
     height:139px;
     z-index:-1;

     _position:absolute;
}

/*Content Indent*/

.mod{
}

.mod .bd{
    padding:12px;
}

.mod .hd{
    padding:12px;
}

/*Image Hack*/
img {
    _behavior: url("pngbehavior.htc");
}


/*Navigation list*/

#navlist {
        color: white;
        background: #17a;
        border-bottom: 0.2em solid #17a;
        border-right: 0.2em solid #17a;
        padding: 0 1px;
        margin-left: 0;
        width: 100px;
        font: normal 10px Verdana, sans-serif;
}

#navlist li {
        list-style: none;
        margin: 0;
        font-size: 1em;
}

#navlist a {
        display: block;
        text-decoration: none;
        margin-bottom: 0.5em;
        margin-top: 0.5em;
        color: white;
        background: #39c;
        border-width: 1px;
        border-style: solid;
        border-color: #5bd #035 #068 #6cf;
        border-left: 1em solid #fc0;
        padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a {
        width: 99%;
        /* only necessary for Internet Explorer */
}

#navlist a {
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 9.6em;
        /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a {
        width: auto;
        /* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover {
        background: #28b;
        border-color: #069 #6cf #5bd #fc0;
        padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active {
        background: #17a;
        border-color: #069 #6cf #5bd white;
        padding: 0.4em 0.35em 0.25em 0.9em;
}
