@charset "UTF-8";
/* Money Site For Time Inc. */
/* Authors: Jeanne Lewis & Sam O'Leary

CSS Stylesheet Contents:

Reset
Global Styles
Container, contains:
		> Header
		> Main Menu - styles for main menu div element 
		> Left Content - left content div styles, contains:
					    > Sidenav - Sidebar styling
						> Accordion - styling for the Accordion sub nav
						> Sidecover - sidecover image holder
		> Right Content - main site content area, contains:
						> slider - main Image slider
						> columns - left and right colums
						> footer - the footer element
*/

/* ----- Reset ----- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, span, fieldset, table, th, td { margin: 0; padding: 0; }

/* ----- Global Styles ----- */

body { background: #fff url(../images/bkg-grad.jpg) repeat-x; font: 12px "Arial", Verdana, sans-serif; margin:0; padding:0; }

a{ color: #006693; text-decoration: none;}
a:hover{ color: #5bb1d8; }

img { border: none; }

i { font-size:0.9em; }
ul{ list-style: none}

#download { float: right; padding:12px 20px 0 10px; background: url(../images/pdf_icon20.gif) no-repeat right; height:25px; width:75px; }
#download a:link, #download a:visited, #download a:active {color:#333333; display: block; padding:0 10px; text-decoration:none; text-align:left; width:75px;}
#download a:hover { color:#005f9b; text-decoration:underline; }

#print-button { float:right; height: 35px; color:#666666; font-weight:bold; text-align: top;}
#print-button img { padding-top:0; }

#right-col li.source, .source { color:#666; font-size:0.9em ;font-style: italic; border-bottom: 1px solid #fff; }
#right-col li { height: 14px; }

h1 { 
	background: #00587a url(../images/heading-grad.gif) repeat-x bottom;
	color:#fff; 
	font:bold 17px "Times", serif;
	margin-top: 5px; padding:10px 0;
	text-indent: 20px; 
}
h2 { 
	background: #00587a url(../images/heading-grad.gif) repeat-x bottom;
	color:#fff; 
	font:bold 1.25em "Arial", Verdana, sans-serif;
	margin-top: 5px; padding:5px 0;
	text-indent: 20px; 
}

h5{ font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#ea4c56; text-align:center; font-size: 12px; padding: 10px; text-shadow: 0.1em 0.1em #fbfbfb; }

.name { color:#00587a; font-weight:bold;}

.clear { clear:both;}	
.right{ float: right; color: #333; }
.left{ float: left; }

/* ------ Container ------ */

#container { background: #fff url(../images/main-bkg.gif) repeat-y; margin:0 auto; padding: 0 10px; width: 900px;	}

/* ----- Header ----- */

#header { background: #fff url(../images/gradientHdr.jpg) repeat-x; height:124px; width:900px; }

/* ------ RSS ------ */

#rssButton { background: url(../images/rss.gif) no-repeat bottom left; color:#999; height: 40px; float: right; font: bold .8em Arial; margin-top: 10px; width: 260px;}

.rss_items{ height: 100%; margin:0 0 0 30px; padding: 6px 0; width: 230px; font: normal 1.2em Arial;}
	.rss_item{ height:18px; list-style:none; padding:0; width:230px;	}	

/* ----- HeaderLogo ----*/

#hdrLogo  {
	background:url(../images/moneyhdrLogo.gif) no-repeat;
	height: 63px;
	left: 30px;
	position: relative;
	top: 40px;
	width: 387px;
}

/* ------ Main Menu ------*/
#divide { width:100%; height:5px;border-top: 1px dashed #000;border-bottom:3px solid #000;background:#e7e7e7;}

	/* ------ Main Menu ------*/
		
		#mainMenu { background: #f2f2f2; border-top: 1px solid #fff; height: 40px; left: 0; padding-left: 200px; position: relative; top: 0; width: 700px; z-index: 99;}
		 
		#mainMenu ul { list-style:none; margin:0;}
		
		#mainMenu li { float:left; height:40px; width: 80px; }
		
		#mainMenu li a:link, #mainMenu li a:visited {
			border-right: solid 2px #fff;  
			color:#333;
			height: 28px;
			display:block;		
			font-size:12px;
			font-weight:bold;
			padding-top:12px;
			text-decoration:none; text-align: center;
			width: 80px;
		}
		
		#mainMenu li a:hover, #mainMenu li a:active { background: url(../images/mainmenu_grad.jpg) repeat-x; color:#00587a; font-weight:bold; text-shadow:none; }	
	
		/* -- Drop downs --- */

		#mainMenu li ul { background: #333;	display: none; border-top: 5px solid #fbfbfb;}

		#mainMenu li>ul { top: auto; left: auto; }

		#mainMenu li:hover ul, #mainMenu li.over ul { display: block; left: auto; }

		*:first-child+html #mainMenu li:hover ul,
		*:first-child+html #mainMenu li.over ul { position: static; }

		#mainMenu li ul li { border-top: 1px solid #fff; height: 35px; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; width: 135px;}

		#mainMenu li ul li a:link, #mainMenu li ul li a:visited, #mainMenu li ul li a:active  {
			background: #fff;
			border: none;
			height: 25px;
			display: block;
			padding-top: 10px;
			text-indent: 0;
			font-weight:bold;
			width: 135px;
		}
			
		#mainMenu li ul li a:hover { background:#333; border: none;color:#fff; }
		
	/* ------ Left Content ------ */
		
	#left-content{ background: #fbfbfb; border-top: 6px solid #e9ebe8; border-right: 1px solid #000; float: left; width: 200px;}
		
		/* ------ Sidenav ------ */

		#sidenav {  float: right; line-height: 18px; min-height: 300px; }
		
		/* ------ SideCover ------ */

		#sidecover {  background: none; color:#ea4c56; font: bold .75em Arial, Verdana, san-serif; text-align:center; padding:23px 0 10px 0; }
		
		#sidecover a:link, #sidecover a:active {  background: none; color:#ea4c56; text-decoration:none; }
		#sidecover a:hover, #sidecover a:visited {  background: #fff; color:#ea4c56;  }
		
		#sidecover img {  padding:10px;  }
						
			/* ------ Accordion ------ */
			
			#sidetree{ background: #fbfbfb; left: 0; position: relative; top:0; width: 200px; }

			.treeview, .treeview ul { font: bold 1.2em Times, Georgia, serif; padding: 0; margin: 0; list-style: none; }

			.treeview .hitarea {
				background: url(../images/side-arrow.gif) -64px -25px no-repeat;
				cursor: pointer;
				height: 16px;
				width: 16px;
				margin-left: -22px;
				float: left;				
			}
			/* fix for IE6 */
			* html .hitarea { display: inline; float: none; }

			.treeview li { background: url(../images/side-nav-grad.gif) repeat-x; height: 100%; padding: 17px 0 0 30px; letter-spacing:.05em; }
			.treeview li ul li{ background: #fbfbfb; font: 0.65em "Arial Narrow", Arial, Verdana, san-serif; height: 100%; margin: 0; padding: 0; }
			
			.treeview li ul li a:link,.treeview li ul li a:visited{ color:#333; font-weight: bold; text-shadow: none; height: 12px; padding: 12px 0;}
			.treeview li ul li a:hover{ background: url(../images/sub-side-nav.jpg) repeat-y; color: #00587a; margin: 0; height: 12px; padding: 12px 0;  }

			.treeview a:link, .treeview a:visited, .treeview a:active{ color: #fff; display: block; height: 34px; font-weight:bold; text-decoration: none;  text-shadow: 0.1em 0.1em #111;}
			/* remove background hover style for sidecover image */
			#sidecover a:link, #sidecover a:visited, #sidecover a:active{ background: none; }
			#sidecover a:hover { background: none; }
			.treeview li a:hover { color: #999; cursor: pointer; }

			.treeview .expandable-hitarea { background-position: -80px -3px; }
		
		/* ------ clearstrip ------ */
		#clear-strip { background: url(../images/clearstrip.png) repeat; width: 700px; height: 6px; z-index: 60; position: relative; top: 8px; left:0; margin-top: -8px;} 
					
		/* ------ right-content ------ */
		
		#right-content { float:left; text-align:left; width:698px;}	
		#body-content { border-top: 6px solid #e8e8e9; line-height: 1.2em; padding: 30px 0 0 20px; min-height: 400px; width: 679px; }			
		#body-spacer { line-height: 1.2em; padding: 30px 0 0 20px; min-height: 200px; width: 679px; }			
		
		/* ------ promo banner desc text ------ */
				
		#promo-text { line-height: 1.2em; padding: 30px 0 0 40px; min-height: 200px; width: 659px; }			
		
		/* ------ Contact Styling ------ */
		
		#sales-list { position: relative; top: 0; left: 0; }
		#sales-list li{ background: #e2e3e4; height: 25px; padding: 8px 8px 0 20px;} 
		#phone1{ position: absolute; left: 355px; top: 12px;}
		#phone2{ position: absolute; left: 355px; top: 42px;}
		#phone3{ position: absolute; left: 355px; top: 76px;}
		#phone4{ position: absolute; left: 355px; top: 108px;}
		#sales-list li.alt { background: #f1f1f2;}
		
		#bio-panels{ width: 100%; position: relative; top: 0; left: 0;}
		#bio-panels img{ float: left; padding: 0 10px 10px 0;}
		#bio-panels span{ float: left;}
		#bio-panels p { min-height: 200px; }
		#bio-panels h3 { font-size: 0.95em; }
		#bio-panels .title { color: #333; font-weight: bold;font-style:italic; }
		
		.collapse-panel { float: left; width: 338px; border-left: 1px solid #fbfbfb;} 
		.collapse-panel h3 {
			background: #e2e3e4 url(../images/arrow-square.gif) no-repeat left -51px;
			padding: 7px 5px 7px 25px;
			margin: 0;
			font: bold 1em Arial, Helvetica, sans-serif;
			color: #444547;
			border-bottom: none;
			cursor: pointer;
			text-transform: uppercase;
		}
		.collapse-panel .alternate { background: #f1f1f2 url(../images/arrow-square.gif) no-repeat left -51px; }
		.collapse-panel .alternate em { font-weight: normal; margin-left: 20px; text-transform: none; }
		.collapse-panel em { font-weight: normal; margin-left: 20px; text-transform: none; }
		.collapse-panel h3:hover { color: #3385a3; }
		.collapse-panel h3.active { background-position: left 5px; }
		.collapse-panel p { background: #e2e3e4; margin: 0; padding: 10px 15px 20px 30px; }
		.collapse-panel p.alternate{ background: #f1f1f2; margin: 0; padding: 10px 15px 20px 30px;}
				
		/* ------ about-container ------ */
		
		#about-container { float:left; text-align:left; width:100%;margin-top:20px;}
	
	
	
	/* ------ Awards ------ */
			
			#awards {line-height:240%;color:#444; margin-top:30px;}
			
			#awards li { border-bottom:solid 1px #fff; padding: 2px 10px 2px 15px; }
			
			.light{ background-color:#f4f4f4; }
			.reg { background-color:#e9e9ea; }
			
				
		/* ------ Research table ------ */
				
		#abc-research { font:bold 1em Arial, Helvetica, sans-serif;color:#333;padding:20px 0 5px 20px;  }
				
		.research {font: bold 1em #222 Arial, Helvetica, sans-serif;}
		
		#research {
			font-family:Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin: 5px 0 20px 5px;
			width: 680px;
			text-align: left;
			border-collapse: collapse;
			float:right;
			border: 1px solid #e7e7e7;
			background-color:#f4f4f4;
		}
		#research th{
			background:  #00587a url(../images/heading-grad.gif) repeat-x bottom;
			border-bottom: 1px solid #fff; border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;	
			color: #fff;
			font:bold 14px Times, serif;	
			padding: 8px;
		}

		#research td{ color: #333; border-top: 1px solid #fff; border-right: 1px solid #e7e7e7; padding: 4px;}

		#research tfoot tr td { background:#fff none; border: none; color: #666; font-style:italic; font-size: 11px; }

		#research tr.alt { background-color: #e9e9ea; }

		#researchmini{ border-collapse: collapse; float:right; text-align: left; width:160px;}

		#researchmini td{ border-right: 1px solid #e7e7e7; border-collapse: collapse; color: #333; padding: 3px;}
		 
		#research p { color: #fff; font: bold 11px Arial, Helvetica, sans-serif; }
		
		/* ------ slider ------ */

			#slider{ position: relative; top: 0; left: 0; z-index: 1; height: 300px; width: 700px;}	
			a img{ border: none; margin: 0 10px 0 0; }

			/* Example style */
			#BannersDiv{ position: relative; overflow: hidden; }
			
			/* ------ columns ------ */
			
			#columns{ height: 320px; } 
		
			/* ------ left-col ------ */
		
			.col{ color: #7d7d7d; float: left; height: 100%; margin-top: 27px; margin-left: 11px; width: 338px;}
					
				#left-col li { background: url(../images/item-grad.jpg) repeat-x top; display: block; height: 40px; list-style-type:none; padding-top: 12px; text-indent: 20px;}
				#right-col li { border-bottom: 1px solid #e6e6e6; list-style-type:none; padding: 8px 8px; text-indent: 9px;}
				#right-col li.head { background: url(../images/item-grad.jpg) repeat-x top; border: none;}
				#right-col ul li .right {padding-top:0;}
				
				#left-col p { color: #222; font: bold 15px "Georgia", Times, serif; text-shadow: 0.1em 0.1em #eee; }
								
				#left-col li p:hover { cursor: pointer; color: #00587a; }
				#left-col li#button_selected { color: #00587a;}
				
				#left-col li#seeCalendar{ background: none; height: 26px;  padding: 0; margin: 0;}
				#seeCalendar a{ background: #4c4d4f url(../images/link-arrow.gif) no-repeat center; color: #fff; display: block; height: 20px; padding-top:6px; text-decoration: none; font-weight: bold; }
				#seeCalendar a:hover{ background: #1c1b20 url(../images/link-arrow-over.gif) no-repeat center; color: #fff; display: block; height: 20px; text-decoration: none; }
				#left-col li#contactSales{ background: none; height: 24px; padding: 0; margin: 0;}
				#contactSales a{ 
					background: #00587a url(../images/heading-grad.gif) repeat-x bottom; 
					color: #fff; 
					display: block; 
					height: 35px; 
					padding: 20px; 
					text-decoration: none; text-indent: 0px; font-weight:bold;
				}
				#contactSales a:hover{ background: #196887 url(../images/contact-bkg.gif) repeat-x bottom;}
			
			/* ------ Bio section ------ */
			
			#bio-header{ border-top: 6px solid #e8e8e9; padding: 25px 0 0 0; width: 100%;  height: 16px; text-indent: 70px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color:#333; text-align:left; font-size: 1.2em;   } 
			#bio-header a:link,#bio-header a:visited, #bio-header a:active {color: #00587a; text-decoration: none;}
			#bio-header a:hover {color: #666;}
			
			#edit-bios{ margin-left: 70px; width:343px; margin-top:20px;}
			.alt-title { color: #bcbdc0; text-shadow: none; font-weight: normal; font-style: italic; float: right; margin-right: 20px;}
			.table-list li { background: #dcddde; height: 30px; list-style: none; text-indent: 20px;  width: 343px; }
			.table-list .alternate { background: #e2e3e4 none; }
			.table-list a:link, .table-list a:visited, .table-list a:active { color: #393a3c; display: block; height: 22px; font-weight: bold; padding-top: 8px; text-decoration: none;}
			.table-list a:hover { background: #fff url(../images/corner-grad.jpg) no-repeat; color: #005d86; text-shadow: 0.1em 0.1em #fff; }			
		
	/* ------ Edit Calendars Table Stlyes ------ */		
	
	#cal-header{ color:#666; height: 16px; font: bold 12px Arial, Helvetica, sans-serif; float: left; padding: 0; text-align:left; text-shadow: 0.1em 0.1em #fbfbfb; width: 400px; } 
	
	.aboutboldRate { color:#666; height: 16px; font: bold 12px Arial, Helvetica, sans-serif; float: left; padding: 0; text-align:left; text-shadow: 0.1em 0.1em #fbfbfb; width: 400px; }
	
	
	#editcal{
		background-color:#f4f4f4;
		border: 1px solid #e7e7e7;	
		border-collapse: collapse;
		font: 11px Arial, Helvetica, sans-serif;
		margin: 5px 0 20px 0;
		float:right;
		text-align: left;
		width: 680px;
	}
	#editcal th	{
		background:  #00587a url(../images/heading-grad.gif) repeat-x bottom;
		border-bottom: 1px solid #fff; border-right: 1px solid #e7e7e7; 				
		color: #fff;
		font: bold 14px Times, serif;
		padding: 8px;
		}
	#editcal td {
		border-bottom: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #e7e7e7;
		color: #333;
		padding: 8px; 
	}

	tr.alt { background-color: #e9e9ea; }

	#editcal tfoot tr td {
		background-color:#fff;
		background-image:none;
		font-style:italic;
		font-size: 11px;
		color: #666;
		border: none;
	}

	.feature {font-size:14px; font-weight:bold;line-height:140%; }
	.bonus { font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#ea4c56;line-height: 140%; }
	.cnnm { font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#3a5280;line-height: 140%; }
	.launch { font-family:Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color:#333;line-height: 140%; }

			
		/* ------ Rates Table ------ */
		
			#ratesCal{
				background:#fff; border: 1px solid #e7e7e7; border-collapse: collapse;
				font: 11px Arial, Helvetica, sans-serif;
				float:right;
				margin: 0 0 20px 0;
				text-align: left;
				width: 680px;
			}
			#ratesCal tr.rates-heading { background: #CDDFEB; color: #00587a; font-weight: bold; }
			#ratesCal tr.rates-sub { background: #333; color: #fff; font: bold 14px "Arial", Verdana, san-serif; }
			
			#ratesCal th{
				background: #00587a url(../images/heading-grad.gif) repeat-x bottom;
				border-bottom: 1px solid #fff; 				
				color: #fff;
				font: bold 14px "Arial", Verdana, san-serif;
				padding: 8px;
				text-indent: 6px;
				}
			#ratesCal td {
				text-indent: 8px;
				padding: 6px;				
			}

			tr.alt { background-color: #e9e9ea; }

			#ratesCal tfoot tr td {
				background-color:#fff;
				background-image:none;
				font-style:italic;
				font-size: 11px;
				color: #666;
				border: none;
			}
			/* ------ Table Styles ------ */	

			#gradient {
				border: 1px solid #e7e7e7;
				border-collapse: collapse;
				float:right;
				font: .9em Arial, Helvetica, sans-serif;
				margin: 5px 0 20px 5px;
				text-align: left;	
				width: 680px;
			}
			#gradient th {
				background:  #00587a url(../images/heading-grad.gif) repeat-x bottom;
				border-bottom: 1px solid #fff;
				border-right: 1px solid #e7e7e7;
				border-left: 1px solid #e7e7e7;
				color: #fff;
				font: bold 1.2em Times, serif;
				padding: 8px;		
			}
			#gradient td { 
				background:  url(../images/mainmenu_grad.jpg) repeat-x; 
				border-top: 1px solid #fff;	border-right: 1px solid #e7e7e7; border-bottom: 1px solid #fff;
				color: #333;	
				padding: 8px;		
			}
			#gradient tfoot tr td {
				background-color:#fff;
				background-image:none;
				border: none;
				color: #666;
				font-style:italic;
				font-size: 11px;		
			}			
/* ------ footer ------ */
#footer { text-align:center; float: left; margin-left: 50px;}

	#footer ul { color:#666666; font-size:10px; margin: 30px 5px 15px 0; }

	#footer ul li { display:inline; font-weight:normal; list-style-type:none; text-decoration:none; padding-right:40px;  }
	#footer ul li a { color:#666666; text-decoration:none; font-weight: bold;}
	#footer ul li a:hover { color: #00587a; text-decoration:none;}
	
	#footer ul li.copyright{ padding-left: 40px; }