* { margin: 0; padding: 0; }
html { height:100%; }

body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: 13px verdana, arial, helvetica, sans-serif;
    color: #f5f2e5;
    background: #0f0929;
    text-align: left;
}

#hcenter {
    /* horizontally centers the wrapper. This is done by having the margins (top and left) 
       negative of half the size of the field we want to center). Position must be absolute 
       and top and left settings are at 50%. Works in IE5.5+, Opera 7+, Mozilla, Netscape 7+.
    */
    border: 0px solid #670808;
    background: transparent url(images/background.jpg) repeat-y top center;
    margin-top: 0px;
    margin-left: -451px;
    position: absolute;
    left:50%;
    width: 904px;
}

#header {
    width:100%;
    height:301px;
    background: transparent url(images/header.jpg) no-repeat top center;
}

#navigation {
    font: bold 13px arial, helvetica, sans-serif;
    padding-top:278px;
    color:#f5f2e5;
    text-align:right;
    padding-right:35px;
}

#content {
    background: transparent url(images/background_content.jpg) no-repeat top left;
    width:770px;
    padding-top:20px;
    padding-left:102px;
    padding-right:32px;
    padding-bottom:20px;
}

#footer {
    width:100%;
    height:40px;
    background: transparent url(images/background_footer.gif) no-repeat top center;
}

#copyright {
    clear:both;
    width:100%;
    padding-top:8px;
    color:#9b9680;
    text-align:center;
    font: 9px verdana, arial, helvetica, sans-serif;
}

a:link    {color:#c1b9e0; font-weight:bold; text-decoration: none;}
a:visited {color:#c1b9e0; font-weight:bold; text-decoration: none;}
a:hover   {color:#999; font-weight:bold; text-decoration: none;}
a:active  {color:#c1b9e0; font-weight:bold; text-decoration: none;}

a.navigation:link {color:#ffffff; text-decoration: none;}
a.navigation:visited {color:#ffffff; text-decoration: none;}
a.navigation:hover {color:#999; text-decoration: none;}
a.navigation:active {color:#ffffff; text-decoration: none;}

b {font-weight: bold;}
p {margin-bottom:10px; font: 14px/1.3 verdana, arial, helvetica, sans-serif; text-align:justify;}

h1 {font: 22px verdana, arial, helvetica, sans-serif; color: #f5f2e5; font-weight: bold; margin-bottom: 10px; margin-top: 10px;}
h2 {font: 18px verdana, arial, helvetica, sans-serif; color: #f5f2e5; font-weight: normal; margin-bottom: 2px; margin-top: 25px; margin-bottom:10px;}

/*FONTS*/
.title {MARGIN-TOP: 0px; FONT-WEIGHT: normal; FONT-SIZE: 15px; MARGIN-BOTTOM: 10px; COLOR:#a0720d; LINE-HEIGHT: 30px; FONT-FAMILY: verdana, arial, helvetica, sans-serif;  letter-spacing : 3px; font-weight:bold;}
.tiny {FONT-SIZE: 1px; LINE-HEIGHT:2px; FONT-STYLE:normal; FONT-FAMILY: verdana, arial, helvetica, sans-serif; MARGIN-TOP:0px;MARGIN-BOTTOM:0px;}
.smallest {FONT-SIZE: 8px; LINE-HEIGHT:12px; FONT-STYLE:normal; FONT-FAMILY: verdana, arial, helvetica, sans-serif; MARGIN-TOP:0px;MARGIN-BOTTOM:0px;}
.smaller {FONT-SIZE: 9px; LINE-HEIGHT: 12px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.small {FONT-SIZE: 11px; LINE-HEIGHT: 13px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.medium {FONT-SIZE: 13px; LINE-HEIGHT: 15px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.large {FONT-SIZE: 15px; LINE-HEIGHT: 17px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.larger {FONT-SIZE: 17px; LINE-HEIGHT: 19px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

.boldsmall {FONT-WEIGHT:bold; FONT-SIZE: 11px; LINE-HEIGHT: 15px; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

img.right {
    float:right;
    margin-left:20px;
    margin-bottom:10px;
    margin-top:10px;
    clear:right;
}

.nav_bullet {
    padding-left:8px;
    padding-right:8px;
}

#content ul {
    list-style: disc outside;
    margin-left:40px;
    margin-bottom:10px;
}
#content ul li {padding-bottom:5px;}

#content table {margin-bottom:10px;}
#content table tr td {vertical-align:top; padding-left:20px;}