html {
    font: 100.1% Verdana, Arial, sans-serif
}

html, body, h1, h2, h3, h4, ul, li, ol, dl, dt, dd, p, form, fieldset, label, img, table {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font-weight: normal;
    border: 0
}

body {
    line-height: 1.2em;
    font-size: 75%;
    color: #555;
    background: #fff
}

/* links */
a, a:visited, a:hover {
    color: #5587bb;
    text-decoration: none;
    border-bottom: 1px solid #5587bb
}

a:hover {
    background: #5587bb;
    color: #fff
}

/* headers, paragraphs */
h1, h2, h3, h4 {margin: 1em 0 .5em}
.page-title {margin: 1em 0 1.5em; text-transform: uppercase}
p {margin: .7em 0; text-indent: 24px}
h1 {font-size: 2em}
h2 {font-size: 150%}
h3 {font-size: 125%}
h4 {font-size: 110%; font-weight: bold}

/* lists */
ul, ol {
    list-style-position: inside;
    padding-left: 20px
}
ol {list-style-position: outside; padding-left: 40px}
#content li {margin: .5em 0}
dd {padding: 0 0 15px 30px}

.nolist, #nav, #topnav, #nav li ul, .voc-letters, .disciplines {list-style: none outside}

/* forms */
label, .city, .abilities, dt {font-weight: bold}

input, textarea {
    font-size: 1em;
    font-family: Verdana, Arial, sans-serif
}

/* common useful styles */
.hidden {display: none}
.visible {display: block!important}
.wrap {overflow: hidden}

.left, #sidebar, #logo, .gallery div, #feedback label, .voc-letters li {float: left}
.right, #topnav li, #main-nav, #main-nav li, #topnav {float: right}

.a-center, #summaries th {text-align: center}
.a-left, #summaries .abilities {text-align: left}
.a-right, .gallery div p {text-align: right}
.highlight {color: #5587bb}
.hardlight {color: #cc2222}

.noborder, .noborder:link, .noborder:visited, .noborder:hover, .noborder img {
    border: 0;
    text-decoration: none;
    background: #fff
}
.pic {margin: .5em}

/* layout */
#sidebar {
    width: 20%;
    font-size: 117%
}

#content {
    margin-left: 21%;
    padding: 1em 1.5em 1em 0
}

#header {
    background: url( ../i/back.png )  repeat-x
}
.h-header {
    background: url(../i/logo-back.png) 148px 0 no-repeat;
    overflow: hidden
}
#header h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    height: 64px;
    line-height: 64px
}
#footer {
    clear: both;
    padding: 10px 20px;
    color: #ddd;
    background: url( ../i/back.png ) bottom left repeat-x;
    font-family: Tahoma, sans-serif
}

#footer a, #footer a:visited {
    color: #ddd;
    text-decoration: underline;
    border: 0
}

#footer a:hover {
    color: #fff;
    border: 0;
    text-decoration: underline;
    background: none
}

/* logo */
#logo {
    margin: 0 10px 0 27px;
    padding: 0;
    line-height: 1em
}

#logo a {
    width: 121px;
    height: 64px;
    overflow: hidden;
    display: block;
    position: relative;
    border: 0
}

#logo a span {
    position: absolute;
    width: 121px;
    height: 64px;
    top: 0;
    left: 0;
    background: transparent url( ../i/logo.png ) no-repeat;
    cursor: pointer
}

/* nav */
#nav {
    margin: 1em .5em 1em 0;
    font-family: Tahoma, Arial, sans-serif
}

#nav li a {
    display: block;
    padding: .5em
}

#nav li a:active, #nav .selected {
    background: #5587bb;
    color: #fff
}

#nav li ul, #main-nav, #main-nav li {
    margin: 0;
    padding: 0
}

#nav li ul li a {padding-left: 30px}
#nav li ul ul li a {padding-left: 60px}

/* topnav */
#topnav {
    height: 64px;
    line-height: 64px;
    font-family: Tahoma, Arial, sans-serif;
    width: 40%
}

#topnav li a {
    display: block;
    padding: 0 30px 0 22px
}

#enter-link a, #help-link a {
    color: #eee;
    background: none;
    border: 0
}

#enter-link a, #enter-link a:visited {
    background: url( ../i/login.png ) left 50% no-repeat
}

#help-link a, #help-link a:visited {
    background: url( ../i/help.png ) left 50% no-repeat
}

#enter-link a:hover {
    background: transparent url( ../i/login-hover.png ) left 50% no-repeat;
    color: #fff
}

#help-link a:hover {
    background: transparent url( ../i/help-hover.png ) left 50% no-repeat;
    color: #fff
}

#flash-banner {
    text-align: center;
    margin: 0 auto;
    width: 502px
}

#main-nav {
    margin-top: -1em;
    font-family: Tahoma, sans-serif;
    width: 100%
}

#main-nav li {padding: 2px 8px 8px}

#main-nav li a {
    padding: 2px;
    color: #3161a5;
    border-bottom: 1px solid #3161a5
}

#main-nav a:hover {
    color: #fff;
    background: #5587bb;
    border-bottom: 1px solid #5587bb
}

/* gallery */
.gallery {width: 828px}

.gallery img {
    margin: 15px 10px;
    opacity: .7
}

.gallery div {
    margin: 10px 10px 15px;
    width: 256px
}

.gallery div img {margin: 15px 0 0}

.gallery div:hover img, .gallery a:hover img {opacity: 1}

/* feedback */
#feedback {width: 50em}

#feedback label {
    text-align: right;
    width: 12em;
    padding: 0 1em 0 0
}

#feedback .wide {width: 34em}
#feedback div {margin: 0 0 1em}

#feedback .submit {
    margin: 0 0 1em 13em;
    text-indent: 0
}
#feedback .important {margin: 1em auto; padding: .2em}
.required span {color: #ff0000}

/* quoting */
blockquote {margin-left: 10px}
blockquote big {
    font: bold 60px Georgia, serif;
    line-height: 1px;
    vertical-align: -23px;
    color: #bbb
}

/* docs */
.pdf {
    background: #cc2222;
    color: #fff;
    padding: 0 3px 0 0;
    margin: 0 1px 0
}
.doc-size {color: #999}

/* direction */
.head {overflow: hidden; margin: 0 0 40px}
.bio {margin-left: 320px}

/*faq*/
.js-body .faq dd {display: none}
.js-body .faq dt {font-weight: normal; color: #5587bb; margin-top: .5em; cursor: pointer}

/* vocabulary */
.voc-letters {font-size: 2.25em; line-height: 1.1em; overflow: hidden; font-family: Georgia, Times New Roman, serif}
.voc-letters li {padding: 0 .2em}

/* tables */
table {font-size: 1em; vertical-align: middle; width: 100%; border-collapse: collapse}
td {border-bottom: 1px dotted #999; padding: .5em}
table.regions td {border-bottom: 0}
th {border-bottom: 1px dotted #5587bb; padding: .7em .5em; text-align: left; text-transform: uppercase}
.even td {background: #f7f7f7}
.abilities {text-transform: none}
#summaries td {border: 1px dotted #999}
#summaries th {border: 1px dotted #5587bb}