@import url('base.css');

#top {
    position: relative;
    left: 25%;
    bottom: 5px;
    z-index: 1;
}
    
#top ul {
    font: bold 13px Verdana, serif;
}

#top ul li {
    list-style: none;
    text-align: center;
    display: inline;    
}

#top ul li a {
    color: #FFFFFF;
    background: #79A3A3 url('../px/vertical.gif') repeat-x bottom;
    text-decoration: none;
    padding: 7px;
    margin: 0;
    border: 1px solid #D5DFDF;
}

#top ul li a:hover {
    background: #447777;
}

#line {
    width: 95%;
    height: 115px;
    
    position: absolute;
    top: 10px;
    left: 10px;
    
    padding: 0;

    background: #447777 url('../px/icon.jpg') no-repeat left;
    font: normal 16px Georgia, serif;
    color: #FFFFFF;
    
    text-align: left;

    border: 1px solid #447777;
    border-bottom: none;
}

#in {
    padding: 15px;
    padding-left: 120px;
    font: bold 13px Verdana, serif;
    text-transform: uppercase;
}   

#box {
    width: 95%;
    
    position: absolute;
    top: 126px;
    left: 10px;
    
    padding: 0;
    margin: 0;
    
    background: #79A3A3;
    
    border: 1px solid #447777;
    border-top: none;
}

#menu {
    width: 25%;
    background: #79A3A3 url('../px/vertical2.gif') repeat-x top;
    color: #F5F5F5;
}

#menu ul {
    padding: 15px;
    padding-left: 30px;
    text-indent: -0.9em;
}

#menu ul li {
    list-style: square;
    font: normal 12.5px/1.2em Verdana, sans-serif;    
    list-style-position: inside;
}

#menu ul li a {
    list-style-position: inside;
    color: #F5F5F5;
    text-decoration: none;
}

#menu ul li a:hover {
    list-style: square;
    text-decoration: underline;
}

#text {
    width: 70%;
    min-height: 1200px;
    float: right;
    color: #2F4F4F;
    padding: 30px;
    font: normal 12px/1.5em Verdana, sans-serif;
    text-align: justify;
    background: #FFFFFF url('../px/horizontal.gif') repeat-y right;
}

#text img {
    border: 0;
}

#text p a, #text ul a {
    text-decoration: none;
    color: #447777;    
}

#text p a:hover, #text ul a:hover {
    background: #D5DFDF;
    border-bottom: 1px solid #447777;
}

#text ul li {
    list-style: square;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 15px;    
}

#text ol li {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;  
}

#text p {
    margin-top: 10px;
    margin-bottom: 10px;
}

#text #id_search {
    width: 450px;
    border: 1px solid #79A3A3;
    text-indent: 5px;
}

#text #id_submit {
    font: normal 16.5px Georgia, serif;
    color: #000000;    
    border: none;
    border-bottom: 1px solid #FFFFFF;
}

#text #id_submit:hover {
    background: #D5DFDF;
    border-bottom: 1px solid #447777;

}

#text #id_search, #id_submit {
    margin-right: 10px;    
    background: #FFFFFF;
}

#bottom {
    clear: both;
    height: 10px;
    background: #79A3A3 url('../px/vertical.gif') repeat-x bottom;
}