/* Home Page CSS (commented) */

/*	GENERAL NOTES:
		- "display: inline" following a float is redundant, but it avoids IE6's notorious "double margin bug"
*/


body, html {
	background-color: #F7F2DC;
	padding: 0;
	margin: 0;
	text-align: center; /* crucial for horiz page centering */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;	/* Sets all browsers & platforms to a common default type size */
	font-size: .80em;
	color: #000;
}

/* Utilities */
div.clear {		/* Used as a common layout tool for clearing floats. there are a series of redundant rules to ensure consistant display */
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 0;
	visibility: hidden;
}
img, a img {
	border: none;
	display: block;
}
a {		/* These 3 rules are for default link display */
	text-decoration: none;
}
a:link, a:visited {
	color: #000000;
}
a:hover {
	color: #999;
}

/* Main Layout */
#wrap {
	width: 755px;
	margin: 0 auto;		/* crucial for horiz page centering */
	text-align: left;
	
}

/* Main Navigation */
/* area that contains the gold and white main nav links - width and float are crucial for layout */
div#mainNav {
	width: 591px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}


#mainBanner {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#search {
}

/* Essential layout rules for main nav buttons */
#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#leftNavigation ul {
	margin: 0px;
	padding: 0px;
}
#leftColumnItems ul {
	margin: 0px;
	padding: 0px;
}


#mainNav li {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
	display: inline;
	text-transform: uppercase;
	border-left: 1px solid #000;
}
#leftNavigation li {
	list-style-type: none;
	padding-left: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
}

#leftCol {
	width: 161px;
	float: left;
	font-size: 1.1em;
}
#rightCol {
	float: right;
	width: 162px;
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 0px;
	padding-right: 0px;
	font-size: 1.1em;
}


#mainNav li.firstLink { /* used on the first link in each list to remove left border and add padding */
	border-left: none;
	padding-left: 8px;
}
#mainNav a {
	padding: 0 12px;
	
}
#yellowNavBar {	/* adds yellow background to top main nav buttons */
	background-color: #E1C42E;
	padding-top: 2px;
	padding-bottom: 2px;
}
#whiteNavBar {
	background-color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1C42E;
}
#contentWrap {
	background-color: #FFFFFF;
	width: 755px;
}
#rightCol ul {
	margin: 0px;
	padding: 0px;
}
#rightCol li {
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 2px;
	padding-left: 2px;
}

#centerCol {
	width: 394px;
	margin-left: 161px;
	margin-right: 161px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E1C42E;
	border-left-color: #E1C42E;
	padding-top: 0px;
	position: relative;
	top: 0px;
	padding-left: 18px;
	padding-right: 18px;
	line-height: 1.5em;
}
#footer {
	width: 432px;
	margin-right: 138px;
	margin-left: 161px;
}

#top_margin {
	line-height: 1px;
}
#links {
	line-height: 1em;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

#leftColumnItems li {
	list-style-type: none;
	padding-left: 6px;
	margin-left: 0px;
	list-style-image: none;
	list-style-position: outside;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 2px;
}
#rightCol a {
	color: #000000;
}

#rightCol a:hover {
	color: #999999;
}



#leftColumnItems a {
	color: #000000;
}
#leftColumnItems a:hover{
	color: #999999;
}
#expert {
	background-color: #EEEEEE;
	font-size: .9em;
	padding: 3px;
}


#leftColumnItems {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#leftNavigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style-image: none;
	list-style-type: none;
	background-color: #F7F2DC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	font-size: .9em;
}

#clearContent {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 0;
	visibility: hidden;
}



/* Main Nav rollovers */
#yellowNavBar a:hover {
	color: #FFF;
}
#whiteNavBar a:hover {
	color: #E1C42E;
}

/*-- This line defines a dark yellow background */
.td_darkyellow {
	background-color: #e1c42e;
}

.sectionhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
	background-color: #433364;
	padding-right: 0px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;	
	text-align: left;
	text-transform: uppercase;
}
.purplehead {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #433364;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
	font-size: .95em;
}

.sectionhead_exp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	
	background-color: #433364;
	padding-right: 0px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;	
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.morenews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #f69d00;
	padding-right: 0px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-right: 6px;
}

.experts {
	background-color: #eeeeee;
}

.search {
	background-color: #E1C42E;
}

.searchbox {
	margin: 0px 0px 0px 4px;
}


/*-- This line defines body text */


/*-- This line defines table data */


/*-- This line defines paragraph text */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 0.7em
}

span.smalltext {
	
	line-height: 1.1em;
}
span.smalltext9em {
	
	line-height: 1.1em;
}

span.caption {
	
	font-style: normal;
	line-height: 1.2em;
}

span.caption a{
	
	color:#990000;
}

span.bold {
	font-weight: bold;
}
span.italic {
	font-style: oblique;
}
span.underscore {
	text-decoration: underline;
}
span.wborderfull2px {
	border-width: 2px;
	border-style: solid;
	border-color: #ffffff;
}
	
/*-- This line defines small text as .8em */
.smalltext {
	
	line-height: 1.1em;
}
/*-- This line defines small text as .9em */
.smalltext9em {
	
	line-height: 1.1em;
}

/*-- This line defines text as white */
.whitetext {
	
	color: #ffffff;
	line-height: 1.2em;
}

/* These 2 rules are for whitetext link display */

.whitetext a:link {
	color: #ffffff;
}	

.whitetext a:visited {
	color: #ffffff;
}

.whitetext a:hover {
	color: #999;
}

/*-- This line defines third column main heading */
.sidehead {
	
	color: #204875;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
}

/*-- This line defines third column text */
.sidecontent {
	
	text-align: left;
	line-height: 1.1em;
}

/*-- This line defines a caption as small text. Italics should be applied using a SPAN tag. */
.caption {
	
	font-style: normal;
}

/*-- This line defines a bold area */
.bold {
	font-weight: bold;
}

/*-- This line defines as italic */
.italic {
	font-style: oblique;	
}

/*-- This line defines heading 3, as a orange */
.h2orange {
	font-style: normal;
	font-weight: bolder;
	color: #f69d00;
	letter-spacing: -0.1em;
	margin-bottom: 0.2em;
	font-size: 2.25em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
span.smalltext6 {
	
	line-height: .7em;
}

span.smalltext3 {
	
	line-height: .3em;
}

/*-- This line defines heading 4, as a red */
.h4red {
	font-style: normal;
	font-weight: bolder;
	color: #9a211e;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 0.3em;
	padding-top: 9px
}
.moreHeadlines {
	font-weight: bold;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	margin-left: 0px;
	font-size: 1.2em;
	line-height: 1em;
	padding-left: 0px;
}

.normal {
	font-size: 1.2em;
}

/* This line defines a standard left navigational button */
#leftnav2 a {
	
	display: block;
	text-decoration: none;
}

.leftnav_button {
	background-color: #f7f2dc;
	width: 163px;
	
	color: #000000;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-color: #ffffff;
	border-left-width: 1px;	
	vertical-align: middle;
	padding: 3px 2px 6px 6px; /* less padding on top to compensate for IE rendering text too low in its line-height, still looks acceptable in other browsers */
}

/* This line defines a standard left navigational text hyperlink as black */
.leftnav_button a:link {color: #000000;}

/* This line defines a standard left navigational visited text hyperlink as black */
.leftnav_button a:visited {color: #000000;}

/* This line defines a standard left navigational text hyperlink as white when hovered */
.leftnav_button a:hover {
	background-color: #E1C42E;
	color: #ffffff;
	display: block;
}
/*-- This line defines a 2px white bottom border rule */
.wborderbottom1px {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
#search {
	width: 162px;
	float:right;
	background-color: #E1C42E;
	padding-top: 4px;
	padding-bottom: 3px;
}
.right_entry {
	margin-left: 2px;
	margin-right: 2px;
	width: 151px;
	padding-right: 6px;
	padding-bottom: 6px;
}
.small_pic {
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	
}
.right_entry_text {
}
h1 {
	color: #f69c00;
	font-size: 2.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	line-height: 0.4em;
}
.date {
	line-height: 0px;
	font-size: 1em;
}
