/* Header */

div, body {
	margin:0;
	padding:0;
}

html {
	background:#111 url('../images/bg.png') repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

body {
	text-align:center;
}

a {
	color:#318cc3;
	text-decoration:none;
}

#top {
	width:100%;
	min-width:720px;
	height:130px;
	margin-bottom:90px;
	text-align:left;
}

#webtitle {
	display:block;
	background: transparent url('../images/title.png') no-repeat;
	position:relative;
	top:20px;
	left:50px;
	width:312px;
	height:62px;
	text-indent:-500em;
}



/* Navigation */

#thenav {
	width:42em;
	height:63px;
	margin:21px 0 0 0;
	*margin:22px 0 0 0;
	z-index:10;
}

#nav {
	padding:5px 0 0 12px;
}

#nav li.on ul, #nav li.off ul {
	z-index:70;
}

#nav a {
	font-size:13px;
	font-weight:bold;
	color: #fff;
	height:27px;
	background: #333333 url('../images/navleft.gif') left top no-repeat;
	text-decoration: none;
	padding:0 0 7px 7px;
}

#nav li.on a {
	border-bottom:2px solid #a5e64a;
}

#nav li.off a {
	border-bottom:2px solid #2a76a7;
}

#nav a span {
	background: url('../images/navright.gif') right top no-repeat;
	padding:0 7px 0 0;
}

#nav li { /*float the main list items*/
	float: left;
	display: block;
	padding-right:5px;
	list-style:none;
}

#nav li ul {
	display: none;
}

#nav li.off ul, #nav li.on ul { /*put the subnav below*/
	position:absolute;
	top:112px;
	*top:113px;
	left:12px;
	padding:10px 0 0 15px;
	background: url('../images/subnavbg.png') no-repeat;
	height:24px;
	width:36.8em;
}

#nav li a {
	font-weight: bold;
	display: block;
	height: 15px;
	float:left;
	width: auto;
}

#nav li.on ul a, #nav li.off ul a {
	background:none;
	float: left; /*ie doesn't inherit the float*/
	border: none;
	color: #000;
	width: auto;
	margin-right: 10px;
}

#nav li.on ul {
	display: block;
}

#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}

#nav li.off a:hover, #nav li.on a:hover {
	border-bottom:2px solid #e89a3a;
}

#nav li.off ul a:hover, #nav li.on ul a:hover {
	background:none;
	border-bottom:none;
	text-decoration:underline;
}



/* Search Bar */

#search {
	position:absolute;
	top:5px;
	left:500px;
	width:214px;
	height:32px;
	*height:40px;
	padding:8px 0 0 48px;
	*padding:8px 0 0 47px;
	background:url('../images/searchbg.png') no-repeat;
	z-index:20;
	text-align:left;
}

#searchtext {
	border-top:2px solid white;
	border-bottom:1px solid white;
	border-left:none;
	border-right:none;
	width:90px;
	height:19px;
	font-size:14px;
	color:#000;
	float:left;
}

#searchbutton {
	margin:1px 0 0 14px;
}

#searchtotalnum {
	padding:10px 0 25px 50px;
	font-size:0.7em;
}

.searchnum {
	font-size:0.9em;
	padding:0 0 0 20px;
}



/* Content */

#contentwrap {
	position:relative;
	width:88%;
	min-height:300px;
	min-width:650px;
	max-width:900px;
	margin:0 auto;
	padding:1px 12px;
	background: #fff url('../../images/sidebg.png') top right repeat-y;
	z-index:50;
	text-align:left;
}

#contentltop {
	float:left;
	margin:-60px 48px 0 -12px;
	background:url('../images/wrapcnr.png') no-repeat 0 0;
	height:60px;
	font-size:2px; /* for IE6 */
}

#contentrtop {
	float:right;
	margin:0 -60px 0 0;
	/* first background is design corner, second is plain white corner; only use one or the other */
	background:url('../images/sidetopbg.png') no-repeat;
	/* background:url('../images/wrapcnr.png') no-repeat 0 -120px; */
	width:213px;
	height:60px;
	font-size:2px; /* for IE6 */
}

#contentbot {
	position:relative;
	width:88%;
	max-width:900px;
	margin:0 auto;
}

#contentlbot {
	float:left;
	margin:0 48px 0 -12px;
	background:url('../images/wrapcnr.png') no-repeat 0 -60px;
	height:60px;
	font-size:2px; /* for IE6 */
}

#contentrbot {
	float:right;
	margin:0 -60px 0 0;
	/* first background is design corner, second is plain white corner; only use one or the other */
	background:url('../images/sidebotbg.png') no-repeat;
	/* background:url('../images/wrapcnr.png') no-repeat 0 -180px; */
	width:213px;
	height:60px;
	font-size:2px; /* for IE6 */
}

#sidebar { 
	float:right;
	margin:-25px -12px 0 0;
	width:213px;
}

#maincontent {
	padding-right:12px;
	margin:-25px 209px 0 0;
	color: #505050;
}

#maincontent a:hover {
	text-decoration:underline;
	color:#000;
}



/* Articles */

.stockdesc {
	font-size:0.9em;
	line-height:1.3em;
	margin:2px 5% 0 232px;
}

.bordercontainer {
	position:relative;
	margin:-30px 0 35px 0;
	padding:25px 0 5px 0;
	border:1px solid #276f9c;
	z-index:55;
}

.bordercontainer2 {
	margin:-30px 0 0 0;
	padding:25px 0 5px 0;
	border-top:1px solid #276f9c;
}

.subtitle {
	position:relative;
	width:200px;
	margin:0 0 20px 60px;
	padding:0 10px;
	min-height:0;
	background:#fff;
	z-index:60;
}



/* Comments */

.commenttitle {
	margin-left:30px;
	background:url('../images/commenticon.png') top left no-repeat;
	padding-left:22px;
}

.details {
	font-size:0.7em;
	margin:0 0 10px 42px;
	color:#000;
}

.commentmessage {
	font-size:0.9em;
	line-height:1.3em;
	margin:2px 20px 15px 20px;
	padding:0 15px 15px 15px;
	border-bottom:1px solid #ccc;
}

h2 {
	font-size:0.95em;
	margin:0;
	padding:0;
}

.summary {
	font-size:0.9em;
	line-height:1.3em;
	margin:2px 5% 15px 50px;
}

.redfont {
	color:red;
}



/* Footer */

#footer {
	clear:both;
	width:100%;
	text-align:center;
	font-size:0.9em;
	padding:15px 0 10px 0;
}

#footer ul {
	margin:0 20%;
	padding:3px;
	background:#276f9c;
}

#footer li {
	padding: 0 8px 0 8px;
	list-style:none;
	display:inline;
	margin:0;
}

#footer a {
	color:#fff;
}

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

#copyright {
	font-size:0.75em;
	color:#505050;
}