* {
padding: 0px;
border: 0px;
outline: 0px;
margin: 0px;
}

body {
text-align: center;
font-family:Arial,Verdana,Helvetica,sans-serif;
color:#3F4446;
background: url("../images/footer_bg.jpg") left bottom repeat-x;
}

#header, #content, #footer {
width: 858px;
margin-left: auto;
margin-right: auto;
text-align: left;
position: relative;
}

/* #####################################     START   HEADER       ##################################### */
#header {
margin-top: 20px;
}

/*-----------    TRADE LOGIN    -----------*/
#header #trade {
color: #B1B2B4;
text-align: left;
font-size: 0.6em;
width: 520px;
float: left;
}

#header #trade h1 {
color: #D82F66;
font-size: 2em;
clear: both;
margin-top: 80px;
margin-left: 20px;
}

#header #trade a {
color: #B1B2B4;
text-decoration: none;	
margin-top: 5px;
float: right;
}

#header #trade span  {
display: inline;
font-size: 1.5em;
color: #007BBC;
margin-left: 5px;
font-weight: bold;
}

#header #trade form {
float: left;
}

#header #trade #login {
border-style: solid;
border-color: #D82F66;
padding-bottom: 2px;
border-width: 1px;
height: 1.2em;
}

#header #trade #submit {
border-style: outset;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
border-color: #000000;
border-width: 1px;
font-size: 11px;
}

/*-----------       LOGO       -----------*/
#header img#logo {
float: right;
width: 264px;
height: 82px;
margin-bottom: 20px;
margin-top: 50px;
}

/*----------   NAVIGATION BOX   ----------*/
#header #flash {
width: 152px;
margin-left: 10px;
float: left;
}

#header #navigation {
padding: 4px;
width: 850px;
height: 282px;
clear: both;
background-image: url("../images/nav_bg.jpg");
}

/*-------------   TEXT BOX   -------------*/
#header #navigation #navText  {
width: 650px;
float: right;
margin-top: 40px;
height: 150px;
overflow: auto;
padding-right: 10px;
font-size: 0.8em;
font-weight: bold;
}

#header #navigation #navText p {
padding-bottom: 30px;
}

/*---------   NAVIGATION LINKS   ---------*/
#header #navigation ul {
width: 660px;
list-style-type: none;
float: right;
text-align: center;
}

#header #navigation ul li a {
position: relative;
background: url("../images/navlink_bg.jpg") bottom center no-repeat;
width: 70px;
text-decoration: none;
display: block;
color: white;
font-size: 0.8em;
}

#header #navigation ul li {
background: url("../images/navlink_bg_hover_js.jpg") bottom center no-repeat;
width: 70px;
height: 50px;
margin-right: 11px;
float: left;
overflow: auto;
}

#header #navigation ul li a.twoLetters {
padding-top: 12px;
height: 38px;
}

#header #navigation ul li a.oneLetter {
padding-top: 21px;
height: 29px;
}

#header #navigation ul li ul {
position: absolute;
top: 395px;
height: 35px;
list-style-position: inside;
font-size: 0.95em;
text-align: left;
display: none;
}

#header #navigation ul li ul#l1 {
left: 193px;
width: 520px;
}

#header #navigation ul li ul#l2 {
left: 193px;
width: 520px;
}

#header #navigation ul li ul#l3 {
left: 193px;
width: 390px;
}

#header #navigation ul li ul#l4 {
left: 290px;
width: 390px;
}

#header #navigation ul li ul#l5 {
left: 224px;
width: 635px;
}

#header #navigation ul li ul#l6 {
left: 346px;
width: 520px;
}

#header #navigation ul li ul#l7 {
left: 590px;
width: 260px;
}

#header #navigation ul li ul#l8 {
left: 468px;
width: 390px;
}

#header #navigation ul li ul li {
width: auto;
height: auto;
background: url("../images/drop_bg_hover.jpg") bottom left no-repeat;
float: left;
}

#header #navigation ul li ul li a {
background-color: #d82f66;
background-image: url("../images/drop_bg.jpg");
margin-right: 10px;
color: #ffffff; 
display: block;
float: left;
width: 116px;
margin-top: 10px;
padding-top: 1px;
margin-right: 2px;
padding-left: 4px;
height: 21px;
text-align: center;
}

#header #navigation ul li:hover ul {
display: block;
}

#header #navigation ul li a:hover {
background: url("../images/navlink_bg_hover.jpg") bottom center no-repeat;
}

#header #navigation ul li ul li a:hover {
background-image: url("../images/drop_bg_hover.jpg");
}

#header span {
display: block;
width: 100%;
height: 0px;
clear: both;
}
/* #####################################     END   HEADER       ##################################### */

/* #####################################    START   CONTENT     ##################################### */
#content #mainCont {
width: 680px;
float: right;
margin-left: 8px;
font-size: 0.7em;
font-weight: bold;
}

#content #mainCont h1 {
font-size: 1.7em;
font-weight: bold;
color: #D82F66;
margin-bottom: 10px;
}

#content #mainCont ul {
list-style-image: url("../images/bullet.jpg");
}

#content #mainCont #burst {
display: block;
width: 680px;
height: 1px;
background: url("../images/burst_bg.jpg") top left no-repeat;
clear: both;
}

#content #mainCont a.readMore {
display: block;
clear: both;
margin-top: 15px;
color: #007BBC;
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
}

#content #mainCont a.readMore:hover {
text-decoration: underline;
}

/*--------------   SIDE BAR   ---------------*/
#content #infoBox {
width: 162px;
float: left;
overflow: auto;
text-align: left;
font-size: 0.7em;
}

#content #infoBox div, #content #infoBox img {
position: relative;
margin-top: 20px;
}

#content #infoBox div a {
color: #007BBC;
text-decoration: none;
display: block;
}

#content #infoBox div div h1 a {
color: #D82F66;
}

#content #infoBox ul {
list-style-type: none;
list-style-position: outside;
text-align: left;
}

#content #infoBox ul li {
height: 15px;
}

#content #infoBox ul li a {
color: #007BBC;
text-decoration: none;
}

#content #infoBox ul li a:hover {
text-decoration: underline;
color: #D82F66;
}

#content .infoOuter {
background: url("../images/infoBottom.gif") left bottom no-repeat;
}

#content .infoInner {
background: url("../images/infoTop.gif") left top no-repeat;
padding: 10px;
}

#content .infoInner h1 {
font-weight: bold;
text-align: center;
color: #D82F66;
font-size: 1.2em;
margin-bottom: 5px;
}
/* #####################################     END   CONTENT      ##################################### */

/* #####################################    START   FOOTER      ##################################### */
#footer {
padding-top: 30px;
font-size: 0.7em;
clear: both;
}

#footer p#links {
float: left;
width: 450px;
margin-right: 40px;
}

#footer p#compliance {
float: left;
width: 200px;
}

#footer a {
text-decoration: none;
margin-right: 2px;
color:#3F4446;
}

#footer a#active {
color: #D82F66;
}

#footer a:hover {
color: #D82F66;
text-decoration: underline;
}

#footer div {
position: relative;
width: 164px;
float: right;
font-weight: bold;
}

#footer div p {
width: 100%;
text-align: right;
}

.clear {
width: 100%;
clear: both;
height: 0px;
padding-bottom: 30px;
}
/* #####################################     END    FOOTER      ##################################### */