﻿a {color: #2d5199; text-decoration: none}
a:hover {color: #28282a}
a img {border: 0}
.clear {clear: both}

body {margin: 0px; background-color: #eeeeee; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #28282a}

#main {width: 980px; background-color: #ffffff; padding: 0 3px; margin: 0 auto}
#footer {clear: both}

#markets {clear: both}

#content {clear: both}

#flash {clear: both}

#nav {clear: both}

#header {clear: both}

#header {}

#nav {}
#nav {background-image: url(../images/back_nav.gif); height: 32px}
#nav ul {margin: 0 0 0 35px; padding: 0; list-style: none}
#nav ul li {display: block; float: left; padding: 5px 15px 0 0}
#nav ul li a {display: block; float: left; padding: 2px 6px; font-weight: bold; font-size: 14px; color: #868686; -moz-border-radius: 3px; -webkit-border-radius: 3px}
#nav ul li a:hover {color: #ffffff; background-color: #2D5199}

#nav ul li a {text-transform: uppercase}
#nav ul li ul li a {text-transform: none}

#nav ul {position: relative; z-index: 1001; float: left}
#nav ul li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1}
#nav ul li:hover {position: relative; z-index: 1003; cursor: default}
#nav ul li.hover {position: relative; z-index: 1003; cursor: default}
#nav ul ul {visibility: hidden; position: absolute; margin: 0; top: 27px; left: 0; z-index: 1002; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px}
#nav ul ul li {float: left; display: block}
#nav ul ul ul {top: 1px; left: 99%}
#nav ul li:hover > ul {visibility: visible}

#nav ul li:hover a {color: #ffffff; background-color: #2D5199}
#nav ul li ul li:hover a {background-color: #eeeeee !important}
#nav ul li ul {background-color: #ffffff; border: 1px solid #dddddd}
#nav ul li ul li ul {background-color: #eeeeee; top: 0px; border: 0}
#nav ul li ul li {height: auto !important; padding: 0}
#nav ul li ul li a {float: left; display: block; background-color: transparent !important; background-image: none !important; width: 163px !important; height: auto !important; padding: 3px 10px 3px 10px; color: #333333 !important; font-size: 11px; font-weight: normal; line-height: 1.3em; text-tranform: none !important}
#nav ul li ul li a:hover {color: #333333; background-color: #eeeeee !important}
#nav ul li ul li ul li a:hover {color: #333333; background-color: #dddddd !important}

#content {padding: 30px 40px 30px 40px; background-image: url(../images/back_content.gif); background-repeat: no-repeat; background-position: 0 1px}
#content h1 {color: #2D5199; font-weight: bold; font-size: 30px; margin: 0; font-weight: normal; letter-spacing: -1px}
#content p.first {font-weight: bold; font-size: 14px color: #4aa1e6}
#content h4 {
	color: #2D5199
}

#home #content {padding: 10px 40px 10px 40px}
#home #content p {font-weight: bold; font-size: 18px}

#flash {background-color: #dcecf3}

#markets {padding: 20px; background-image: url(../images/back_markets.gif); background-repeat: no-repeat}
#markets .market {width: 190px; height: 150px; float: left; border-right: 1px solid #DDDDDD; padding: 0 20px}
#markets .last {border: 0}
#markets .market p {font-size: 16px; font-weight: bold; margin: 0}
#markets .market p.push {margin-top: 30px}
#markets .market ul {margin: 10px 0 0 0; padding: 0; list-style: none}
#markets .market ul li {font-size: 12px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; padding: 4px 0 4px 10px; background-position: 0 8px}
#markets .market ul li a {}

#footer {background-color: #E3E3E3; padding: 10px 40px 30px 40px}
#footer p {margin: 10px 0; font-size: 12px; position: relative}
#footer ul {margin: 0; padding: 0; list-style: none}
#footer ul li {display: block; float: left; padding: 0 15px}
#footer ul li.first {padding-left: 0}
#footer ul li.last {border-right: 0}