/* --- Page setup --- */
html
{
overflow-y:scroll;
}

body
{
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #000000;
color: #FFFFFF;
}

p
{
margin: 5px 5px 5px 5px;
line-height: 130%;
}

p.z
{
margin: 10px 5px 5px 5px;
line-height: 130%;
}

p.big
{
font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: 900;
color:#FF4040;
}

p.red
{
font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#FF4040;
}

p.mid
{
font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}

p.mid14
{
font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}

p.mid14red
{
font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
font-weight: 900;
color:#FF4040;
}

p.mid18
{
font: 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}

p.mid24red
{
font: 24px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
font-weight: 900;
color:#FF4040;
}

/* --- Generic links --- */
a, a:visited
{
font-weight: bold;
color: #FFFFD0;
outline: none;
text-decoration: none;
}

a:hover
{
color: #FFFFFF;
text-decoration: underline;
outline: none;
}

a:active
{
text-decoration: underline;
outline: none;
}

/* --- Headings --- */
h1
{
font: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
font-variant: small-caps;
text-align: left;
color: #D8E0FF;
border-bottom: 1px solid #B0B0B0;
margin: 10px 5px 17px 5px;
padding: 5px 0px 5px 0px;
}

h2
{
font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
font-variant: small-caps;
text-align: left;
color: #D8E0FF;
border-bottom: 1px dotted #B0B0B0;
margin: 10px 5px 13px 5px;
padding: 5px 0px 5px 0px;
}

h3
{
font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
color: #FFFFFF;
margin: 5px 5px 5px 5px;
padding: 5px 0px 0px 0px;
}

/* --- Index page setup --- */
#indexwrap
{
background: #000000;
width: 930px;
margin: 0px auto;
padding: 0;
overflow: hidden;
}

/* --- Index navigation bar --- */
#indexnavtop
{
background: #000000;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #808080;
margin: 0px 0px 0px 28px;
padding: 2px 0px 2px 0px;
height: 35px;
overflow: hidden;
}

#indexnavtop ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#indexnavtop li
{
float: left;
display: block;
}

#indexnavtop a
{
background: url('images/nav_up.gif') no-repeat;
font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
color: #B0B0B8;
display: block;
outline: none;
height: 25px;
width: 105px;
padding: 8px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#indexnavtop a:hover
{
background: #808085 url('images/nav_hover.gif') no-repeat;
color: #FFFFFF;
outline: none;
}

#indexnavtop a:active
{
color: #FFFFFF;
background: #A0A0A9 url('images/nav_down.gif') no-repeat;
padding: 9px 0px 0px 0px;
outline: none;
}

/* --- General page setup --- */
#wrap
{
background: #000000;
width: 840px;
margin: 10px auto;
padding: 0;
overflow: hidden;
}

#adbanner
{
background: #000000;
background-position: top;
height: 70px;
}

#title
{
background: #000000;
background-position: top;
height: 150px;
}

#title a
{
color: #000000;
outline-color: #000000;
outline-width: 0;
outline-style: none;
}

#title a:visited
{
color: #000000;
outline-color: #000000;
outline-width: 0;
outline-style: none;
}

#title a:hover
{
color: #000000;
outline-color: #000000;
outline-width: 0;
outline-style: none;
}

#title a:active
{
color: #000000;
outline-color: #000000;
outline-width: 0;
outline-style: none;
}

/* --- Navigation bar: Top --- */
#navtop
{
background: #101018;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #808080;
margin: 0px 0px 0px 0px;
padding: 3px 0px 2px 0px;
height: 35px;
overflow: hidden;
}

#navtop ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#navtop li
{
float: left;
display: block;
}

#navtop a
{
background: url('images/nav_up.gif') no-repeat;
font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
color: #B0B0B8;
display: block;
outline: none;
height: 25px;
width: 105px;
padding: 8px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#navtop a:hover
{
background: #808085 url('images/nav_hover.gif') no-repeat;
color: #FFFFFF;
outline: none;
}

#navtop a:active
{
color: #FFFFFF;
background: #A0A0A9 url('images/nav_down.gif') no-repeat;
padding: 9px 0px 0px 0px;
outline: none;
}

/* --- News page: Top section --- */
#newsintrotop
{
background: #202830;
height: 290px;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #A0A0A0;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}

#newsintropic
{
background: #000000;
height: 290px;
display: inline;
float: left;
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #A0A0A0;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}

#newsintrobox
{
display: inline;
float: right;
width: 655px;
height: 358px;
margin: 0px 0px 30px 0px;
}

#newsintrocontent
{
padding: 0px 10px 0px 10px;
}

/* --- News page: Main section --- */
#newsbox
{
background: #202830;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #A0A0A0;
margin: 0px 0px 0px 0px;
}

#newscontent
{
padding: 0px 10px 10px 10px;
}

#newscontent li
{
line-height: 140%;
}

.square li
{
list-style-type: square;
margin: 10px 0px 5px 0px;
padding: 0px 0px 2px 5px;
}

/* --- Navigation bar: Side --- */
#navside
{
background: #151515;
height: 270px;
width: 180px;
display: inline;
float: left;
border-style: solid;
border-width: 3px 1px 3px 1px;
border-color: #A0A0A0;
margin: 5px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}

#navside h1
{
font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
font-variant: small-caps;
text-align: left;
color: #C0C0D0;
border-style: solid;
border-width: 0px 0px 2px 0px;
border-color: #606060;
margin: 0px 0px 0px 0px;
padding: 5px 0px 7px 20px;
}

#navside ul
{
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 0px;
}

#navside li
{
padding: 2px 0px 2px 0px;
}

#navside a
{
background: #252525;
font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
text-decoration: none;
color: #B0B0B8;
display: block;
height: 20px;
padding: 5px 0px 0px 18px;
margin: 0px 0px 0px 0px;
_margin: 1px 0px 0px 0px;
outline: none;
}

#navside a:hover
{
background: #505059;
color: #FFFFFF;
outline: none;
}

#navside a:active
{
font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #8F8F99;
padding: 5px 0px 0px 18px;
margin: 0px 0px 0px 0px;
_margin: 1px 0px 0px 0px;
outline: none;
}

/* --- General content --- */
#contentpage
{
background: #202830;
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #A0A0A0;
}

#contentbox
{
/* Moved to #content due to IE6 problems */
}

#content
{
width: 613px;
min-height: 290px;
margin: 0px 0px 0px 203px;
_margin: 0px 0px 0px 200px;
padding: 0px 10px 10px 10px;
overflow: hidden;
}

#content h2.t
{
font: bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
color: #F0F0FF;
border-bottom: 0px solid #000000;
margin: 5px 0px 15px 0px;
padding: 5px 0px 5px 0px;
}

#content h3.x
{
font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
color: #FFFFFF;
margin: 5px 5px 5px 5px;
padding: 10px 0px 0px 0px;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #707080;
}

#content ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 22px;
line-height: 140%;
}

.bullet li
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

.doclist li
{
list-style-image: url('images/document.jpg');
margin: 8px 0px 8px 10px;
padding: 0px 0px 0px 5px;
.margin: 8px 0px 8px 0px;
.padding: 3px 0px 3px 15px;
_margin: 8px 0px 8px 0px;
_padding: 3px 0px 3px 15px;
}

.docname
{
vertical-align: 4px;
.vertical-align: 0px;
_vertical-align: 0px;
}

.vidlist li
{
list-style-image: url('images/video.jpg');
margin: 10px 0px 10px 10px;
padding: 0px 0px 0px 5px;
.margin: 8px 0px 8px 0px;
.padding: 3px 0px 3px 15px;
_margin: 8px 0px 8px 0px;
_padding: 3px 0px 3px 15px;
}

.vidname
{
vertical-align: 3px;
.vertical-align: 1px;
_vertical-align: 4px;
}

/* --- Headers and footers --- */
#header
{
background: #606970 url('images/header.gif') no-repeat top;
height: 10px;
border-bottom: 1px solid #A0A0A0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footer
{
background: #606970 url('images/footer.gif') no-repeat bottom;
height: 7px;
border-top: 2px solid #A0A0A0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* --- Images --- */
#title img
{
margin: 0px;
padding: 0px;
border-style: solid;
border-width: 0px;
border-color: #000000;
}

img
{
margin: 0px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #707080;
}

img.noborder
{
margin: 0px;
padding: 0px;
border-style: solid;
border-width: 0px;
border-color: #000000;
}

img.left
{
float: left;
margin: 0px 20px 10px 5px;
padding: 0px;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #707080;
}

img.center
{
display: block;
margin: 0 auto;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #707080;
}

img.right
{
float: right;
margin: 0px 5px 10px 20px;
padding: 0px;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #707080;
}

img.postertop
{
display: block;
margin: 0 auto;
border-style: solid;
border-width: 2px 2px 0px 2px;
border-color: #707080;
}

img.postermid
{
display: block;
margin: 0 auto;
border-style: solid;
border-width: 0px 2px 0px 2px;
border-color: #707080;
}

img.posterbottom
{
display: block;
margin: 0 auto;
border-style: solid;
border-width: 0px 2px 2px 2px;
border-color: #707080;
}

/* --- Misc stuff --- */
#indexcounter
{
text-align: center;
border-top: 0px;
margin: 0px 0px 0px 0px;
padding: 12px 0px 0px 0px;
}

#counter
{
text-align: center;
border-top: 2px solid #AFAFAF;
margin: 25px 0px 0px 0px;
padding: 12px 0px 0px 0px;
}