﻿/* CSS Document */

* {padding: 0px; margin: 0px;}
body {
background-color:#f0f0f0;
}
body, td {font-family: trebuchet MS, arial, verdana, tahoma; font-size: 14px; color: #010000;}
img {border: 0px;}
li {list-style: none;}
br {clear: both;}
 
.input {font-family: arial, verdana, tahoma; font-size: 12px; height: 18px; color: #4B4B4B; border: 1px solid #888888;}
textarea.input {height: auto; background: #FFFFFF;} 
.sectionheader {color: blue; text-align: center; font-size: 12px; }
.sectionheader14px {color: blue; text-align: center; font-size: 14px; }
.blueleft {color: blue; text-align: left; font-size: 14px;}
.blackleft {color: black; text-align: left; font-size: 14px; }
.blackleft10px {color: black; text-align: left; font-size: 10px; }
.blackcenter10px {color: black; text-align: center; font-size: 10px; }
.bluecenter {color: blue; text-align: center; font-size: 14px; }
.blueleftbold {color: blue; text-align: left; font-size: 14px; font-weight: bold;}
.bluecenterbold {color: blue; text-align: center; font-size: 14px; font-weight: bold; }
.blackleft14px {color: black; text-align: left; font-size: 15px; padding-bottom: 20px;}
.blueright {color: blue; text-align: right; font-size: 14px; }
.redright {color: red; text-align: right; font-size: 14px; }
.redcenter {color: red; text-align: center; font-size: 14px; font-weight:600; }

.button {padding: 2px 5px; font-family: arial; color: #FFFFFF; font-size: 14px; background: #2E7AD0; border: 0px solid; font-weight: bold;}
.button.rised {border: 3px outset #61A6F3;}
 
.c10 {color: black; text-align: center; font-size: 10px; }
.c10w60 {color: black; text-align: center; font-size: 10px; width: 60px; }
.L10 {color: black; text-align: left; font-size: 10px; }
 
.header { margin-bottom:0px; padding: 0 20 40 0; width: 450px; font-size: 18px; font-weight: bold; color: #2E7AD0; text-align: center;}
.header2 { margin-bottom:0px; padding: 0 20 40 0; width: 500px; font-size: 16px; font-weight: bold; color: #2E7AD0; text-align: center;}

.hlink {text-decoration: none;}
.sitemap {text-decoration: none; font-size: 12px; font-weight: bold; }

h1, h2, h3, h4, h5 {line-height: 100%; margin-bottom: 2%;}
 
h1 {margin: 0px; float: left; display: block; width: 256px; height: 168px; background: #FFFFFF;}
h1 a {margin: 57px 0px 0px 6px; display: block; width: 250px; height: 50px; background: url(../images/logo.gif) no-repeat; text-decoration: none; text-decoration: none;}
h1 a span {display: none;}
h1.core a {margin: 55px 0px 0px 20px; display: block; width: 216px; height: 58px; background: url(../images/logo-core.gif) no-repeat; text-decoration: none; text-decoration: none;}
h1.funds a {margin: 56px 0px 0px 16px; display: block; width: 219px; height: 55px; background: url(../images/logo-funds.gif) no-repeat; text-decoration: none; text-decoration: none;}
 
hr {display: none; visibility: hidden;}

a {text-decoration: underline; color: #2E7AD0;}
a:hover {text-decoration: none;}
 
.clear {clear: both; height: 1px; display: block;}
 
a.glink {margin: 0px 0px 20px 0px; padding: 0px 6px; line-height: 16px; height: 16px; display: block; float: left; clear: both; border-left: 2px solid #212D4C; font-size: 14px; color: #FFFFFF; background: #5178AE; text-decoration: none;}
a.glink:hover {background: #212D4C;}
 
p.homelink {top: 239px; left: 320px; position: absolute;}
p.homelink a {width: 72px; text-align: right; line-height: 14px; height: 14px; display: block; background: url(../images/ico-login.gif) no-repeat left center;}
p.openlink {top: 239px; left: 550px; position: absolute;}
p.openlink a {width: 103px; text-align: right; line-height: 14px; height: 14px; display: block; background: url(../images/ico-login.gif) no-repeat left center;}
p.loglink {top: 239px; left: 810px; position: absolute;}
p.loglink a {width: 76px; text-align: right; line-height: 14px; height: 14px; display: block; background: url(../images/ico-login.gif) no-repeat left center;}
 
#wrapper {width: 937px; border:1px solid #212d4c; margin-bottom:90px; background-color:#FFFFFF;}
 
#top {margin: 0px 0px 0px 0px; float: right; clear: right; display: block; width: 681px; height: 213px; background: no-repeat;}
#top p {margin: 186px 0px 0px 24px; display: block; width: 640px; height: 17px; background: url(../images/slogan.png);}
#top p span {display: none;}
 
#mmenu {margin: 0px 0px 12px 0px; float: left; clear: left; width: 256px; min-height: 308px; background: #5882C1 url(../images/mmenu-bg.jpg) no-repeat left top;}
* html #mmenu {height: 308px;}
#mmenu li {display: inline;}
#mmenu a {margin: 0px 0px 0px 20px; display: block; float: left; clear: both; background: no-repeat top left; text-indent: -9999px; text-decoration: none;}
* html #mmenu a {margin-left: 10px;}
#mmenu a:hover, #mmenu a.selected {background-position: bottom left;}
#mmenu li.funds a {margin-top: 30px; width: 188px; height: 39px; background-image: url(../images/mmenu-funds.gif);}
#mmenu li.core a {margin-top: 28px; width: 177px; height: 40px; background-image: url(../images/mmenu-core.gif);}
#mmenu li.anova a {margin-top: 28px; width: 186px; height: 40px; background-image: url(../images/mmenu-anova.gif);}
 
#curyelds {margin: 400px 0px 0px 7px; top: 0px; left: 0px; position: absolute; font-size: 27px; float: left; color: #85292C; letter-spacing: -1px; font-family: arial narrow;}
#curyelds span {padding: 0px 0px 0px 2px; display: block; clear: both; font-size: 37px; font-style: italic;}
 
.rates {margin: 0px; clear: left; width: 250px;}
/* html .rates {margin-left: 3px;}
.rates .wrapper {border: 1px solid #5178AE; padding: 2px;}
.rates .fix {width: 100%;}*/
.rates table {width: 248px;}
.rates table caption {padding: 3px 11px; text-align: left; background: #85292C; color: #FFFFFF; font-size: 16px;}
.rates table th {padding: 1px 9px; font-size: 10px; background: #2E7AD0; color: #FFFFFF; font-weight: normal; text-align: center;}
.rates table tr.odd {background: #FFFFFF;}
.rates table tr.even {background: #DCE4EF;}
.rates table td {font-size: 10px; padding: 5px 2px;}
.rates table td.value {font-weight: bold; color: #2E7AD0; text-align: center;}
 
.image {margin: 0px 0px 20px 0px; width: 500px; height: 86px; background-image: url(../images/aboutus.gif);}

.contentcore {float: right; width: 910px;}
 
#content {float:left}
#content1 {float: right; width: 610px;}
 
#content h2 {margin: 0px 0px 20px 0px; display: block; height: 20px; font-size: 16px; text-indent: -9999px; background: no-repeat left top;}
#content h2.overview {background-image: url(../images/hdr-overview.gif);}
#content h2.news {background-image: url(../images/hdr-news.gif);}
#content h2.funds {background-image: url(../images/hdr-funds.gif);}
#content h2.core {background-image: url(../images/hdr-core.gif);}
#content h2.corefunds {background-image: url(../images/hdr-corefunds.gif);}
#content h2.contacts {background-image: url(../images/hdr-contacts.gif);}
 
#intro {width: 480px;}
#intro p {line-height: 200%; margin: 0px 0px 25px 0px;}
 
#newsline {width: 180px; min-height: 250px; float: left; clear: left; display: block;}
* html #newsline {height: 250px;}
#newsline h2 {margin: 0px 0px 0px -46px; position: absolute; width: 20px; height: 240px;}
#newsline dl {line-height: 150%;}
#newsline dt {color: #2E7AD0; font-weight: bold;}
#newsline dt a {color: #2E7AD0; text-decoration: underline;}
#newsline dd {margin-bottom: 17px;}
 
#cite {margin: 0px 20px 20px 20px; float: right; width: 330px;}
* html #cite {margin-right: 10px;}
#cite .wrapper {padding: 20px 30px 30px 30px; border: 1px solid #5178AE; background: url(../images/cite-bg.jpg) no-repeat right bottom;}
#cite cite {margin: 0px 0px 25px 0px; display: block; font-size: 14px; color: #202C4B;}
#cite p {margin: 0px; font-weight: bold; color: #2E7AD0;}
 
#flinks {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 10px; clear: both; color: #cde9fe; text-align: center;}
#flinks a {color: #cde9fe;}
#flinks a.selected {text-decoration: none;}
 
#ftr { height:32px; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; clear: both; font-size: 10px; background: url(../images/bg-footer.gif) repeat-x;}
 
#menu {margin: 18px 0px 25px 26px; float: left; clear: left; width: 180px;}
* html #menu {margin-left: 13px;}
#menu a {margin: 0px 0px 3px 0px; padding: 0px 0px 0px 10px; display: block; float: left; clear: both; font-weight: bold; color: #2E7AD0; font-size: 13px; text-decoration: underline; background: url(../images/arr01.gif) no-repeat 0px 6px;}
#menu a:hover {text-decoration: none;}
#menu li>a {float: none;}
 
#list {width: 460px; margin: 0px 0px 10px 0px;  padding-left:20px;}
#list li {margin: 0px 0px 10px 0px; padding-left:20px; text-align: left; background: url(../images/bullet.gif) no-repeat left 6px; }
* html #list {margin-left: 15px;}
#list ol li {margin: 0px 0px 10px 20px; padding-left: 0px; text-align: left; list-style: decimal; background: none;}
 
.yield {margin: 0px 0px 20px 0px; width:420px;}
 
 
#feedback {margin-bottom: 30px;background: #DCE4EF; border: 1px solid #536889; padding: 2px; width: 440px;}
#feedback h3 {margin-bottom: 1px; padding: 6px 8px; color: #FFFFFF; font-size: 14px; font-weight: bold; background: #2E7AD0;}
#feedback div { padding: 10px 10px 0px 10px;}
#feedback label {width: 160px; float: left; color: #4B4B4B; font-weight: bold; text-align: right; margin-right: 20px; padding-top: 1px;}
#feedback .form {width: 388px; float: left;}
#feedback .row {margin-bottom: 2px;}
#feedback .input {width: 230px; float: left;}
#feedback .submit {padding-left: 160px;}



/******************************/

/* Completely New */

/******************************/


#idTopLeft{
  margin: 0px; 
  float: left; 
  display: block; 
  width: 256px; 
  height: 250px; 
  background:url(../images/logo-anova.gif); 
  background-repeat: no-repeat;
}
#idTopLeft #idNavTop {
  padding: 5px 0 0 25px;
  color: #fff;
  font: 10px arial, sans-serif;
  height: 20px;
}
#idTopLeft #idNavTop A {
  padding: 10px;
   color: #fff;
  padding: 0px 7px 0px 0px;
  text-decoration: none;
}
#idTopLeft #idNavTop A:hover {
   color: #fff;
  text-decoration: underline;
}

/******************************/

/* SideBars */

/******************************/

.clsSideBarInsetTop {
width:250px;
margin:0px 6px 20px 6px;
text-align:left;
}
.clsSideBarInsetTop H3{
display:block;
font: 12pt bold Arial, Helvetica, sans-serif;
padding-top:7px;
margin:0 0 0 7px; 
color:#FFFFFF;
}
.clsSideBarInset {
width:250px;
margin:0px 6px 30px 6px; 
text-align:left;
height:170px; 
}
.clsSideBarInset H3{
display:block;
font: 12pt bold Arial, Helvetica, sans-serif;
padding-top:4px;
margin:0 0 0 9px; 
color:#FFFFFF;
}
.classSideBarInsetMid {
width:250px;
background:url(../images/sidebar-mid.gif); 
background-repeat:repeat-y;
padding-left:1px; 
border-width:thin;
border-right:2px;
}
.classSideBarInsetMid2 {
width:250px;
background:url(../images/sidebar-mid.gif); 
background-repeat:repeat-y;
padding-left:1px; 
height:90px; 
}
.classSideBarInsetBottom {
height:11px; 
width:250px; 
background:url(../images/sidebar-bottom.gif); 
background-repeat:no-repeat;
height:15px; 
}

/*----------- red -----------*/

#idSideBarInsetTop-red { 
height:27px; 
width:250px; 
background:url(../images/sidebar-red-top.gif); 
background-repeat:no-repeat;
}

/*----------- navy -----------*/

#idSideBarInsetTop-navy { 
height:27px; 
width:250px; 
background:url(../images/sidebar-navy-top.gif); 
background-repeat:no-repeat;
}
#idSideBarInsetTop-navy2 { 
height:27px; 
width:250px; 
background-color:Navy; 
background-repeat:no-repeat;
}

/*----------- royal -----------*/

#idSideBarInsetTop-royal { 
height:27px; 
width:250px; 
background:url(../images/sidebar-royal-top.gif); 
background-repeat:no-repeat;
}
.classCurrentYield{
padding:15px 15px 15px 35px; 
margin:0; 
font:14pt bolder Arial, Helvetica, sans-serif; 
color:#a12024; 
text-align:center;
}

/*----------- white -----------*/

#idSideBarInsetTop-white { 
height:27px; 
width:250px; 
background-repeat:no-repeat;
}

/******************************/

/* Navigation */

/******************************/

#idNav {
  height:37px; 
  width:678px; 
  float:right; 
  background:url(../images/bg-mainnav.gif) no-repeat; 
  padding-bottom:40px;
}

/******************************/

/* SPRY Menu Bar styling classes*/

/******************************/

ul.MenuBarHorizontal{
  margin: 0 0 0 33px;
  _margin-top:-3px;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  cursor: default;
  width: auto;
}
ul.MenuBarActive{
  z-index: 1000;
}
ul.MenuBarHorizontal li{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  position: relative;
  text-align: left;
  cursor: pointer;
  width: auto;
  float: left;
}
ul.MenuBarHorizontal ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  z-index: 1020;
  cursor: default;
  width: 8.2em;
  position: absolute;
  left: -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{
  left: auto;
}

ul.MenuBarHorizontal ul li{
  
}
ul.MenuBarHorizontal ul ul{
  position: absolute;
  margin: 5px 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{
  left: auto;
  top: 0;
}
ul.MenuBarHorizontal ul{
  background:#7bb8e1;
  border:2px solid #3283c7;
  width: 117px;  
}
ul.MenuBarHorizontal a {
  display: block;
  cursor: pointer;
/*  border-left:1px solid #7fa361;
  border-right:1px solid #b8d38f; */
  font-size:13px;
  color:#ffffff;
  text-decoration:none;
  padding:10px 15px 4px 15px;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:active, ul.MenuBarHorizontal a:focus{
  color:#fed201;

}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover:visited, ul.MenuBarHorizontal a.MenuBarSubmenuVisible,  ul.MenuBarHorizontal a.MenuBarSubmenuVisible:visited {
  color:#fed201;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenu:hover, ul.MenuBarHorizontal a.MenuBarItemSubmenu:active {
  color:#fed201;  
}
ul.MenuBarHorizontal ul a {
  background:#7bb8e1;
  display: block;
  width:105px;
  font-size:11px;
  border:0px;
  border-bottom:1px solid #3283c7;
  padding:2px;
  padding-left:10px;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{
  color:#fff;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{
  color:#fff;
}
ul.MenuBarHorizontal iframe{
  position: absolute;
  z-index: 1010;
}

@media screen, projection{
  ul.MenuBarHorizontal li.MenuBarItemIE{
    display: inline;
    float: left;
    color:#fff;
  
  }
}


/******************************/

/* Utility classes*/

/******************************/

.clsMainContentList ul {
	margin:0px 0px 10px 0px;
	font-size: 14px;
	line-height:150%;  display:block;
}

.clsMainContentList li {
	padding:0px 2px 10px 15px;
	color:#111;
	width:auto;
	font-size: 14px;
	background: url(../images/Main_LI_Background.gif) no-repeat;
	
}
.clsMainContentList li strong {
	color:#a12024;
	font-size: 14px;
}

.HlinkLogin {width: 95px; text-align: right; line-height: 14px; height: 30px; display: block; 
	background: url(../images/button-next.gif) no-repeat left center;}
.HlinkOpenAccount {width: 120px; height: 40px; display: block; 
	background: url(../images/button-openaccount.gif) no-repeat left center;}
