HTML {
height: 101%;
}

#wrap {
        background-color: #afc6e9;
        width: 950px;
        height: 100%;
        margin: 0px auto;
}


#midl {
        width: 196px;
        height: 120px;
        padding: 0px 0px;
        margin: 0px;
        background-image : url(../images/pic.bluedivelogo.gif);
        float:left;
}

#midl h1 {
        font-size : 18px;
        font-weight: normal;
        color: #FFFFFF;
        padding: 0px;
        margin: 0px;
}

#midl h2 {
        font-family : "Georgia", Palatino, Times New Roman, serif;
        font-size : 6px;
        letter-spacing : -2px;
        font-weight: normal;
        padding: 0px;
        margin: 0px;
}

#midr {
        width: 754px;
        height: 120px;
        padding: 0px;
        margin: 0px;
        background-image : url(../images/pic.banner.gif);
        border-bottom: 0px solid #ffffff;
        float:right;
}

#common {
        width: 950px;
        height: 30px;
        background : #214478;
        border-bottom: 0px solid #ffffff;
        overflow: hidden;
        clear:both;
}

#common a {
        display: block;
        float: left;
        color: #afc6e9;
        text-decoration: none;
        border-right: 0px solid #ffffff;
        padding: 0px 27px;
        line-height: 29px;
        height: 40px;
}

#common a:hover {
        background :#162d50;
        color: #ffffff;
}

a.maintopic:hover, a.topic:hover, a.subtopic:hover  {
        text-decoration: underline;
}
#content_wrap {
        width: 950px;
        overflow: hidden;
}

#content {
        width: 470px;
        padding: 20px 40px 20px 20px;
        margin: 0px;
        float:right;
}

#contentmax {
        width: 670px;
        padding: 50px 20px 20px 20px;
        margin: 0px;
        float:right;
        background : #AFC6E9 url(../images/pfade.gif) repeat-x top left;
        }

#sidebar {
        width: 160px;
        padding: 20px 20px 20px 20px;
        margin: 0px;
        color: #FFFFFF;
        background : #214478;
        float:right;
}


#nav {
        width: 156px;
        padding: 20px 20px 20px 20px;
        margin: 0px;
        background : #214478;
        float: left;
}
#nav, #content, #sidebar {
   padding-bottom: 32767px;
   margin-bottom: -32767px;

}

a.maintopic, #nav h1 {
        display:block;
        margin: 10px -20px 10px -20px;
        padding: 5px 20px 5px 20px;
        background-color: #87AADE;
        text-decoration: none;
        font-size: 17px;
        font-family : Georgia, serif;
        font-weight: normal;
        letter-spacing: -1px;
        color: #162d50;
}

a.topic {
        display:block;
        padding: 0px 0px 4px 0px;
        margin: 0px 0px 4px 0px;
        border-bottom: 1px solid #87AADE;
        text-decoration: none;
        color: #ffffff;
}

a.subtopic {
        display:block;
        padding: 0px 0px 6px 0px;
        margin: 0px 0px 6px 20px;
        text-decoration: none;
        color: #ffffff;
        border-bottom: 1px solid #87AADE;
}

#bottom {
        width: 950px;
        height: 20px;
        padding: 0px;
        margin: 0px;
        background: #162d50 url(../images/psdhw.gif) repeat-x top left;
        clear: both;
}

form.search {
        margin: 0px;
        padding: 12px 10px 0px 0px;
        display: block;
        float: right;
        color: #666666;
}

form.search input {
        vertical-align : middle;
}

input.search {
        padding: 2px;
        margin: 0px;
        border: #888888 1px solid;
        width: 120px;
        font-size:12px;
}