/*control main elements*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	line-height:130%;
	margin:0;
}

	/*control selectors*/
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px;
}
p {
	font-size: 16px;
	line-height:1.5em;
	}
h1 {
	margin-top: 10px;
	font-size:18px;
	color:#009;
	text-align:left;
	}
h2 {
	font-size:16px;
	font-style:italic;
	color:#009;
	text-align:left;
	}
h3 {
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	color:#009;
	text-align:left;
	}
h4 {
	font-size:14px;
	color:#339;
	text-align:left;
	}
h5 {
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	color:#339;
	text-align:left;
	}
h6 {
	font-size:1.0em;
	color:#339;
	}

video {
    position: absolute;
    left: 0;
    top: 20;
    width: 100%;
	max-width:1280px;
	height:auto;
}
/*control various divs*/
#maincontent {
	width:970px;
	margin:0px auto;
	border: solid 1px #336699;
	border-radius:10px;
	background-color:white;
	}
#header {
	width:100%;
	margin:0px auto;
	height:150px;
	text-align:center;
	}
#headertext {
	width:970px;
	margin:0px auto;
	height:25px;
	text-align:center;
	position:relative;
	top:-35px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#31b698;
	font-weight:bold;
	}
#nav {
	width:940px;
	height:30px;
	padding-top:7px;
	padding-right:5px;
	margin:-20px auto 5px auto;
	background-color:#ffffff;
	border: solid 0px #336699;
	border-radius:5px;
	}
#content {
	margin:0px auto;
	padding:0px;
	width:950px;
	text-align:left;
	}
#contentew {
	margin:0px auto;
	padding:0px;
	width:950px;
	text-align:left;
	}
.left {
	padding: 0px;
	float: left;
	width: 635px;
	border:solid 1px blue;
	border-radius:5px;
	margin-left:2px;
	overflow:auto;
	background-position:top right;
	background-repeat:no-repeat;
}
.chart {
	padding: 20px 0px 0px 0px;
	float: left;
	width: 950px;
	margin-left:2px;
	overflow:auto;
}
.articlesleft {
	padding: 0px;
	float: left;
	width: 275px;
	border:solid 1px blue;
	border-radius:5px;
	margin:0px 0px 10px 25px;
	overflow:auto;	
}
.right {
	padding: 10px;
	width: 275px;
	float: left;
	margin:0px 0px 0px 10px;
	border:solid 1px #369;
	border-radius:5px;
	text-align:center;
}
.articles {
	width:275px;
	height:265px;
	padding-top:5px;
	background-image:url(images/trading-icon.png);
	background-position:top right;
	background-repeat:no-repeat;
}
.padding {
	margin:0px;
	padding:12px;
	}
.padding2 {
	margin:0px 15px;
	padding:5px 23px;
	}
/*control footer*/

#footer {
	width:940px;
	height:90px;
	margin:10px auto;
	padding:10px;
	border-top: 1px solid blue;
	}
	/*text in footer*/
#footer p {
	text-align:center;
	padding-top:5px;
	margin:0px;
	font-size: 12px;
	}
/*control links*/
a:link {  color:blue;
	text-decoration:underline;
	}
a:visited {  color:blue;
	text-decoration:underline;
	}
a:hover {  color: #F00; 
	text-decoration:none;
	}
a:active {  color: #FF0; 
	text-decoration:none;
	}
/*spacer div to clear floats*/

.spacer {
	clear:left;
	}
.image_float{
	float:left;
	margin:0px;
	}

/*floats*/

.floatform{
	float:right;
	margin:40px 15px 0px 25px;
	z-index:999;
	border:solid 1px green;
	}
.float_r2{
	float:right;
	margin:5px 15px 0px 25px;
	z-index:999;
	}
.float_r{
	float:right;
	margin:5px 5px 5px 15px;
	}
.float_articles{
	float:right;
	margin:0px;
	}
.float_left {
	float:left;
	margin:5px 10px 0px 0px;
	}
.float_leftfoot {
	float:left;
	padding:0px 0px 0px 15px;
	}
.border {
	border:1px solid #009;
	}
.clear {
	clear:both;
	}
.justify {
	text-align:justify;
	}
hr {
	color: blue;
	background-color: blue;
	height: 1px;
	border: 0;
	width: 99%;
	}
ol {
	font-size:14px;
}
ul {	list-style-type:none;
 margin-left:-20px;
	font-size:18px;
	}
.ul li{
	background:url(images/bullet.gif) left top no-repeat;
 padding-left:30px;margin-top:12px;line-height:100%;
	font-size:18px;
 }
 .ul2{
	 list-style-type:circle;
	 line-height:150%;
	 margin-left:20px;
	font-size:14px;
 }
dt {
	padding:5px 0px 0px 0px;
	margin:0px 15px 0px 15px;
	font-weight:bold;
}
.small {
	font-size:0.7em;
	}
.padleft {
	padding-left:5px;
	}
.paddinggal {
	padding:10px 0px;
	}
.window {
	margin:20px;
	border-bottom:1px solid #339;
	padding-bottom:10px;	
	}
.quotes {
	font-style:italic;
	color:#339;
	}
.red {
	color:#F00;
	} 
.blue {
	color:#009;
	} 
.img {
	border:0;
}
img
{  border-style: none;
}
.display {
	border: 1px solid blue;
	margin: 5px auto;
	padding-top:10px;
	margin-bottom:10px;
	width:600px;
	background-color:#EDEDFE;
	font-style:italic;
	border-radius:5px;
}
.display2 {
	border: 1px solid blue;
	margin: 5px auto;
	padding:10px 0px;
	margin-bottom:10px;
	width:610px;
	background-color:#ffffff;
	font-style:italic;
	border-radius:5px;
}
.videodisplay {
	border: 1px solid blue;
	margin: 20px;
	padding:10px;
	width:500px;
	margin-bottom:10px;
	background-color:#EDEDFE;
	border-radius:5px;
}
.videodisplay2 {
	border: 1px solid blue;
	margin: 20px;
	padding:10px;
	width:700px;
	margin-bottom:10px;
	background-color:#EDEDFE;
	border-radius:5px;
}
.hide {
	visibility: hidden;
}
.tew-nav { 
	width: 255px;
	margin:5px auto;
	padding:5px;
	background-color:#EDEDFE;
	border-radius:5px;
	text-align:left;
	}
.tew-nav2 { 
	width: 255px;
	margin:5px auto;
	padding:7px 0px 0px 0px;
	border-radius:5px;
	border:2px solid blue;
	text-align:center;
	}

.play {
	padding:5px;
	margin-top:5px;
}
.center {
	margin:0px auto;
	text-align:center;
}
/*.wicstable td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #339;
	background-color: white;
} */
.wicstable { width:610px; border:1px solid #339; border-collapse:collapse; margin:10px; background:white; }
.wicstable td { padding:6px; }
.wicstable .titleRow { border-bottom: 1px solid #339; color:#339;}
.wicstable .row { border-bottom: 1px solid #339; }
.wicstable .row:hover {background: #EDEDED;}
.links {
	border-bottom: 1px solid blue;
	padding:10px;
}
video {
  width: 100%    !important;
  height: auto   !important;
  max-width: 1200px;
  max-height: 500px;
}
		
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {width:950px; height:22px; text-align:center;}
#menu ul {display:inline-block;} 
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0;}
#menu a {display:block; font:normal 14px Arial, Helvetica, sans-serif;color:#444; line-height:22px; text-decoration:none; padding:0 15px;} 
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */

#menu li:hover > ul {visibility:visible;}
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {float:left; position:relative; margin-right:1px;}

#menu a.top-level-a {float:left; padding:0 0 0 15px; background:url(images/taba.gif) no-repeat left top;} 
#menu a.top-level-a b {float:left; padding:0 20px 0 0; background:url(images/tabb.gif) no-repeat right top; cursor:pointer; cursor:hand;}
#menu a.down b {float:left; padding:0 20px 0 0; background:url(images/tabc.gif) no-repeat right top; cursor:pointer;}

#menu a.top-level-a:hover {white-space:nowrap; background:url(images/taba.gif) no-repeat left -30px;}
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#000; background:url(images/tabb.gif) no-repeat right -30px; cursor:pointer;}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#000; background:url(images/tabc.gif) no-repeat right -30px; cursor:pointer;}

#menu li.top-level-li:hover > a {white-space:nowrap; background:url(images/taba.gif) no-repeat left -30px;}
#menu li.top-level-li:hover > a b {color:#000;  background:url(images/tabb.gif) no-repeat right -30px;}
#menu li.top-level-li:hover > a.down b {color:#000;  background:url(images/tabc.gif) no-repeat right -30px;}

#menu li ul {display:block; position:absolute; visibility:hidden; background:#505060; padding:1px 1px 1px 1px; left:0;}
#menu li li {border-bottom:1px solid #505060;}
#menu li li a {background:#fff;} 
#menu li li a:hover {background:#e3e6ed;} 
#menu li li:hover > a {background:#e3e6ed;}
#menu li li a.fly {background:#fff url(images/fly.gif) no-repeat right top;}
#menu li li a.fly:hover {background:#e3e6ed url(images/fly.gif) no-repeat right top;} 
#menu li li:hover > a.fly {background:#e3e6ed url(images/fly.gif) no-repeat right top;}

#menu ul.drop-down {top:22px; opacity:1.0;} 
#menu li li ul {left:100%; margin-top:-23px; margin-left:-5px;}

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;}
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}

[if lte IE 7]>
#menu ul {display:inline;}
<![endif]