#topl {
        width: 200px;
        height: 30px;
        padding: 0px;
        margin: 0px;
        border-bottom: 2px solid #ffffff;
        background : #D6D6D4;
}

#topl a {
        font-size: 90%;
        color: #FFFFFF;
        text-decoration: none;
}

#topc {
        width: 196px;
        height: 30px;
        padding: 0px;
        margin: 0px;
        background : #D6D6D4;
        border-bottom: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
}

#topr {
        width: 550px;
        height: 30px;
        padding: 0px;
        margin: 0px;
        background : #669ACC;
        border-bottom: 2px solid #ffffff;
}

#midl {
        width: 400px;
        height: 211px;
        padding: 0px 0px;
        margin: 0px;
        text-align: right;
        color: #669ACC;
        background : url(../images/logoww.gif) no-repeat bottom center;
         border-right: 2px solid #ffffff;
}

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

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

#midr {
        width: 550px;
        height: 211px;
        padding: 0px;
        margin: 0px;
        background-image : url(../images/s2dlogo.jpg);
        border-bottom: 2px solid #ffffff;
}

#common {
        width: 950px;
        height: 50px;
        background : #f8f8f8 url(../images/pfadeg.gif) repeat-x top left;
        border-bottom: 2px solid #ffffff;
        overflow: hidden;
}

#common a {
        display: block;
        float: left;
        color: #666666;
        text-decoration: none;
        border-right: 1px solid #ffffff;
        padding: 0px 10px;
        line-height: 50px;
        height: 50px;
}

#common a:hover {
        background : #D4D5D3 url(../images/pfade.gif) repeat-x top left;
        color: #000000;
}


a.subtopic:hover  {
        text-decoration: underline;
}

#tdnav {
        background : #669ACC;
        vertical-align: top;
        border-right: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
}

#tdcontent {
        color: #000000;
        vertical-align: top;
        background : #D6D6D4;
}

#tdsidebar {
        vertical-align: top;
        background : #DFDFDF;
}

#content {
        width: 490px;
        padding: 0px 20px 20px 40px;
        margin: 0px;
}

#content2 {
        width: 690px;
        padding: 0px 20px 20px 40px;
        margin: 0px;
}

#sidebar {
        width: 160px;
        padding: 0px 20px 20px 20px;
        margin: 0px;
}


#nav {
        width: 156px;
        padding: 0px 20px 20px 20px;
        margin: 0px;
}



a.maintopic, #nav h1 {
        display:block;
        margin: 15px -20px 10px -20px;
        padding: 5px 20px 5px 20px;
        background-color: #24241F;
        text-decoration: none;
        font-size: 13px;
        font-family : Verdana, Arial, Georgia, serif;
        font-weight: bold;
        letter-spacing: 0px;
        color: #ffffff;
}

a:hover.maintopic, #nav h1 {
        display:block;
        margin: 15px -20px 10px -20px;
        padding: 5px 20px 5px 20px;
        background-color: #24241F;
        text-decoration: none;
        font-size: 13px;
        font-family : Verdana, Arial, Georgia, serif;
        font-weight: bold;
        letter-spacing: 0px;
        color: #ffff00;
}

a.maintopicsel, #nav h1 {
        display:block;
        margin: 15px -20px 10px -20px;
        padding: 5px 20px 5px 20px;
        background-color: #24241F;
        text-decoration: none;
        font-size: 13px;
        font-family : Verdana, Arial, Georgia, serif;
        font-weight: bold;
        color: #ffff00;
}



a.topic {
        display:block;
        padding: 0px 0px 6px 0px;
        margin: 0px 0px 6px 0px;
        border-bottom: 1px solid #24241F;
        text-decoration: none;
        color: #000000;
        font-weight: bold;
}

a:hover.topic {
        display:block;
        padding: 0px 0px 6px 0px;
        margin: 0px 0px 6px 0px;
        border-bottom: 1px solid #24241F;
        text-decoration: none;;
        color: #ffff00;
        font-weight: bold;
}

a.topicsel {
        display: block;
        padding: 0px 0px 6px 0px;
        margin: 0px 0px 6px 0px;
        border-bottom: #ffff00 1px solid;
        text-decoration: none;
        color: #ffff00;
        font-weight: bold;
}



a.subtopic {
        display:block;
        padding: 0px 0px 6px 0px;
        margin: 0px 0px 6px 20px;
        text-decoration: none;
        color: #000000;
        border-bottom: 1px solid #24241F;
        font-weight: bold;
}

a:hover.subtopic {
        display:block;
        padding: 0px 0px 6px 0px;
        margin: 0px 0px 6px 20px;
        text-decoration: none;
        color: #ffff00;
        border-bottom: 1px solid #24241F;
        font-weight: bold;
}

a.subtopicsel {
        display:block;
        padding: 0px 0px 6px 0px;
        margin: 0px 0px 6px 20px;
        text-decoration: none;
        color: #ffff00;
        border-bottom: #ffff00 1px solid;
        font-weight: bold;
}



#bottoml {
        width: 200px;
        height: 20px;
        padding: 0px;
        margin: 0px;
        background: #ffffff url(../images/psdhw.gif) repeat-x top left;
}

#bottomc {
        width: 200px;
        height: 20px;
        padding: 0px;
        margin: 0px;
        background: #ffffff url(../images/psdhw.gif) repeat-x top left;
}

#bottomr {
        width: 550px;
        height: 20px;
        padding: 0px;
        margin: 0px;
        background: url(../images/psdhw.gif) repeat-x top left;
}


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:10px;
}