/* =====================================================================*/
/* This css file should mainly establish height, width, margin, padding */
/* Modify elements by section or by page in descendant sheets   */
/* =====================================================================*/
body {
background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}
div#main {
	clear:both; 
	width:690px; 
	margin: -3px auto 0 auto;
padding-top:3px;
	/*Hides from IE-Mac\*/
	margin: 0px auto 0 auto;
padding-top:0px;
	/*End hide from IE-mac*/
/*background: url("/images/bg/gray_border.png") repeat-y top center;*/
}
/*Clears the bottom of the main class and id so that the bg flows to the bottom- buggy on old pages*/
div#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div#bodyContent{}
/* Hides from IE-mac \*/
* html div#main {height: 1%;}
div#main {display: block;}
/* End hide from IE-mac */
/*END-Clears the bottom ...*/
/* ******************** FEATUREAREA needs to be defined on page level basis ********************** */
div#featureArea span {
	font-size: 14px;
	line-height: 20px;
	font-weight:bold;
	color: #ffd02f;
}
/* ******************** FEATURENAV ********************** */
#featureNav {
	width: 686px;
	height: 27px;
	padding: 0;
	margin: 0 0 20px 0;/* *****Establishes the white-space between this and the lowerArea*********/
	font-weight: bold;
	
}
#featureNav ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#featureNav ul li {
	line-height: 27px;
	margin-left: -6px;
	padding: 0px 14px 0px 14px;	
	list-style-type: none;
	display: inline;	
}
/* commented backslash hack to hide next bit from IE/Mac \*/
#featureNav ul li {
	padding: 7px 14px 7px 14px;	
}
/* end hack */
#featurelist li {
	margin-left: 2px;
	color:#606060;
	padding-bottom: 6px;
	vertical-align: 0px;
}
/* commented backslash hack to hide next bit from IE/Mac \*/
#featureNav>ul li.first {
	margin-left: 0px;
	vertical-align: bottom;
	
}
/* end hack */
#featureNav li.first {
	margin-left: 0px;
}
#featureNav a {
	color: white;
	text-decoration: none;
	overflow:none;
}
#featureNav a:hover {
	color: white;
	text-decoration: underline;
}
#featureNav #selected a:hover {
	text-decoration: none;
}
/* ******************** QUOTE, ATTRIBUTION ********************** */
h1.topquote, 
h2.topquote {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 18px;
	line-height:18px;
	margin-top: 0;
	padding-top: 2px;/*CHANGED IEWin*/
}
/*CHANGED*/
h2.topquote span,
h2.topquote span {
	color: #075ab9;
	display:block;/*ADDED*/
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 65%;
	line-height:12px;
	font-style: italic;
	font-weight: lighter;
	text-transform: capitalize;
	padding-top: 10px;
	margin:0;
}
/* ******************** Establish baselines for lowerArea-Columns-sidebars. Modification made in subsequent sheets. ********************** */
div#lowerArea {
	margin-top: 12px;
	padding-top: 0;
}
div#midCol {
	width: 470px;  /* width is 686px-200px(sidebar)-16px(gutter) */
	float: left;
	margin: 0;
	padding: 0;
}
div#rightCol {
	width:200px;
	float:right;
	margin: 0;
}
#sidebar {
	width: 200px;    
}
#sidebar div {
	padding: 5px 16px 12px 16px;
	margin:0;
	border-bottom: 2px solid #fff;
}
#sidebar div h4 {
	padding-top: 0px;
}
/* ******************** Columns ********************** */
div#col1, div.col1of3 {
	width: 220px;
	float: left;
	margin-right: 13px;
	background-color: #dadada;
}
div#col2, div.col2of3 {
	width: 220px;
	float: left;
	margin-right: 13px;
	background-color: #dadada;
}
div#col3, div.col3of3 {
	float: right;
	width: 220px;
	background-color: #dadada;
}
div#col2and3, div.col2and3of3 {
	float: left;
	width: 450px;
	background-color: #dadada;
}
div.col1of2 {
	width:335px;
	float:left;
}
div.col2of2 {
	width:335px;
	float:right;
}
div.mid1of3 {
	width: 146px;
	float:left;
	margin:0px 16px 0px 0;
}
div.mid2of3 {
	width: 146px;
	float:left;
	margin:0px 16px 0px 0;
}
div.mid3of3 {
	width: 146px;
	float:right;
	margin:0px 0px 0px 0;
}
div#rightCol div, div#rightCol img {
/* margin-bottom: 10px;  disable for techinfo*/ 
}
div#rightCol div form#searchform
	{
	padding: 5px 3px 10px 15px;
	font-size: 11px;
	}
div#lowerArea, div#midCol, div#rightCol { 
	line-height: 16px;
}
div#lowerArea ul {
	margin-left:1em;
	padding-left:0;
}
div#lowerArea li {
	font-size: 10px;
}
div.midLeft {
	width: 227px;
	padding:0;
	margin: 0 15px 0 0;
	float: left;
}
div.midRight {
	width: 227px;
	padding:0;
	margin: 0;
	float: right;
}
/* ******************** SIDEBAR ********************** */
div#rightCol #sidebar img{margin-bottom:0px}
#sidebar ol, #sidebar ul {
	padding: 0 0 0 20px;
	margin: 5px 0 5px 0;
}
#sidebar li {
	font-size: 10px;
	line-height: 13px;
	padding: 5px 0 0 0;
	color:#666;
}
#sidebar h4 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0px 0;
}
#sidebar h5, #sidebar h6 {
	margin: 0 0 0px 0;
}
#sidebar p {
	font-size: 10px;
	padding: 6px 0 6px 0;
	margin: 0;
	color:#000;
	line-height: 14px;
}
#sidebar a {
	font-weight: bold;
	color: #6b90b2;
	color: #336699;
}
#sidebar img {
	float: right;
	padding: 0px 0 0px 0;
	border: 0;
}
#sidebar img.miniPill {
	float:none;
	border: 0;
	margin: 0px 0 0px 5px;
	padding: 0;
}
/* commented backslash hack to hide next bit from IE/Mac \*/
#sidebar img.miniPill {
	margin: 2px 0 0 5px;
}
/*  end hack */
div#rightCol #sidebartop ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	font-weight: bold;
}
div#rightCol #sidebartop ul li {
	line-height: 18px;
	padding: 0 0 0px 20px;
	margin: 0 0 0px 0;
}
#sidebartop ul li a {
	color: #336699;
	font-size: 12px;
}
#sidebar ol {
	margin-top: 10px;
}
/*SIDEBAR by default set to FMP Style*/
#sidebar {
   	background: #e9f2f6;
}
#sidebartop {   
	/* top div inside the sidebar- these are the default-reset in specific css */
	/*background: #e9f2f6 url("/images/sidebar/bkgd/sidebar_top_blue.png") no-repeat top;*/
	padding-top: 12px;
}
#sidebarbottom {   
	/* bottom div inside the sidebar */
	/*background: #e9f2f6 url("/images/sidebar/bkgd/sidebar_bottom_blue.png") no-repeat bottom;*/
	padding-bottom: 12px;
}
/* ********** removes "float:right" for link arrows or h4 "new!" gfx *********** */
#sidebar a img, #sidebar h4 img {
	float: none;
}
/* ********** establishes style for sidebar quotes & attribution *********** */
.quote { display:block; margin: 8px 0 8px 0; font-family: Times, 'Times New Roman', serif; font-size: 1.4em; line-height: 1.2em; color: #336699; color:#1a2147; }
.attribution { display:block; margin:8px 0 8px 12px; font-family: Times, 'Times New Roman', serif; font-size: 1.2em; line-height: 1.1em; color: #336699; color:#1a2147; }
/* ********** resolves IE PC issue. Somewhere the margin is being set that should not be *********** */
div#sidebar div#sidebarbottom{margin-bottom:0px;}
  
/* ********** establishes inset-shadowed, colored 'insert' for body content *********** */
  
div.insert {
	/*background: #e9f2f6 url("/images/bkgd/body_insert_top_blue.jpg") top no-repeat;*/
	width: 471px;
	margin: 15px 0 15px 0;
	padding: 6px 0 0 0px;
}
div.insertInside {
	/*background:   url("/images/bkgd/body_insert_bottom_blue.jpg") bottom no-repeat;*/
	width: 431px;
	margin: 0;
	padding: 0 20px 10px 20px;	
}
div.halfWidth {
	width: 45%;
	float: left;
	padding-right: 5%;
}
div.insert ul {
	margin-bottom:0;
	padding-bottom:0;
}
div.insert strong {
	color:#000;
}
/* ********** some 'buy now' sidebar tiles need a tiny 'mini icon' *********** */
#sidebar img.tinybox { margin: 0 10px 0px 0; float:left; }

