/* =====================================================================*/
/* This css file should mainly establish height, width, margin, padding */
/* Modify elements by section or by page in descendant sheets   */
/* =====================================================================*/
body {
	background: #f1f1f1 url("../images/bkgd/white_bkgd_frame.png") repeat-y top center;
	margin: 0px;
	padding: 0px;
}
	
div#main {
	clear:both; 
	width:687px; 
	margin: 0 auto 0 auto;
	
}
/* ******************** FEATUREAREA needs to be defined on page level basis ********************** */
/* ******************** 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;
}
/*By default FEATURENAV set to FMP Style*/
#featureNav {
	background: #333 url("../images/nav/featureNav_bkgd_pro.png") no-repeat;
}

#featureNav ul li {
	background:  url("../images/nav/featureNav_gutter_pro.png") no-repeat;
	background-position: top right;
}

#featureNav #selected {
	background:  url("../images/nav/featureNav_selected_pro.png") no-repeat;
	background-position: top right;
}

#featureNav ul li.first#selected {	
	background:  url("../images/nav/featureNav_selected_pro.png") no-repeat;
	background-position: top left;
}

/* ******************** QUOTE, ATTRIBUTION ********************** */
h1.topquote, 
h2.topquote {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 22px;
	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%;
	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 {
	width:687px;
	margin-top: 12px;
	padding-top: 0;
}*/
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;
}
div.midLeft {
	width: 227px;
	padding:0;
	margin: 0 15px 0 0;
	float: left;
}

div.midRight {
	width: 227px;
	padding:0;
	margin: 0;
	float: right;
}

/* ******************** Columns ********************** */
div#col1 {
	width: 220px;
	float: left;
	margin-right: 13px;
	background-color: #dadada;
}

div#col2 {
	width: 220px;
	float: left;
	margin-right: 13px;
	background-color: #dadada;
}

div#col3 {
	float: right;
	width: 220px;
	background-color: #dadada;
}

div#col2and3 {
	float: left;
	width: 450px;
	background-color: #dadada;
}


div#rightCol div, div#rightCol img {
/*	background-image: url(../images/tiles/bg_sidebar_ftn07_members.png);
	background-repeat: no-repeat;*/
}

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;
}




/* ******************** 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: 10px 0 10px 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 {
	padding-top: 12px;
	background-color: #e9f2f6;
	background-image: none;
}

#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 *********** */

#sidebar .quote { font-family: Times, 'Times New Roman', serif; font-size: 1.4em; line-height: 1.2em; color: #336699; }
#sidebar .attribution { font-family: Times, 'Times New Roman', serif; font-size: 1.2em; line-height: 1.1em; color: #336699; }

  
  
/* ********** 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; }

/* ********** resolves IE PC issue. Somewhere the margin is being set that should not be *********** */
div#sidebar div#sidebarbottom{margin-bottom:0px;}
  

/* Sidebar Tiles (default set to FMP Style) */

div#sidebar a.more {
	padding-right: 8px;
	background: url(../images/buttons/link_arrow_blue1.gif) no-repeat 100% 3px;
	font-weight: bold;
	line-height: 130%;
	color: #369;
}
div.sidebar-tile { 
	background: #e9f2f6;
	font-size: 95%;
	line-height: 130%;
}
div.sidebar-tile h4 { 
	margin: 0 0 0 15px;
	padding: 0;
}
div.sidebar-tile p { line-height: normal; }

div.sidebar-tile-top {   
	/* 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: 11px;
	margin: 0 !important;
}
div.sidebar-tile-bottom {   
	/* bottom div inside the sidebar */
	background: #e9f2f6 url("../images/sidebar/bkgd/sidebar_bottom_blue.png") no-repeat bottom;
	padding-bottom: 11px;
}

/* Dark Blue Blue Tile */

div.sidebar-tile-darkblue {
	background: #8caecd;
}
div.sidebar-tile-darkblue p { color: #fff; line-height: 130%; }

div.sidebar-tile-darkblue div.sidebar-tile-top {
	background: #8caecd url("../images/sidebar/bkgd/sidebar_top_blue.png") no-repeat 0 0;
}
div.sidebar-tile-darkblue div.sidebar-tile-bottom {
	background: #8caecd url("../images/sidebar/bkgd/sidebar_bottom_blue.png") no-repeat bottom right ;
}

/* Cobalt Blue Tile */

div.sidebar-tile-cobalt {
	background: #064A8B;
}
div.sidebar-tile-cobalt div.sidebar-tile-top {
	background: #064A8B url("../images/sidebar/bkgd/sidebar_top_cobalt.png") no-repeat 0 0;
}
div.sidebar-tile-cobalt div.sidebar-tile-bottom {
	background: #064A8B url("../images/sidebar/bkgd/sidebar_bottom_cobalt.png") no-repeat bottom right ;