/* General styles */
BODY {
    font-family: Times New Roman, serif;
    margin: 0px; padding: auto;
    scrollbar-face-color: #996633; scrollbar-highlight-color: #DEB887; scrollbar-3dlight-color: #DAA520; scrollbar-shadow-color: #8B4513; scrollbar-darkshadow-color: #8B4513; scrollbar-track-color: #DEB887; scrollbar-arrow-color: #DEB887
}
BR {
    line-height: 60%
}
HR {
    clear: both;
    height: 3px;
    background-color: #996633
}
H1 {
    position: absolute; top: 10px; left: 0px; width: 85%;
    color: #8B4513; background-color: #999900;
    font: 30px Viking, serif;
    text-align: center;
    z-index: 0
}
H2 {
    display: block; clear: both;
    color: #808000; background-color: #CC9966;
    font: bold 24px Helvetica, sans-serif;
    text-align: center;
    margin-top: 25px; padding: 5px; border: medium ridge #FF9966;
    z-index: 1
}
FORM {
    margin: 0px
}
INPUT, TEXTAREA, SELECT {
    color: #004040; background-color: #C09060;
    font: normal 10px fixedsys, monospaced
}
INPUT[TYPE=submit], INPUT[TYPE=reset] {
    color: #DAA520; background-color: #8B4513;
    font-weight: bold;
    border: thin outset #8B4513
}
INPUT:focus, TEXTAREA:focus, SELECT:focus {
    background-color: #DEB887
}
INPUT[TYPE=submit]:hover, INPUT[TYPE=reset]:hover, INPUT[TYPE=submit]:focus, INPUT[TYPE=reset]:focus {
    color: #C0C0C0; background-color: #AA6624
}
UL {
    list-style-type: none;
    margin:0px; padding:0px
}
IMG {
    border-width: 0px;
}
A:link {
    color: #EEA16D
}
A:hover, A:focus, A:active {
    color: #FF3333
}
A:visited, A.dir:visited {
    color: #A98812
}
.block {
    display: block; clear: both;
    color: #004040; background-color: #CC9966;
    font: 17px Times New Roman, serif;
    padding: 7px; border: 4px ridge #FF9966;
}
.block A {
    color: #8B4513
}
.block A:hover, .block A:focus, .block A:active {
    color: #CC3366
}
.alert {
    color: #AC1040;
    font: italic normal 12px Lucida Console, monospaced
}
#query {
    width: 500px;
    font-weight: bold;
    text-align: center; vertical-align: middle; white-space: nowrap;
    margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto
}
#query_holder {
    height: 80px; clear: both;
    margin-top: 30px; padding: 0px
}
#advanced_search {
    font-size: 12px; font-weight: normal
}
A.dir {
    color: #EEA16D;
    font-family: Arial, sans-serif; font-weight: normal;
    line-height: 120%; white-space: nowrap;
    padding-left: 25px;
    z-index: 1
}
A.dir:hover, A.dir:focus, A.dir:active {
    color: #FF3333
}
A.dir:hover, A.dir:focus, A.dir:active {
    background: url(/images/arrow.gif) no-repeat left
}

/* Directory pages */
#column {
    position: absolute; top: 0px; left: 78%;
    text-align: center;
    z-index: 1
}
#menu {
    text-align: justify;
    z-index: 2
}
#menu DIV {
    text-align: center; vertical-align: middle
}
#menu DIV, #menu UL {
    color: #FF9966; background-color: #004040;
    font-size: 14px;
    padding: 4px; border: medium ridge #FF9966
}
#page {
    position: absolute; top: 140px; left: 30px; width: 72%;
    font: 16px Times New Roman, serif;
    text-align: justify; line-height: 100%;
    padding-left:12px; border-left: thick groove #996633;
    z-index:0
}
#submit_site {
    clear: both;
    text-align:center;
    margin: 20px
}
UL.listing LI {
    clear: both;
    margin-top: 5px; margin-bottom: 20px
}
IMG.logo {
    float: left;
    margin: 5px
}
.current {
    color: #004040; background-color: #D0834F;
    font: bold Arial, Helvetica;
    cursor: default;
    margin-left: 25px; padding-left: 5px; padding-right: 5px; border: 1px inset #D0834F
}
.url {
    color: #808000
}
A.page {
    color: #8B4513;
    font-size: 17px; font-weight: bold;
    text-decoration: none;
    padding-left: 25px
}
A.page:hover, A.page:focus, A.page:active {
    color:#FF9966;
    background: url(/images/arrow.gif) no-repeat left
}
A.details {
    color: #A98812;
    font-size: 14px
}
A.nav:link {
    color: #EEA16D;
    text-decoration: underline overline
}
A.nav:visited {
    color: #A98812;
    text-decoration: underline overline
}
A.nav, A.nav:hover, A.nav:focus, A.nav:active {
    color: #CC3366;
    font: bold 16px Helvetica, sans-serif;
    text-decoration: none
}
A.page:visited {
    color: #808000
}

/* Partner links */
#amazon {
    text-align: center;
    margin: 25px;
    z-index: 1
}
TABLE#asb {
    border-collapse: collapse;
    background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
    text-align: left; vertical-align: bottom; white-space: nowrap;
    margin:2px; padding:0px; border: 1px solid #000000
}
TABLE#asb TD {
    padding: 4px
}
TABLE#asb INPUT {
    background-color: #FFFFFF
}

/* Homepage specific */
#main {
    width: 100%; height: 100%;
    text-align: center;
    margin: 0px; padding: 0px; border: 0px
}
#logo {
    text-align: center; vertical-align: middle;
    margin: 24px
}
#utils {
    width: 100%;
    text-align: center;
    padding: 2px; border: 0px
}
#holder {
    position: relative; width: 120px; height: 90px;
    margin: auto; overflow: hidden; clip: rect(0px, 120px, 90px, 0px)
}
#frame1, #frame2 {
    position: relative; top: 0px; left: 0px; width: 120px; height: 90px
}
#globe {
    width: 50px; height: 50px; background-color: #000000;
    text-align: center; vertical-align: middle;
    margin: 0px; padding: 0px; border: 2px solid #BE724C
}
.comment {
    font: italic 12px Arial, sans-serif;
    vertical-align: middle
}
.theme {
    text-align: center; vertical-align: bottom;
    margin: 0px; padding-top: auto; padding-right: 2px; padding-bottom: 0px; padding-left: 5px
}
.theme A {
    height: 30px; display: block;
    color: #DAA520; background-color: #8B4513;
    font: bold 18px Times New Roman, serif;
    text-align: center; vertical-align: middle; text-decoration: none;
    border: medium inset #FF9966; border-bottom-width: 0px;
    margin: 0px; padding: 2px
}
.theme A:hover, .theme A:focus, .theme A:active {
    height: 40px;
    color: #C0C0C0; background-color: #AA6624
}
.categories {
    width: 600px; border-collapse: collapse;
    margin-top: 0px; margin-left: auto; margin-bottom: 0px; margin-right: auto; padding: 0px; border: 0px
}
TD.dir {
    width: 200px; height: 110px;
    color: #FF9966; background-color: #004040;
    font-size: 17px; font-weight: bold;
    text-align: justify; vertical-align: top;
    margin: 0px; padding: 2px; border: 2px solid #BE724C;
    z-index: 1
}
A.util {
    color: #DAA520; background-color: #004040;
    font: bold 12px Times New Roman, serif;
    text-align: center; text-decoration: none;
    padding: 2px
}
A.util:hover, A.util:focus, A.util:active {
    color: #C0C0C0; background-color: #008080
}
.theme A:visited, A.util:visited {
    color: #C0C0C0
}