@import url("quotemedia.css");

body {
	font: 11px/16px verdana, arial, tahoma, sans-serif;
	color: black;
	background: #FFFFFF url(../images/backgrounds/background.gif) top repeat-x;
	margin: 0;
	}
table, td, tr {
	font: 11px/16px verdana, arial, tahoma, sans-serif;
	color: black;
	}
.main {
	background-color: white;
	padding: 0 3px 10px 3px;
	text-align: left;
	}
.breadcrumb {
	font: 11px tahoma, verdana, arial, sans-serif;
	color: #919191;
	height: 29px;
	padding: 0 0 0 5px;
	text-align: left;
	}
.login {
	padding: 0 10px 0 0;
	}
sup {
	font-size: 10px;
	color: #C76C00;
	}
#content {
	padding: 15px 15px 30px 15px;
	}
#footer {
	font: 11px/24px tahoma, verdana, arial, sans-serif;
	color: #919191;
	text-align: center;
	padding: 0 0 15px 0;
	}
span.title {
	font: normal 17px tahoma, 'trebuchet ms', arial, verdana, sans-serif;
	color: #E39334;
	}
span.subtitle {
	font: bold 14px 'trebuchet ms', tahoma, verdana, arial, sans-serif;
	color: #07389F;
	}
span.smalltitle {
	font: bold 10px tahoma, verdana, arial, sans-serif;
	color: #E39334;
	}
span.small {
	font: 10px verdana, tahoma, arial, sans-serif;
	color: #7B7B7B;
	}
a:link, a:visited, a:active {
	color: #07389F;
	text-decoration: underline;
	}
a:hover {
	color: #E39334;
	text-decoration: underline;
	}
a:link.large, a:visited.large, a:active.large {
	font: bold 14px 'trebuchet ms', tahoma, verdana, arial, sans-serif;
	color: #07389F;
	text-decoration: underline;
	}
a:hover.large {
	font: bold 14px 'trebuchet ms', tahoma, verdana, arial, sans-serif;
	color: #E39334;
	text-decoration: underline;
	}
a:link.crumb, a:visited.crumb, a:active.crumb {
	font: 11px tahoma, verdana, arial, sans-serif;
	color: #919191;
	text-decoration: underline;
	}
a:hover.crumb {
	font: 11px tahoma, verdana, arial, sans-serif;
	color: #E39334;
	text-decoration: underline;
	}
a:link.footer, a:visited.footer, a:active.footer {
	font: 11px tahoma, verdana, arial, sans-serif;
	color: #888888;
	text-decoration: none;
	}
a:hover.footer {
	font: 11px tahoma, verdana, arial, sans-serif;
	color: #AFAFAF;
	text-decoration: none;
	}
a:link.small, a:visited.small, a:active.small, a:hover.small {
	font: 10px tahoma, verdana, arial, sans-serif;
	}

/*----- Header Photo Backgrounds -----*/
	
.header { background-color: #F2F2F2; }
.headerHome { background: #F2F2F2 url(../images/backgrounds/home.gif) top right no-repeat; }
.headerElse { background: #F2F2F2 url(../images/backgrounds/else.gif) top right no-repeat; }
.headerStocks { background: #F2F2F2 url(../images/backgrounds/stocks.gif) top right no-repeat; }
.headerResearch { background: #F2F2F2 url(../images/backgrounds/research.gif) top right no-repeat; }
.headerEditorial { background: #F2F2F2 url(../images/backgrounds/editorial.gif) top right no-repeat; }
.headerNews { background: #F2F2F2 url(../images/backgrounds/news.gif) top right no-repeat; }
.headerMutualFunds { background: #F2F2F2 url(../images/backgrounds/mutualFunds.gif) top right no-repeat; }
.headerOptions { background: #F2F2F2 url(../images/backgrounds/options.gif) top right no-repeat; }
.headerRates { background: #F2F2F2 url(../images/backgrounds/rates.gif) top right no-repeat; }
.headerRetirement { background: #F2F2F2 url(../images/backgrounds/retirement.gif) top right no-repeat; }
.headerAboutUs { background: #F2F2F2 url(../images/backgrounds/aboutUs.gif) top right no-repeat; }
.headerConstruction { background: #F2F2F2 url(../images/backgrounds/construction.gif) top right no-repeat; }
	
/*----- Small Menu Navigation -----*/
	
#navContainerSmall {
	width: 246px;
	height: 24px;
	}
#navSmall {
	margin: 0;
	padding: 0;
	width: 246px;
	height: 24px;
	background-image: url(../images/nav/smallMenu.gif);
	position: relative;
	}
#navSmall li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	list-style: none;
	}
#navSmall li, #navSmall a {
	height: 24px; 
	display: block;
	}

#navSmall-01 {left: 0; width: 66px;}
#navSmall-02 {left: 66px; width: 100px;}
#navSmall-03 {left: 166px; width: 80px;}

#navSmall-01 a:hover {background: transparent url(../images/nav/smallMenu.gif) 0 -24px no-repeat;}
#navSmall-02 a:hover {background: transparent url(../images/nav/smallMenu.gif) -66px -24px no-repeat;}
#navSmall-03 a:hover {background: transparent url(../images/nav/smallMenu.gif) -166px -24px no-repeat;}

#navSmall span {
	display: none;
	}
	
/*----- Main Navigation -----*/
	
#navContainer {
	width: 564px;
	height: 22px;
	}
#nav {
	margin: 0;
	padding: 0;
	width: 564px;
	height: 22px;
	background: #000072 url(../images/nav/menu.gif);
	position: relative;
	}
#nav li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	list-style: none;
	}
#nav li, #nav a {
	height: 22px; 
	display: block;
	}

body.stocks #nav li#nav-01 a {background: transparent url(../images/nav/menu.gif) 0 -22px no-repeat;}
body.research #nav li#nav-02 a {background: transparent url(../images/nav/menu.gif) -56px -22px no-repeat;}
body.editorial #nav li#nav-03 a {background: transparent url(../images/nav/menu.gif) -120px -22px no-repeat;}
body.news #nav li#nav-04 a {background: transparent url(../images/nav/menu.gif) -184px -22px no-repeat;}
body.mutualFunds #nav li#nav-05 a {background: transparent url(../images/nav/menu.gif) -224px -22px no-repeat;}
body.options #nav li#nav-06 a {background: transparent url(../images/nav/menu.gif) -316px -22px no-repeat;}
body.rates #nav li#nav-07 a {background: transparent url(../images/nav/menu.gif) -374px -22px no-repeat;}
body.retirement #nav li#nav-08 a {background: transparent url(../images/nav/menu.gif) -416px -22px no-repeat;}
body.aboutUs #nav li#nav-09 a {background: transparent url(../images/nav/menu.gif) -490px -22px no-repeat;}

#nav-01 {left: 0; width: 56px;}
#nav-02 {left: 56px; width: 64px;}
#nav-03 {left: 120px; width: 64px;}
#nav-04 {left: 184px; width: 40px;}
#nav-05 {left: 224px; width: 92px;}
#nav-06 {left: 316px; width: 58px;}
#nav-07 {left: 374px; width: 42px;}
#nav-08 {left: 416px; width: 74px;}
#nav-09 {left: 490px; width: 74px;}

#nav-01 a:hover {background: transparent url(../images/nav/menu.gif) 0 -22px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/nav/menu.gif) -56px -22px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/nav/menu.gif) -120px -22px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/nav/menu.gif) -184px -22px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/nav/menu.gif) -224px -22px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/nav/menu.gif) -316px -22px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/nav/menu.gif) -374px -22px no-repeat;}
#nav-08 a:hover {background: transparent url(../images/nav/menu.gif) -416px -22px no-repeat;}
#nav-09 a:hover {background: transparent url(../images/nav/menu.gif) -490px -22px no-repeat;}

#nav span {
	display: none;
	}

/*----- Login Navigation -----*/
	
#navContainerLogin {
	width: 51px;
	height: 21px;
	}
#navLogin {
	margin: 0;
	padding: 0;
	width: 51px;
	height: 21px;
	background-image: url(../images/nav/login.gif);
	position: relative;
	}
#navLogin li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	list-style: none;
	}
#navLogin li, #navLogin a {
	height: 21px; 
	display: block;
	}

#navLogin-01 {left: 0; width: 51px;}

#navLogin-01 a:hover {background: transparent url(../images/nav/login.gif) 0 -21px no-repeat;}

#navLogin span {
	display: none;
	}