table.toparea {

	background-color: #D4B839;

	background-image:url('../i/topimg.gif');

	background-repeat:no-repeat;

	height: 105px;

}



td.sideshim {

	background-color: #D4B839;

}



td.bodycolor {

	background-color: #ffffff;

}



td.indexsidecolor {

	background-color: #e7edef;

}



td.globalreactcolor {

	background-color: #F1F5B3;

	padding: 4px 20px 20px 20px;

}



td.pagebox {

	padding: 10px 20px 10px 20px;

	background-color: #F1F5B3;

}



div.story {

	background-color: #F1F5B3;

	padding: 10px 20px 10px 20px;

}



.secondary {

	color: #666666;

}



.subtitle {

	color: #998c56;

	font-size: 12px;

}



td.photocaption {

	padding: 2px 5px 12px 5px;

}



td.photocaption P.caption {

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 10px;

	color: #777777;

}	



div.react {

	margin-bottom: 8px;

	margin-right: 10px;

}



div.react P {

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 13px;

	color: #555555;

}	



div.react B {

	color: #d4b389;

}



div.reactednote {

	text-align:left;

	margin-bottom: 12px;

	margin-right: 10px;

	margin-left: 30px;

}



div.reactednote P {

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 12px;

	color: #2D3577;

}	



div.reactednote B {

	color: #3D4587;

}







td.tdl {

	vertical-align: top;

}



td.tdl P {

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 11px;

	color: #444444;

}



td.tdl .textbox {

	font-family: Verdana, Arial, Sans-serif;

	font-size: 11px;

}



P.share {

	color: #D4B839;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 14px;

	padding-top: 14px;

	text-align: center;

	padding-bottom: 3px;

	text-transform: uppercase;

	letter-spacing: 5px;

}



td.bodyarea {

	background-color: #ffffff;

	padding-left: 5px;

	padding-right: 10px;

	padding-top: 12px;

	padding-bottom: 12px;

}



td.bodyarea P {

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

}



td.bodypagearea {

	background-color: #ffffff;

	padding-left: 5px;

	padding-right: 78px;

	padding-top: 12px;

	padding-bottom: 12px;

}



td.bodypagearea P {

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #333333;

}



td.topshim {

	background-color: #8085AC;

	padding-left: 10px;

	padding-top: 2px;

	padding-bottom: 2px;

}



td.topshim P {

	color: #dddddd;

	font-family: Verdana, Arial, Sans-serif;

	font-size: 11px;

	text-transform: uppercase;

	letter-spacing: 5px;

}



.topareasearch {

	color: #FFE570;

	font-family: Verdana, Arial, Sans-serif;

	font-size: 11px;

}



.topwhite {

	color: #eeeeee;

	font-family: Verdana, Arial, Sans-serif;

	font-size: 11px;

}



.titlefont {

	color: #2D3577;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 19px;

}



A.idxtitle:link {

	color: #505ECC;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 18px;

}



A.idxtitle:visited {

	color: #2D3577;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 18px;

}



A.idxtitle:hover {

	color: #333333;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 18px;

}





P.videoduration {

	font-size: 11px;

	padding-left: 8px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #777777;

}





div.pullquote {

	color: #998c56;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 15px;

	width: 150px;

	float: right;

	margin: 18px 0px 18px 20px;

}



div.pullquoteleft {

	color: #998c56;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 15px;

	width: 150px;

	float: left;

	margin-right: 15px;

	margin-bottom: 20px;

}





.byline {

	color: #777777;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 12px;

	text-transform: uppercase;

	letter-spacing: 5px;

}





div.dateline {

	color: #888888;

	font-family: Verdana, Arial, Sans-serif;

	float: right;

	font-size: 11px;

	font-weight: normal;

	text-transform: uppercase;

	letter-spacing: 3px;

}





table.photoboxleft {

	padding-right: 15px;

	padding-bottom: 10px;

	float: left;

}



table.photoboxleft td.captionarea {

	background-color: #E9EAEA;

	padding: 6px;

}



table.photoboxleft td.captionarea P {

	color: #676C8F;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 11px;

}



table.photoboxright {

	padding-left: 15px;

	padding-bottom: 10px;

	float: right;

}



table.photoboxright td.captionarea {

	background-color: #E9EAEA;

	padding: 6px;

}



table.photoboxright td.captionarea P {

	color: #676C8F;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 11px;

}



div.reactlinkbutton {

	float: right;

	margin-right: 25px;

	margin-left: 25px;

	margin-bottom: 20px;

}



a.boxlink:link {

	background-color: #505ECC;

	padding: 3px;

	color: #ffffff;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 12px;

	text-decoration: none;

}



a.boxlink:visited {

	background-color: #2D3577;

	padding: 3px;

	color: #ffffff;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 12px;

	text-decoration: none;

}



a.boxlink:hover {

	background-color: #000000;

	padding: 3px;

	color: #ffffff;

	font-family:  Verdana, Arial, Sans-serif;

	font-size: 12px;

	text-decoration: none;

}





.smtext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}



p a:link {

	color: #C7AB2E;

}



p a:visited {

	color: #B5A457;

}



p a:hover {

	color: #222222;

}



P.videolength {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #666;

	padding-left: 10px;

}





.smallcaps {

	font-size: 9px;

	color: #666;

}



a.blink {

	font-weight: bold;

}



table.links {

	border-top: 1px #d4b839 solid;

	border-left: 1px #d4b839 solid;

	border-right: 1px #d4b839 solid;

	border-bottom: 5px #d4b839 solid;

}



table.links td.top {

	background-color: #d4b839;

}



table.links td.top P {

	font-weight: bold;

	color: #fff;

}



table.links td {

	padding: 8px 10px 8px 10px;

}



div.chartleft, div.chartright {

	border-top: 1px #d4b839 solid;

	border-left: 1px #d4b839 solid;

	border-right: 1px #d4b839 solid;

	border-bottom: 1px #d4b839 solid;

	background-color: #ffffff;

	padding: 0px 10px 0px 10px;

	width: 200px;

}



div.chartleft {

	margin: 0px 10px 8px 0px;

}



div.chartright {

	float: right;

	clear: right;

	margin: 0px 0px 8px 10px;

}



div.chartleft p.head, div.chartright p.head {

	font-size: 11px;

	font-weight: bold;

	text-transform: uppercase;

	margin: 10px 0px 0px 0px;

	padding: 0px;

	color: #555555;

}



div.chartleft p.subhead, div.chartright p.subhead {

	font-size: 11px;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	color: #555555;

}



div.chartleft p.source, div.chartright p.source {

	font-size: 9px;

	color: #555555;

}



div.chartleft li, div.chartright li {

	font-size: 10px;

	color: #555555;

}



div.chartright table, div.chartleft table {

	padding-top: 10px;

	width: 100%;

}



div.chartright td, div.chartleft td {

	padding: 5px;

	font-size: 11px;

	color: #555555;

	font-family: Verdana, Arial, Sans-serif;

	background-color: #eeeeee;

	margin: 1px;

}



div.react {

	padding: 8px;

	border-bottom: 1px #ffffff solid;

	margin: 5px;

	text-align: left;

}



div.react B {

	color: #333333;

}



div.reactlinkbutton {

	float: right;

	margin-right: 25px;

	margin-left: 25px;

	margin-bottom: 20px;

}



td.closewindow {

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

}



td.gal {

	padding: 8px;

}



img.padbutton {

	margin-right: 15px;

	margin-bottom: 10px;

	float: left;

}



div.videoarea {

	float: right;

	width: 175px;

	margin-left: 15px;

	margin-bottom: 15px;

}



td.indexintrotext {

padding-right: 10px;

}



.navmenu {

	background-color: transparent;

	margin-left:17px;

	margin-top: 0px;

}



.searchbutton {

	list-style-type: disc;

	list-style-position: inside;

	font-family: verdana, helvetica, sans-serif;

	font-size: 10px;

	letter-spacing: 1px;

	height: 19px;

	line-height: 17px;

	color: #ffffff;

	border: 1px #C31F1F solid;

	background-color: #C31F1F;

}



.searchbox {

	background-color: #ffffff;

	height: 18px;

	width: 130px;

	font-family: verdana, helvetica, sans-serif;

	font-size: 11px;

}



div.navhiddenmenu {

	position: absolute;

	z-index: 99;

	padding-left: 10px;

	visibility: hidden;		

}



div.navhiddenmenu td.topnavitem {

	background-color: #eeeeee;

	border: 1px solid #cccccc;

}



div.navhiddenmenu td.topnavitem P {

	font-family: verdana, helvetica, sans-serif;

	color: #444444;

	font-size: 11px;

}



div.navhiddenmenu td.topnavitem A:link {

	text-decoration: none;

	color: #ff3333;

}



div.navhiddenmenu td.topnavitem A:visited {

	text-decoration: none;

	color: #ff3333;

}



div.navhiddenmenu td.topnavitem A:hover {

	text-decoration: none;

}



div.navhiddenmenu td.topnavitemroll {

	background-color: #F58406;

	border: 1px solid #eeeeee;

}



div.navhiddenmenu td.topnavitemroll P {

	font-family: verdana, helvetica, sans-serif;

	color: #ffffff;

	font-size: 11px;

}



div.navhiddenmenu td.topnavitemroll A:link {

	text-decoration: none;

}



div.navhiddenmenu td.topnavitemroll A:visited {

	text-decoration: none;

}



div.navhiddenmenu td.topnavitemroll A:hover {

	text-decoration: none;

	color: #ffffff;

}



/*global nav*/



#searchbox {

width: 100%; font-size:14px; font-family: Verdana; padding-top: 10px; color: white;

}



#go, #submit {

color: black;

background-color: #cccc33;

border: solid 1px black;

}



/*** Nav bar styles ***/



ul.nav,

.nav ul{

/*Remove all spacings from the list items*/

	margin: 0;

	padding: 0;

	cursor: default;

	list-style-type: none;

	display: inline;

}



ul.nav{

	display: table;

}

ul.nav>li{

	display: table-cell;

	position: relative;

	padding: 2px 6px;

}









ul.nav li>ul{

/*Make the sub list items invisible*/

	display: none;

	position: absolute;

	max-width: 40ex;

	margin-left: -6px;

	margin-top: 2px;

}



ul.nav li:hover>ul{

/*When hovered, make them appear*/

	display : block;

}



.nav ul li a{

/*Make the hyperlinks as a block element, sort of a hover effect*/

	display: block;

	padding: 2px 10px;

}



/*** Menu colors (customizable) ***/



ul.nav,

.nav ul,

.nav ul li a{

	background-color: #fff;

	color: #369;

}





ul.nav li:hover,

.nav ul li a:hover{

	background-color: #369;

	color: #fff;

}



ul.nav li:active,

.nav ul li a:active{

	background-color: #036;

	color: #fff;

}



ul.nav,

.nav ul{

	border: 1px solid #369;

}



.nav a{

	text-decoration: none;

}