* {margin:0; padding:0;}

body {
	text-align: center;
	font: 12px/1.6em Verdana, Arial, Helvetica, Sans-Serif;
	color:#000;
	position:relative;
	height:100%;
	background:#9B9753 url(/gfx/bg4.jpg) repeat-x 0 0;
}
hr { display:none; }
ul { list-style:none; }
.center { text-align:center; }

a img {
	border:none;
	outline:none;
}

#content div.colOne { width:100%; }
#content div.colTwo  { width:100%; }

#content div.colOne div.linkCluster { float: left; width: 33%; }
#content div.colTwo div.linkCluster { float: left; width:49%; }

#content div.buttons { clear: both; width:100%; }
#content div.buttons p.center { float: left; width: 22%; }
/* Headings
--------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin:20px 0 15px 0;
	font-weight:bold;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	color:#2E2E24;
}

h1 { font-size:150%; padding:0 0 18px 0; background: url(/gfx/bg-hd.gif) repeat-x 0 100%;}
h2 { font-size:140%; }
h2.main { padding:0 0 10px 0; background: url(/gfx/bg-hd.gif) repeat-x 0 100%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:110%; margin:15px 0 5px 0; }
h6 { font-size:100%; }


/* Helpers and Hacks
--------------------------------------------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

blockquote:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

blockquote {display: inline-table;}

/* Hides from IE-mac \*/
* html blockquote {height: 1%;}
blockquote {display: block;}
/* End hide from IE-mac */


/* Layout Divisions
--------------------------------------------------------------------------------------------------- */
#wrapper {
	margin:0 auto;
	padding:0;
	text-align:left;
	width: 800px;
	position:relative;
	background:url(/gfx/mid-content.jpg) repeat-y 50% 0;
}
#header {
	position:relative;
	color:#fff;
	height:197px;
	background:url(/gfx/header4.jpg) no-repeat 50% 0;
}
#contentarea {
	margin:0; 
	padding:0;
	text-align: left;
	position:relative;
	width:100%;
	background:url(/gfx/top-content.jpg) no-repeat 50% 0;
}
#content {
	padding:20px 40px 50px 40px;
}
* html #content { padding-top: 45px; }
#course-disclaimer {
	padding:15px 40px 50px 50px;
}
#content div.linkCluster {
	width:33%;
	float:left;
}
/*
#content {
	float: left;
	width: 564px;
	padding:15px 50px;
}
#sidebar {
	float: right;
	width: 228px;
	margin:0; padding:0;
	color:#859DC3;
}
*/
#footer {
	clear:both;
	text-align:left;
	padding:0;
	margin:0;
	height:80px;
	background:url(/gfx/footer.jpg) no-repeat 50% 0;
} 
/* Header
--------------------------------------------------------------------------------------------------- */
#logo, #slogan { display:none; }

#loginbtn {
	float:right;
	width:119px;
	height:33px;
	line-height:33px;
	z-index:420;
}
#loginbtn a {
	display:block;
	width:119px;
	height:33px;
	line-height:33px;
	text-align:center;
	text-indent:-9999px;
	background:url(/gfx/btn/login.jpg) no-repeat 0 0;
}
#loginbtn a:hover {
	background-position:-119px 0;
}

#videobtn a {
	display:block;
	width:210px;
	height:150px;
	line-height:150px;
	text-indent: -9999px;
	background: url(/gfx/btn/svideo.gif) no-repeat 0 0;
}
#videobtn a:hover {
	background-position: -210px 0;
}
/* --- Market Trader --- */
body#market-trader-101 #header {
	background: url(/gfx/header/mt101.jpg) no-repeat 50% 0;
}
body#market-trader-201 #header {
	background: url(/gfx/header/mt201.jpg) no-repeat 50% 0;
}
body#market-trader-301 #header {
	background: url(/gfx/header/mt301.jpg) no-repeat 50% 0;
}
body#market-trader-401 #header {
	background: url(/gfx/header/mt401.jpg) no-repeat 50% 0;
}
/* --- Options --- */
body#options-101 #header {
	background: url(/gfx/header/op101.jpg) no-repeat 50% 0;
}
body#options-201 #header {
	background: url(/gfx/header/op201.jpg) no-repeat 50% 0;
}
body#options-301 #header {
	background: url(/gfx/header/op301.jpg) no-repeat 50% 0;
}
body#options-401 #header {
	background: url(/gfx/header/op401.jpg) no-repeat 50% 0;
}
/* --- Forex --- */
body#forex-101 #header {
	background: url(/gfx/header/fo101.jpg) no-repeat 50% 0;
}
/* --- E-Mini --- */
body#e-mini #header {
	background: url(/gfx/header/emini.jpg) no-repeat 50% 0;
}
/* --- Getting Started--- */
body#getting-started #header {
	background: url(/gfx/header/gs.jpg) no-repeat 50% 0;
}

/* Footer
--------------------------------------------------------------------------------------------------- */
#copyright {
	float:left;
	width:60%;
	padding:50px 0 0 0;
}
#copyright em { display:none; }
#copyright span {
	display:block;
	margin:0 0 0 280px;
}
#copyright a {
	display:block;
	width: 80px;
	height:20px;
	line-height:20px;
	text-indent:-9999px;
}
#vibe9 {
	float:right;
	width:150px;
	padding:30px 0 0 0;
	margin:0;
	text-align:right;
}
#vibe9 a {
	display:block;
	float:right;
	width:150px;
	height:50px;
	line-height:50px;
}
#vibe9 a strong { display:none; }
/* Lists
--------------------------------------------------------------------------------------------------- */
ul  {
	margin:0 0 25px 0;
}
#sidebar ul li {
	list-style:none;
	border-bottom:1px solid #1172B0;
	background:#A1CEE8;
}
#content ul  {
	list-style:none;
	width:95%;
}
#content ul li {
	line-height:1.4em;
	margin:0;
	border-bottom:1px solid #ccc;
	padding:8px 0;
}
/* Paragraphs
--------------------------------------------------------------------------------------------------- */
p {
	margin:0 0 15px 0;
}
#content p.center img {
	float:none;
}
#course-disclaimer p {
	color:#666;
	font-style:italic;
}
#content p.left { 
	float: left;
	width:48%;
	margin:0; padding:0;
}
#content p.right { 
	float: right;
	width:48%;
	margin:0; padding:0;
}
#content p.clear {
	clear:both;
	padding-top:15px;
}
#content p.clear em {
	font-size:11px; color:#666;
}
a#lo-bw {
	display:block;
	width:150px;
	height:107px;
	line-height:107px;
	text-indent:-9999px;
	background:url(/gfx/btn/lo-bw.gif) no-repeat 0 0;
}
a:hover#lo-bw {
	background-position:-150px 0;
}
a#hi-bw {
	display:block;
	width:150px;
	height:107px;
	line-height:107px;
	text-indent:-9999px;
	background:url(/gfx/btn/hi-bw.gif) no-repeat 0 0;
}
a:hover#hi-bw {
	background-position:-150px 0;
}
/* Blockquotes
--------------------------------------------------------------------------------------------------- */
#content blockquote {
	font-style: italic;
	margin:0 80px;
	padding:15px 15px 10px 15px;
	background:#D8D8BB;
	border-top:1px solid #2D2E23;
	border-bottom:1px solid #2D2E23;	
}
#content p.speaker { 
	text-align:right; 
	margin-right:80px;  
	margin-top:10px; 
	margin-bottom:35px; 
	line-height:1.2em; 
	font-style: italic; 
}
body#products #content blockquote { margin-bottom:15px; }
/* Links and Pseudo fX
--------------------------------------------------------------------------------------------------- */
a {
	color:#1172B0;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:none;
}
#header p a {
	color:#fff;
	text-decoration:none;
}
#header p a:hover {
	color:#D6E5F5;
	text-decoration:none;
}
#content a {
	color:#4E4A31;
	text-decoration:underline;
}
#content a:hover {
	color:#9B9753;
	text-decoration:underline;
}
#content ul li.current a {
	color:#9B9753;
}
#sidebar a {
	padding:8px 5px;
	color:#1172B0;
	text-decoration:none;
	display:block;
}
#sidebar a:hover {
	color:#1172B0;
	background:#fff;
	text-decoration:none;
}
/* Nav Menu + Drop Downs
--------------------------------------------------------------------------------------------------- */
#navmenu {
	margin:0; 
	padding:0; 
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size:12px;
	height:38px;
	font-weight:normal; 
	background:url(/gfx/navbar4.jpg);
	width:100%;
	z-index:300;
	position:absolute;
	top:159px; left:0;
}
/* -- Parent --- */
#navmenu li {
	float:left;
	width:95px;
	height:38px;
	line-height:38px;
	text-align:center;
	font-size:12px;
	position:relative;
}
#navmenu li a {
	display:block;
	width:95px;
	height:38px;
	line-height:38px;
	color:#fff;
}
#navmenu li a:hover {
	color:#fff;
	background:#4B462E;
}
#navmenu li.current a {
	background:#4B462E;
}
/* -- Child -- */
#navmenu li.menuparent ul {
	position:absolute;
	left:0; top:38px;
	z-index:100;
	border-top:1px solid #000;
}
#navmenu li ul li {
	border:1px solid #000;
	border-top:none;
	padding:0;
	margin:0;
	width:190px;
	height:20px;
	line-height:20px;
	text-align:left;
	float:none;
	font-size:11px;
}
#navmenu li ul li a {
	background:#eee;
	color:#000;
	text-indent:5px;
	margin:0; padding:0;
	height:20px;
	line-height:20px;
	width:190px;
	display:block;
}
#navmenu li ul { display: none; } /* Hide sub-menus initially */

ul#navmenu li.menuparent:hover ul,
ul#navmenu li.over ul { display: block; } /* The magic */

ul#navmenu li.menuparent ul li { background: #ccc; }

ul#navmenu li.menuparent:hover a,
body#courses #navmenu li.menuparent a,
ul#navmenu li.over a { background-color: #4B462E; color:#fff; }

ul#navmenu li.menuparent:hover ul li a,
body#courses ul#navmenu li.menuparent:hover ul li a:hover,
ul#navmenu li.over ul li a  {background:#666;}
ul#navmenu li.over ul li a:hover { color: #333; background:#ccc;}

/* Courses
--------------------------------------------------------------------------------------------------- */
#content div.colA {
	float:left;
	width:49%;
}
body#events #content div.colA {
	border-right:1px solid #999;
}
#content div.colB {
	float:right;
	width:49%;
}
body#courses #content dl dt {
	display:none;
}
body#default #content dl dt {
	display:none;
}
#content dd {
	padding:0 0 25px 0;
	background:url(/gfx/hr.gif) no-repeat 50% 100%;
}
#content dd ul {
	margin:0; padding:0;
}
#content dd h3 {
	padding:0 0 12px 0;
	background:url(/gfx/bg-hd.gif) repeat-x 0 100%;
}
#content dd ul li p {
	margin-right:0; padding-right:0;
}
#content dd ul li {
	float: left; width:30%;
	clear:left;
	font-size:12px;
}
#content p img {
	float:right;
	margin:0 0 0 5px;
}
#content dd ul li.description {
	float:right;
	width:68%;
	border:none;
	padding:0; margin:0;
}
#content ul li.btns {
	float:right;
	clear: both;
	width:250px;
	height:55px;
	line-height:55px;
	text-align:center; border:none;
	padding:0; margin:0;
}
#content ul li.btns a.register {
	display:block; float:left;
	width:125px;
	height:55px;
	line-height:55px;
	padding:0; margin:0;
	text-indent:-9999px;
	background:url(/gfx/btn/register.gif) no-repeat 0 0;
}
#content ul li.btns a.register:hover {
	background-position:-125px 0;
}
#content ul li.btns a.login {
	display:block; float:right;
	width:125px;
	height:55px;
	line-height:55px;
	padding:0; margin:0;
	text-indent:-9999px;
	background:url(/gfx/btn/courselogin.gif) no-repeat 0 0;
}
#content ul li.btns a.login:hover {
	background-position:-125px 0;
}

#content ul li.register {
	float:right;
	clear: both;
	width:125px;
	height:55px;
	line-height:55px;
	text-align:center; border:none;
	padding:0; margin:0;
}
#content ul li.register a {
	display:block;
	width:125px;
	height:55px;
	line-height:55px;
	padding:0; margin:0;
	text-indent:-9999px;
	background:url(/gfx/btn/register.gif) no-repeat 0 0;
}
#content ul li.register a:hover {
	background-position:-125px 0;
}
#content ul li.login {
	float:right;
	clear:both;
	width:125px;
	height:55px;
	line-height:55px;
	text-align:center; border:none;
	padding:0; margin:0;
}
#content ul li.login a {
	display:block;
	width:125px;
	height:55px;
	line-height:55px;
	padding:0; margin:0;
	text-indent:-9999px;
	background:url(/gfx/btn/courselogin.gif) no-repeat 0 0;
}
#content ul li.login a:hover {
	background-position:-125px 0;
}
body#contact-us #content address {
	float:right; width:38%;
}
#content p.nofloat img { float:none; }
#content address img {
	margin:0 10px 0 0;
}
/* Registration Form
--------------------------------------------------------------------------------------------------- */
#content form textarea { width: 200px; display:block; }

body#register #content form label.zemRequired { font-weight:bold; color:#000; }
body#register #content form label.zemRequirederrorElement { font-weight:bold; color:red; }

body#register #content form { padding:40px 0 0 0; margin:0; font-size:11px; background:url(/gfx/bg-hd.gif) repeat-x 0 0; }

body#register #content form input,
body#register #content form select,
body#register #content form label {
	display: block;
	width: 57%;
	float: right;
	margin-bottom: 10px;
}
body#register #content form label {
	text-align: right;
	width: 40%;
	float:left; padding-right:0px;
	color:#585743;
}
body#register #content form span.checkarea input {
	width:15px;
	float:right;
}
body#register #content form span.checkarea label {
	width: 310px;
	float:left;
	text-align:right;
}
body#register #content form span.checkarea {
	display:block;
	margin-top:10px;
	float:none;
	clear:left;
}
body#register #content form textarea {
	width:200px;
}
body#register #content form br {
	clear: both;
}
body#register #content form span.sendme {
	display:block;
	margin-top:15px;
}
body#register #content div.mailin {
	float:right; width:40%;
	padding:5px 0 0 0;
}
#content form legend { display:none; }
#content form fieldset { border:none; margin:0; padding:0;}
body#register #content form#paypal { padding:0; margin:0; font-size:11px; background:none; }

#content div.paymentoptions {
	padding:0 200px;
	text-align:center;
}
#content ul.zemError {
	background:#FFFFCC;
	border:1px solid #2D2F24;
	padding:20px;
}
#content ul.zemError li {
	border-bottom: 1px dashed #2D2F24;
}
#content ul.zemError li strong { color: red; }