body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	text-align: center;
	background: #fff;
	color: #000;
	}

a:link, a:visited {
	color: #ff9a00;
	text-decoration:none;
	font-weight: bold;
	}

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

a img {
	border: 0;
	}

#header, #topBanner, #headline, #bio, #content, #footer {
	margin: 0 auto;
	padding: 0;
	width: 740px;
	text-align: left;
	}

#header {
	padding: 0;
	background: #fff url(../images/header_span.gif) 100% 0 repeat-x;
	color: #000;
	}

#topBanner {
	padding: 0;
	background: #000;
	color: #fff;
	}

#topBanner img {
	margin: 0;
	padding: 0;
	}

#topBanner img#etrade {
	float: left;
	}

#topBanner img#report {
	float: right;
	}

#mainNav {
	clear: both;
	background: #696969 url(../images/l-right.gif) right bottom  no-repeat;
	font-size: .75em;
	height: 23px;
	}

#mainNav ul {
	list-style-type: none;
	padding: 0 0 0 19px;
	margin: 0;
	background: transparent url(../images/t-left.gif) left bottom  no-repeat;
	font-size: 1em;
	}

#mainNav li {
	line-height: 23px;
	display: inline;
	color: #fff;
	}

#mainNav a:link, #mainNav a:visited {
	font-weight: normal;
	color: #fff;
	}

#mainNav a:hover, #mainNav a:active {
	color: #ff9a00;
	text-decoration: none;
	}
	
.article #headline, .archive #headline {
	clear: both;
	height: 89px;
	padding: 0;
	margin: 0;
	background: #fff url(../images/title_span.gif) 0 repeat-x;
	color: #000;
	}

.article #headline h1, .archive #headline h1 {
	margin: 0 0 0 15px;
	line-height: 52px;
	font-size: 1.4em;
	padding: 15px 0 0 30px;
	background: transparent url(../images/suitcase_icon.gif) 0 33px no-repeat;
	color: #000;
	}

.article #headline h1#new {
	margin-left: 80px;
	}

.article #headline h1 a:link, .article #headline h1 a:visited {
	color: #000;
	}

.article #headline h1 a:hover {
	color: #c00;
	text-decoration: underline;
	}

.article #headline p#newImage {
	float: left;
	margin: 15px 0 0 0;
	}

#content {
	clear: both;
	padding: 10px 0 10px 0;
	border-top: #e7e7e7 dashed 1px;
	}

#chewy ul {
	font-size: .75em;
	margin: 20px 0 20px 60px;
	padding: 0;
	list-style-type: square;
	line-height: 1.2em;
	}

#chewy ul ul {
	font-size: 1em;
	margin: 3px 0 20px 20px;
	padding: 0;
	list-style-type: square;
	line-height: 1.5em;
	}

.article #arrow {
	background:#fff;
	text-align:center;
	height: 75px;
	margin: 0;
	padding: 0;
	}

.article #chewy,
.archive #chewy {
	margin: 0 0 10px -2px;
	padding: 0;
	float: right;
	width: 562px;
	background: transparent;
	color: #000;
	border-left: #e7e7e7 solid 2px;
	}

.article #chewy h4 {
	margin: 20px 0 20px 20px;
	font-size: .75em;
	}

.article #chewy p {
	margin: 20px 0 0 20px;
	font-size: .75em;
	}

.article #chewy p#intro {
	margin-top: 0;
	}

.article #chewy #quicklinks  {
	margin: 0 0 20px 20px;
	padding: 10px;
	font-weight: bold;
	border: 1px solid #bbb;
	background: #efefef;
	}
	
.article #chewy #quicklinks p {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	}

.article #chewy ul#quicklinkslist {
	margin: 5px 0 0 15px;
	padding: 0;
	line-height: 2em;
	}

.article #chewy ul#quicklinkslist li {
	margin: 0;
	padding: 0;
	}

.article #chewy #quicklinks a:link, .article #chewy #quicklinks a:visited  {
	color: #039;
	text-decoration: none;
	}

.article #chewy #quicklinks a:hover  {
	color: #c00;
	text-decoration: underline;
	}
	
.article #chewy img.chart { 
    float: right; 
    margin: 15px 0 15px 15px; 
}

.article #chewy p.chart {
	text-align: center;
	}

.article #nav,
.archive #nav {
	margin: 0 -2px 10px 0;
	padding: 0 10px 0 0;
	float: left;
	width: 166px;
	background: transparent;
	color: #000;
	border-right: #e7e7e7 solid 2px;
	}

.article #nav ul,
.archive #nav ul {
	margin: 10px 0 0 0;
	padding: 0;
	}

.article #nav li,
.archive #nav li {
	margin: 0 0 8px 0;
	}

.article #nav ul li,
.article #nav p,
.archive #nav ul li,
.archive #nav p {
	font-size: .65em;
	}

.article #nav ul li#active,
.article #nav p,
.archive #nav ul li#active,
.archive #nav p {
	font-weight: bold;
	}	

.article #nav ul li a:link,
.article #nav ul li a:visited,
.archive #nav ul li a:link,
.archive #nav ul li a:visited {
	color: #c00;
	text-decoration: none;
	}

.article #nav ul li a:hover,
.archive #nav ul li a:hover  {
	color: #039;
	text-decoration: underline;
	}

.article #nav h3,
.article #nav p,
.archive #nav h3,
.archive #nav p {
	text-align: center;
	}

.article #nav h3,
.archive #nav h3 {
	margin: 0;
	font-size: .95em;
	}

.article #nav p.description,
.article #nav p {
	margin: 0 0 20px 0;
	}

.article #nav p.video {
	margin: 10px 0 0 0;
	}

.chart #headline {
	clear: both;
	/*height: 89px;*/
	padding: 10px 0 0 0;
	background-color: #fff;
	}

.chart #headline h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.25em;
	color: #ff9a00;
	font-weight: normal;
	}

.chart #headline p {
	background: transparent;
	color: #000;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: .75em;
	color: #111;
	/*color: #a5a5a5;
	font-weight: bold;*/
	}

.chart #chewy {
	margin: 0 -2px 10px 0;
	padding: 0;
	float: left;
	width: 510px;
	background: transparent;
	color: #000;
	border-right: #e7e7e7 solid 2px;
	}

.chart #chewy .portfolio {
	margin: 10px 10px 0 0;
	clear: left;
	border-bottom: #e7e7e7 dashed 1px;
	}

.chart #chewy .portfolio:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html .chart #chewy .portfolio {
	height: 1%;
	}

.chart #chewy .portfolioFinal {
	margin: 10px 10px 0 0;
	clear: left;
	}

.chart #chewy h1 {
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	background: transparent url(../images/title_span.gif) 100% 0 repeat-x;
	color: #000;
	height: 59px;
	line-height: 52px;
	font-size: 1.4em;
	}

.chart #chewy h2 {
	font-size: 1.25em;
	}

.chart #chewy p {
	margin: 0 0 20px 230px;
	font-size: .75em;
	}

.chart #chewy p.soon {
	margin-left: 0;
	}

.chart #chewy h3 {
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	font-size: 1em;
	background: transparent url(../images/suitcase_icon.gif) 0 no-repeat;
	color: #000;
	}	
	
.chart #chewy h4 {
	margin: 0 0 10px 230px;
	padding: 0;
	font-size: .8em;
	}

.chart #chewy p.chart {
	float: left;
	margin: 0;
	}

.chart #nav {
	margin: 0 0 10px 0;
	padding: 0 0 0 -2px;
	float: right;
	width: 228px;
	background: transparent;
	color: #000;
	border-left: #e7e7e7 solid 2px;
	}

.chart #nav h2 {
	margin: 0 0 0 10px;
	padding: 6px 0 8px 0;
	text-align: center;
	border-bottom: 2px solid #e7e7e7;
	font-size: .9em;
	}

.chart #nav h3 {
	padding: 0;
	margin: 20px 0 0 21px;
	font-size: .7em;
	}

.chart #nav h4 {
	margin: 5px 0 5px 21px;
	padding: 0;
	font-size: .7em;
	background: transparent;
	color: #c00;
	}

.chart #nav h5 {
	margin: 0 0 0 21px;
	font-size: .7em;
	}

.chart #nav p {
	margin: 0 0 10px 21px;
	padding: 0;
	font-size: .7em;
	}

.chart #nav p#archiveLink {
	margin-top: 20px;
	font-size: .8em;
	text-align: center;
	margin-left: -21px;
	}

.chart #nav p#archiveLink a:link,
.chart #nav p#archiveLink a:visited {
	color: #039;
	}

.chart #nav p#archiveLink a:hover {
	color:#c00;
	}

.chart #nav ul,
.article #nav ul li,
.archive #nav ul li {
	margin: 0;
	padding-left: 0;
	list-style: none;
	}

.article #nav ul li,
.archive #nav ul li {
	margin-bottom: 10px;
	}

#footer {
	padding: 10px 0 0 0;
	clear: both;
	background: #fff;
	text-align: right;
	border-top: #e7e7e7 solid 2px;
	}
	
#footer p, #topBanner p {
	margin: 0;
	}

#footer p#copy {
	font-size: .55em;
	text-align: left;
	margin: 0 10px 10px 10px;
	}

#footer .leaderboard {
	width: 728px;
	height: 90px;
	/*background-color: #ededed;
	color: #000;*/
	text-align: center;
	margin: 0 auto 10px auto;
}

/* styles for About page */

.about #chewy p {
	font-size: .75em;
	line-height: 1.5em;
	}

.about #chewy p#bottom {
	margin-bottom: 20px;
	}
	
.about #chewy {
	clear: both;
	padding: 10px 0 0 0;
	background: #fff;
	}

.about #chewy h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.25em;
	color: #ff9a00;
	font-weight: normal;
	}

.about #chewy h3 {
	margin: 10px 0 0 0;
	padding: 15px 0 0 0;
	font-size: 1.15em;
	color: #ff9a00;
	font-weight: normal;
	border-top:  #e7e7e7 solid 2px;
	}

.about img.bioPhoto {
	margin: 20px 20px 10px 0;
	padding: 4px;
	border: #e7e7e7 solid 2px;
	float: left;
	}

/* styles for header and footer fragments */

body.db {
	text-align: left;
	}

.db #header, .db #topBanner, .db #content, .db #footer {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	}

.db #footer .leaderboard {
	width: 100%;
	}
	
.db #footer p#gi img {
	float:right;
	}

.db #footer {
	padding-top:10px;
	}

.db p, .db ul {
	font-size: .75em;
	}

.db a:link, .db a:visited {
	color: #00c;
	}

.db a:hover, a:active {
	color: #c00;
	}

#analysis {
	position: absolute;
	top: 0;
	left 0;
	display: none;
	}
	
/* ------------------ */

.article #nav #relatedvideo h3 {
	padding: 0;
	margin: 0 10px 0 0 ;
	font-size: 1em;
	text-align: left;
	}

.article #nav #relatedvideo h4 {
	margin: 5px 10px 5px 0;
	padding: 0;
	font-size: 1em;
	background: transparent;
	color: #c00;
	text-align: left;
	}

.article #nav #relatedvideo h5 {
	margin: 0 10px 0 0;
	font-size: 1em;
	text-align: left;
	}

.article #nav #relatedvideo p {
	margin: 0 10px 10px 0;
	padding: 0;
	font-size: 1em;
	text-align: left;
	font-weight: normal;
	}

.article #nav #relatedvideo p.playbutton {
	text-align: center;
	}

.article #nav ul#relatedvideo {
	margin-bottom: 20px;
	border-bottom: #e7e7e7 dashed 1px;
	}

/* --- Archive --- */

.archive h2 {
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 1.1em;
	text-align: center;
	}

#archiveList {
	float:left;
	/*display: inline;*/
	}

#archiveListRight {
	float:right;
	/*display: inline;*/
	}

.archive #chewy ul#archiveList,
.archive #chewy ul#archiveListRight {
	margin: 0 0 0 20px;
	padding: 0;
	}

.archive #archiveList li,
.archive #archiveListRight li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.archive #chewy #archiveList h3,
.archive #chewy #archiveListRight h3 {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: .9em;
	}

.archive #chewy #archiveList h4,
.archive #chewy #archiveListRight h4 {
	margin: 7px 0 0 0;
	padding: 0;
	font-size: .9em;
	color: #c00;
	}

.archive #chewy #archiveList p,
.archive #chewy #archiveListRight p {
	margin: 7px 0 0 0;
	padding: 0;
	font-size: .9em;;
	}

