/* CSS Document */

/* undohtml.css */
/* link underlines tend to make hypertext less readable,
    because underlines obscure the shapes of the lower halves of  
words */

:link,:visited {
    text-decoration : none;
}

/* no list-markers by default, since lists are used more often for  
semantics */

ul,ol {
    list-style : none;
}

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too  - font size 62.5 sets 1em = 10pix 12pix = 1.2 em etc*/

h1,h2,h3,h4,h5,h6,pre,code {
    font-size : 1em;
    font-weight:normal;
}

/* remove the inconsistent (among browsers) default ul,ol padding or  
margin  */
/* the default spacing on headings does not match nor align with
     normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote  
as well */
/* form elements are oddly inconsistent, and not quite CSS  
emulatable. */
/*  nonetheless strip their margin and padding as well */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input {
    padding : 0;
    margin-left: 12px;
}

/* whoever thought blue linked image borders were a good idea? */

a img,:link img,:visited img {
    border : none;
}

/* de-italicize address */

address {
    font-style : normal;
}



/* site styles start here */

/* styles */

body{
    background-color: #000000;
    margin: 0px;
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
    color:#CCCCCC;
    text-align:center;
}
:link{
    color:#FFFFFF;
}
:visited,:active{
    color:#FF9900;
}
p, td {
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    font-size:12px; 
}
p :link, p :visited, p :active, td :link, td :visited, td :active{
    color:#000000;
}
input, textarea{
    padding: 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
.highlight{
    background-color:#333333;
}
.largetext{
    font-size:14px;
}
.smalltext{
    font-size:12px;
}



/* persistant divs */

#wrapper{
    position:relative;
    margin-right:auto;
    margin-left:auto;
    width: 983px;
    text-align:left;
}
#navigation{
    position:absolute;
    width: 340px;
    height: 40px;
    top: 30px;
    left: 600px;
    z-index:200;
}
#navigation div{
    float:left;
    margin-right: 24px;
}
#footer{
    position:absolute;
    width: 740px;
    height: 50px;
    top: 746px;
    left: 10px;
    z-index:220;
    font-size: 11px;
}
#banner{
    position:absolute;
    width: 968px;
    height: 179px;
    top: 560px;
    left: 10px;
    z-index:200;
    text-align:center;
}


/* others divs */

#content{
    position:absolute;
    width: 964px;
    height: 472px;
    top: 78px;
    left: 10px;
    z-index:210;
    color:#000000;
    overflow: auto; 
}
#content_terms{
    position:absolute;
    width: 612px;
    height: 400px;
    top: 132px;
    left: 20px;
    z-index:210;
    color:#000000;
    overflow: auto;
    padding-right: 20px;
}
#extrasAnimation{
    position:absolute;
    width: 314px;
    height: 419px;
    z-index:200;
}