/* -- page structure -- */

#container

{

width: 100%;

text-align: left;

margin: 0;

background: #fff;

}

#intro

{

position: relative;

}

#mainContent

{

margin: 0 50px 15px 50px;

padding-bottom: 5px;

border-bottom: solid 1px #CCCCCC;

}

#footer

{

text-align: right;

font-size: x-small;

margin: 0 50px 0 50px;

}



/* -- general -- */

body

{

color: #3A4956;

font-size: 75%;

font-family: "Lucida Grande" , "Lucida Sans Unicode" , Verdana, Tahoma, Arial, sans-serif;

line-height: 160%;

margin: 0;

padding: 0;

text-align: center;

}

code

{

font-family: Courier, monospace;

}

h1

{

font: bold 24px Helvetica, Arial, sans-serif;

color: #990000;

letter-spacing: -1px;

margin: 2em 0 0 0;

}

h2

{

border-top: 1px solid #990000;

padding-top: 5px;

clear: both, color: #990000;

font: normal 18px Helvetica, Arial, sans-serif;

margin: 2em 0 0 0;

}

h3

{

font-size: 12px;

color: #660000;

margin: 1em 0 0 0;

position: relative;

top: 8px;

}

hr

{

border: none;

height: 1px;

background: #ccc;

margin: 2em 0 4em 0;

}

p

{

margin: 1em 0 0 0;

}

pre

{

font-family: Courier, monospace;

background: #E9EAEB;

width: auto;

padding: 5px 5px 5px 10px;

margin: 1em 0 0 0;

text-align: left;

overflow: auto;

}

table

{

margin: 1em 0 0 0;

border: 1px solid #98A0A6;

}

th

{

text-align: left;

background: #C7CBCE;

padding-left: 5px;

}

td

{

padding: 0 5px 2px 5px;

margin: 0;

vertical-align: top;

}

td p

{

padding: 0 0 .6em 0;

margin: 0;

}

td ul

{

padding-top: 0;

margin-top: 0;

}

tr.alt

{

background: #E9EAEB;

}





/* -- header/title -- */

#pageHeader

{

width: 100%;

height: 80px;

background: #990000;

position: top;

}

#pageHeader h1

{

color: #fff;

margin: 0 0 5px 20px;

font: bold Helvetica, Arial, sans-serif;

letter-spacing: -1px;

}

#pageHeader a:link, #pageHeader a:hover, #pageHeader a:visited

{

color: #fff;

background-color: #990000;

text-decoration: none;

}





/* -- nav bar -- */

#selectionbar

{

color: #fff;

height: 46px;

background: #660000;

font-size: 90%;

}

#selectionbar ul

{

margin: 0;

padding: 1em 1em 0 0;

}

#selectionbar li

{

display: inline;

list-style: none;

}

#selectionbar a:link, #selectionbar a:visited

{

color: #fff;

display: block;

float: right;

padding: 1px 9px 3px 6px;

margin: 0 6px;

text-decoration: none;

}

#selectionbar a:hover

{

color: #FFEE99;

background-color: transparent;

}

#selectionbar .activelink a

{

background: #990000;

}

#selectionbar .activelink a:hover

{

color: #fff;

background-color: #990000;

cursor: default;

}





/* -- main content -- */

#mainContent

{

font-size: 100%;

}

#mainContent ul li

{

list-style: inherit;

padding: 0 0 0 5px;

margin: 0;

}

#mainContent a:link

{

color: #660000;

text-decoration: none;

border-bottom: dotted 1px #660000;

}

#mainContent a:visited

{

color: #990000;

text-decoration: none;

border-bottom: dotted 1px #990000;

}

#mainContent a:hover

{

border-bottom: none;

color: #fff;

background-color: #660000;

text-decoration: none;

}

#mainContent blockquote

{

padding: 0 0 0 15px;

margin: 10px 0 10px 15px;

width: auto;

float: right;

border-left: thin dotted #000;

}





/* -- faq -- */

.faq p, .faq pre, .faq ul, .faq table

{

margin: .5em 0 0 50px;

padding-top: 0px;

padding-bottom: 2px;

}

.faq h1

{

margin-bottom: 1em;

}

.faq ul

{

padding-left: 30px;

}

#mainContent .question

{

font-weight: bold;

margin: 1.5em 0 0 0;

padding-top: 0px;

padding-bottom: 2px;

}



/* -- other --*/

.backtotop, .faq .backtotop

{

float: right;

clear: both;

padding: 3em 0 0 4em;

padding: 0;

font-size: 90%;

}

.date, .faq .date

{

color: #BFC3C7;

text-align: right;

font-size: x-small;

clear: both;

padding-top: 4em;

}