/* CSS Document */

html {
	min-width: 760px;
	}
	
img {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	}

a {
	outline: 0;
}



body {
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	background: #0b3a32;
	color: #211d13;
	font: 11px/16px Verdana, "Bitstream Vera Sans", Geneva, Arial, Helvetica, Helve, sans-serif;
	}
	
div#wrapper {
	color: #211d13;
	background: #0b3a32 url(../i/backer.gif) top left repeat-y;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align: left;
	}
	
div#topnav {
	height: 25px;
	width: 760px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #e2ded2;
	}
	
div#topnav ul#topmenu {
	height: 25px;
	width: 760px;
	background: transparent url(../i/topper.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
div#topnav ul#topmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#topmenu li, ul#topmenu a {
	height: 25px;
	display: block;
	}
	
div#topnav ul#topmenu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

#home {left: 40px; width: 64px;}
#contact {left: 104px; width: 104px;}
#faq {left: 208px; width: 52px;}

#home a:hover {background: transparent url(../i/homeover.gif) top left no-repeat;}
#contact a:hover {background: transparent url(../i/contactover.gif) top left no-repeat;}
#faq a:hover {background: transparent url(../i/faqover.gif) top left no-repeat;}

div#banner {
	margin: 0;
	padding: 0;
	border: 0;
}

div#maincontent {
	float: left;
	width: 475px;
	margin: 0;
	padding: 0 0 40px 0;
	border: 0;
	margin-left: 20px;
	}
	
html>body div#maincontent {
	margin-left: 40px;
	}
	
div#maincontent p {
	margin: 0;
	padding: 15px 0 0 0;
	}

div#sidebar {
	width: 190px;
	margin: 0 0 0 554px;
	padding: 0 0 40px 0;
	border: 0;
	font-size: 10px;
	line-height: 15px;
	}

div#sidebar p {
	margin: 0;
	padding: 15px 0 0 0;
	}
	
div#outlook {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
div#outlook h5 {
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	width: 189px;
	height: 59px;
	background: transparent url(../i/marketup.gif) top left no-repeat;
	}
	
div#outlook > h5 {
	margin-top: 13px;
}
	
div#outlook h5 a {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	}
	
div#outlook h5 a:hover {
	background: transparent url(../i/marketover.gif) top left no-repeat;
	}

div#disclaimer {
	clear: both;
	border: 0;
	border-top: 1px dotted #8f8152;
	background: #fff url(../i/disclaimer.gif) top left repeat-y;
	color: #211d13;
	width: 760px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 9px;
	line-height: 12px;
	}

div#disclaimer p {
	margin: 0;
	padding: 20px 40px;
	}

div#footer {
	width: 760px;
	height: 70px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #e2ded2 url(../i/footer.jpg) top left no-repeat;
	color: #61532a;
	text-align: center;
	}
	
div#footer p {
	font-size: 10px;
	line-height: 8px;
	margin: 0;
	padding: 22px 0 0 0;
	}

div#footer a {
	text-decoration: none;
	color: #61532a;
	}

div#footer a:hover {
	text-decoration: underline;
	color: #211d13;
	}

a:link, a:visited {
	text-decoration: none;
	color: #211d13;
	}

a:hover, a:active {
	text-decoration: underline;
	}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0 0;
	color: #61532a;
	}

table.basic {
	margin: 0;
	}

div#subnav {
	margin: 0;
	padding: 15px 0;
	border: 0;
	border-bottom: 1px dotted #8f8152;
	width: 190px;
	}
	
div#subnav ul {
	margin: 0;
	padding: 0;
	border: 0;
	width: 190px;
	}

ul#subcontact {
	height: 72px;
	background: transparent url(../i/contactmenubacker.gif) top left no-repeat;
	}
	
ul#subonline {
	height: 35px;
	background: transparent url(../i/onlinemenubacker.gif) top left no-repeat;
	}
	
ul#subbrokerage {
	height: 54px;
	background: transparent url(../i/brokermenubacker.gif) top left no-repeat;
	}

div#subnav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 18px;
	width: 190px;
	display: block;
	}

div#subnav ul li a {
	display: block;
	height: 18px;
	text-indent: -9999px;
	text-decoration: none;
	}

li#directory a:hover {background: transparent url(../i/contactoneover.gif) top left no-repeat;}
li#directions a:hover {background: transparent url(../i/contacttwoover.gif) top left no-repeat;}
li#careers a:hover {background: transparent url(../i/contactthreeover.gif) top left no-repeat;}
li#holidays a:hover {background: transparent url(../i/contactfourover.gif) top left no-repeat;}

li#onlineoverview a:hover {background: transparent url(../i/onlineoneover.gif) top left no-repeat;}
li#icommission a:hover {background: transparent url(../i/onlinetwoover.gif) top left no-repeat;}
li#portdemo a:hover {background: transparent url(../i/onlinethreeover.gif) top left no-repeat;}
li#tradedemo a:hover {background: transparent url(../i/onlinefourover.gif) top left no-repeat;}

li#brokerone a:hover {background: transparent url(../i/brokeroneover.gif) top left no-repeat;}
li#brokertwo a:hover {background: transparent url(../i/brokertwoover.gif) top left no-repeat;}
li#brokerthree a:hover {background: transparent url(../i/brokerthreeover.gif) top left no-repeat;}

table#directtable {
	margin: 0;
	font-size: 10px;
	line-height: 1.3em;
	}

table#directtable td {
	vertical-align: top;
	}

div#maincontent p.subcopy {
	margin: 0;
	padding: 5px 0 0 11px;
	text-indent: -11px;
	}

div#maincontent p.fineprint {
	margin: 0;
	padding: 0;
	font-size: 9px;
	line-height: 1.2em;
	}

div#maincontent p.linebreak {
	border-top: 1px dotted #8f8152;
	}
	

ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	font: 10px/14px Verdana;
}

ul#nav li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

ul#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: url(i/trans_spacer.gif) top left repeat;
	margin: 0;
	padding: 4px 0 10px 0;
}

ul#nav li>ul {
	top: auto;
	left: auto;
}

ul#nav li li {
	display: block;
	float: none;
	text-align: center;
}

ul#nav li:hover ul, ul#nav li.over ul {
	display: block;
}

ul#nav li li a {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	color: #0b3a32;
}

ul#nav li li a:hover {
	color: #897b4d;
}


html body div#maincontent p.question {
	font-weight: bold;
	padding-left: 17px;
	text-indent: -17px;
	margin-top: 20px;
	font-style: italic;
	color: #0b3a32;
}

html body div#maincontent p.answer_one {
	padding-left: 17px;
	text-indent: -17px;
}

html body div#maincontent p.answer_two {
	padding-left: 17px;
}

html body div#maincontent p.newbulletpoint {
	padding-left: 26px;
	text-indent: -10px;
}