*{
	padding:0;
	margin:0;
    font-family:arial;
    color:#333;
}
a:focus { -moz-outline-style: none; }
p{
    margin-bottom:10px;
}
#page {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	background-color:#fff;
	padding-left:4px;padding-right:4px;

}
#content{
    width:950px;
    font-size:12px;
    padding-left:5px;
	padding-top:10px;
    display:block;
}
#content #leftContent {
    float:left;
    position:absolute;
    top:90px;
    width:160px;
    margin:0; padding:0;
}
#content #rightContent {
    float:right;
    width:150px;
    margin:0; padding:0;
}
#content #middleContent {
    margin-left:170px;
}
.width600{
    width:600px;
}
.width800{
    width:780px;
}
#header{
	width:955px;
    height:86px;
    margin-right:auto;
	margin-left:auto;
    background: url(/content/images/header/bg.jpg) repeat-x;

}
	#header #left{
        float:left;
        width:5px;
        height:86px;
        background-image: url(/content/images/header/left.jpg);
        background-repeat: no-repeat;
        background-position:bottom left;
    }
	#header #right{
		float:right;
		width:5px;
		height:86px;
		background-image: url(/content/images/header/right.jpg);

    }
	#header #center{
		height:83px;

	}
#logo{
    float:left;
}
#headerText{float:right; padding-top:20px;}

#navigation #ancillary {
    position:relative;
    float:right;
    display:inline;
    background-color:transparent;
    color:#fff;
    padding-right:20px;
    margin-top:5px;
}
#navigation #ancillary a{
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-color:transparent;
    color:#fff;
    text-decoration:none;
}
#ancillary a:hover{text-decoration:underline;}

ul#navListErr{
  padding-top:40px;
  padding-left:90px;
}
ul#navListErr{margin-top:-28px;}
ul#navListErr li { display: inline;height:12px;padding-right:30px;}

#navigation{
    height:86px;
    float:right;
    display:block;
    width:680px;
}

#navigation ul#L1{margin-top:43px;}

#navigation li{
    display:inline-block;
    list-style-type: none;
    padding-right:15px;

}
#navigation li a{display:inline;}


#navHowItWorks {
    background:url(/content/images/nav/navHowItWorks.gif) no-repeat top left;
    width:92px;
    height:12px;
    display:inline;
}
#navHowItWorks:hover, #navHowItWorks.selected{
    background:url(/content/images/nav/navHowItWorks.gif) no-repeat bottom left;
    width:92px;
    height:12px;
    
}

#navSpotlight{
    background:url(/content/images/nav/navSpotlight.gif) no-repeat top left;
    width:105px;height:12px; display:inline;
}
#navSpotlight:hover, #navSpotlight.selected{
    background:url(/content/images/nav/navSpotlight.gif) no-repeat bottom left;
    width:105px;height:12px;
}
#navCompany{
    background:url(/content/images/nav/navCompany.gif) no-repeat top left;
    width:63px;height:12px;                                           
    display:inline;
}
#navCompany:hover, #navCompany.selected{
    background:url(/content/images/nav/navCompany.gif) no-repeat bottom left;
    width:63px;height:12px;
}

#navFAQ{
    background:url(/content/images/nav/navFaq.gif) no-repeat top left;
    width:25px;height:13px;
    display:inline;
}
#navFAQ:hover, #navFAQ.selected{
    background:url(/content/images/nav/navFaq.gif) no-repeat bottom left;
    width:25px;height:13px;
}

/* end of header content */
/* ###########################################promo content############################################ */
#promo{
    margin-right:auto;
	margin-left:auto;
    padding-top:5px;
	padding-bottom:5px;
	background-color:#fff;
	width:960px;
    height:266px;
    font-family:arial;
	color:#fff;
	font-size:11px;
}
#promo div{padding-top:0px;padding-left:0px;}
#index #promo{
	height:266px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#fff;
	width:955px;
}
	#index #promo #promoLeft{
        float:left;
        height:266px;
        width:354px;
        padding-top:5px;
    }

    #index #promo #promoRight{
        float:right;
        width:588px;
        height:266px;
        margin-top:5px;
    }
    #promo #getStarted{
        width:180px;
        height:266px;
        float:right;
        display:inline;

    }
    /* promo corner */
    .promoCorner{display:block}
    .promoCorner *{
      display:block;
      height:1px;
      overflow:hidden;
      font-size:.01em;
      background:#00934B}
    .promoCorner1{
      margin-left:3px;
      margin-right:3px;
      padding-left:1px;
      padding-right:1px;
      border-left:1px solid #91d0b1;
      border-right:1px solid #91d0b1;
      background:#3fae78}
    .promoCorner2{
      margin-left:1px;
      margin-right:1px;
      padding-right:1px;
      padding-left:1px;
      border-left:1px solid #e5f4ed;
      border-right:1px solid #e5f4ed;
      background:#30a76d}
    .promoCorner3{
      margin-left:1px;
      margin-right:1px;
      border-left:1px solid #30a76d;
      border-right:1px solid #30a76d;}
    .promoCorner4{
      border-left:1px solid #91d0b1;
      border-right:1px solid #91d0b1}
    .promoCorner5{
      border-left:1px solid #3fae78;
      border-right:1px solid #3fae78}
    .promoCornerfg{
      background:#00934B}
/* end of promo */

#leftNav{
    position:relative;
	color:#333;
    font-size:11px;
}
	#leftNav ul{list-style:none;}
    #leftNav li{
        font-weight:bold;
        list-style-position: inside;
        line-height:20px;
        padding-left:10px;
    }
    #leftNav li.disabled{color:#6F98C8;}
    #leftNav ul li ul{padding-left:10px;}
    #leftNav ul li ul li{font-weight:normal;}
    #leftNav li a{color:#333;text-decoration:none;}
    #leftNav li a.selected{text-decoration:underline;
         list-style-image:url(/content/images/nav/arrow.gif) ;
    }
.navTopCorner{display:block}
.navTopCorner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#333333}
.navTopCorner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a7a7a7;
  border-right:1px solid #a7a7a7;
  background:#666666}
.navTopCorner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eaeaea;
  border-right:1px solid #eaeaea;
  background:#595959}
.navTopCorner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #595959;
  border-right:1px solid #595959;}
.navTopCorner4{
  border-left:1px solid #a7a7a7;
  border-right:1px solid #a7a7a7}
.navTopCorner5{
  border-left:1px solid #666666;
  border-right:1px solid #666666}
.navTopCornerfg{
  background:#333333}

    #leftNav div#white{padding-left:10px;}
    #leftNav div#white a{
        color:#fff;
        font-size:11px;
        text-transform:uppercase;
        font-weight:600;
        line-height:30px;
        text-decoration:none;
    }
    #leftNav div#white a.selected{text-decoration:underline;

}
    #leftNav div#white a:hover{text-decoration:underline;}
.navBottomCorner{display:block}
.navBottomCorner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#dedede}
.navBottomCorner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
  background:#e6e6e6}
.navBottomCorner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfbfb;
  border-right:1px solid #fbfbfb;
  background:#e4e4e4}
.navBottomCorner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e4e4e4;
  border-right:1px solid #e4e4e4;}
.navBottomCorner4{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.navBottomCorner5{
  border-left:1px solid #e6e6e6;
  border-right:1px solid #e6e6e6}
.navBottomCornerfg{
  background:#dedede}

    .navBottomCornerfg a{text-decoration:none;}
    .navBottomCornerfg a:hover{ text-decoration:underline;}
#twoColumn{


}
#twoColumn #left{float:left; width:280px;padding-right:10px;}
#twoColumn #right{float:right;width:300px; }

#featureBox{
   width:270px;
   display:block;
   float:left;
   margin-right:20px;
}

#featureBox #title{
    margin-top:3px;
    width:265px;
    background-color:#88A4C5;
    color:#fff;
    font-weight:bold;
    font-size:13px;
    line-height:30px;
    height:30px;
    clear:both;
    padding-left:5px;      

}

#featureBox table{
    width:270px;

    background-color:#E5EDF6;
}
#featureBox table td{padding:5px;line-height:20px;}

#featureBox table td.highlight{background-color:#C4D8ED;}

#home{
    width:956px;
    margin-left:2px;

}
#home #topContent{
    background:url(/content/images/usConsumer/usConsumerHome.jpg) no-repeat;
    width:956px;
    height:215px;
}
#topContent #leftSide{padding-top:15px;text-align:right;}
#topContent #rightSide{
    width:500px;
    float:right;
    margin:auto;
    padding-top:25px;
}
#rightSide div{width:350px;text-align:center;padding-left:20px;}
#topContent #rightSide p, #topContent #rightSide a{
    font-size:14px;
    color:#fff;

}
#topContent #rightSide h1{
    font-size:16px;
    padding-bottom:4px;
    color:#fff;
    font-weight:bold;
}


#home #bottomContent{
    width:954px;
    height:100px;
    clear:both;
    display:block;
    padding-top:20px;
}
#bottomContent #leftSide{
    float:left;
    background:none;
    width:315px;
    padding-left:10px;
    font-size:11px;
}
#bottomContent #leftSide img{float:left;padding-right:5px;clear:both;}
#bottomContent #middle{
    float:left;
    width:300px;
    text-align:left;
    padding-left:25px;
}
#bottomContent #rightSide{width:300px;float:right;}
#bottomContent #rightSide span {float:right;padding-left:5px;width:240px}
#bottomContent #rightSide img{float:left;}
#bottomContent p{ font-size:11px;}
#bottomContent p img{ float:left;padding-right:5px;padding-bottom:20px;}
#bottomContent p span{ text-align:left;display:block;}

#bottomContent h1{font-size:16px;padding-bottom:15px;}

#homeColumn{
    width:920px;
    clear:both;
    background-color:#fff;
    padding-top:10px;
    border:none;
    font-family:Arial;
    margin-right:auto;
	margin-left:auto;
    font-size:12px;
    color: #333333;
}
#homeColumn .left{float:left;width:330px; padding-right:10px}
#homeColumn .middle{float:left;background-color:#fff;padding-left:3px;}
#homeColumn .right{float:right;width:370px;padding-right:5px;background-color:#fff;padding-left:10px}
#homeColumn #leftColumn{ width:740px;text-align:left;float:left;padding-top:10px; }
#homeColumn #rightColumn{ width:166px;float:right;margin-right:5px;}
#leftColumn h1{font-size:16px;color:#023473;margin-bottom:10px;}
#homeColumn #rightColumn{ width:166px;float:right;margin-right:5px;}
#rightColumn h1{font-size:16px;font-weight:bold;color:#666;margin-bottom:10px;}
#homeColumn h5{font-size:12px;line-height:20px;}
#player{position:absolute;right:0px;width:361px;height:300px;}
#security{background:transparent url(/content/images/home/security.gif) no-repeat;
    padding-top:77px;text-align:center;}
#footer{
	color:#333;
	border-top:1px solid #ccc;
	font-size:11px;
	font-family:arial;
	width:940px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:15px;
	clear:both;
}
    #footer #left{float:left;}
    #footer #right{float:right;}
    #footer a{ color:#333; text-decoration:underline;}

#landingFooter{color:#333;clear:both;}
/* used with the footer */
#vSpacer{height:20px;clear:both;}


#cornerDiv{
	background-color:#666666;margin-left:-4px;margin-right:-4px;
}
.corner{display:block}
.corner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.corner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a7a7a7;
  border-right:1px solid #a7a7a7;
  background:#d8d8d8}
.corner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #757575;
  border-right:1px solid #757575;
  background:#e1e1e1}
.corner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;}
.corner4{
  border-left:1px solid #a7a7a7;
  border-right:1px solid #a7a7a7}
.corner5{
  border-left:1px solid #d8d8d8;
  border-right:1px solid #d8d8d8}
.cornerfg{
  background:#ffffff}

/* ############################# COMMON STYLES ##################### */
h3#title{
    font-size:22px;
    text-align:left;
    padding-top:0px;
    padding-left:10px;
    margin-bottom:15px;
    color:#FFF;
    background:url(/content/images/header/pageHeadBg.jpg) no-repeat;
}
h4{
    color:#333;
    font-size:16px;
    font-weight:bold;

}
h4 a{color:#333;}
h5{
    color:#333;
    font-size:14px;
    font-weight:bold;

}

h4#title{
    background:url(/content/images/header/pageHeadBg.jpg) no-repeat;
    margin-top:-20px;
    padding-left:10px;
    color:#ccc;
}
h4#green{font-size:14px;
    color:#009960;
    margin-bottom:10px;}
#featuresHeader{
    font-size:14px;
    color:#333;
    font-weight:bold;
}
#featuresContent{
    padding-left:30px;

}
#spotlightHeader{
    font-size:16px;
    color:#333;
    font-weight:bold;
}
#spotlightHeader b{
    color:#009960;
    font-size:12px;
    font-weight:bold;
    padding-bottom:10px;display:block;
}
#spotlightContent{
    padding-left:30px;
}

ul.bullet {
    list-style-type:square;
    list-style-position: inside;
    padding-bottom:10px;
    padding-left:10px;
}
a, a:visited, a:active{color:#023473}
img {border:0px;}
img.left{float:left;margin-right:10px;margin-bottom:10px; }
img.wrapLeft{float:left;margin-right:20px;}
img.right{float:right;margin-left:10px;margin-bottom:10px;}
img.center{text-align:center;}
img.border{border:1px solid #008B4A;padding:2px;}
.learnMore a{font-weight:bold;}
#more{height:20px;width:400px;text-align:right;}
.blueBold{color:#000099;font-weight:bold;}
}
#separator{
    border-bottom:4px dotted #DAECB5;
    height:5px;
    width:500px;
    border:1px solid #000;
}

/* ###################################3how it works page image map styles###################################### */

#join, #download ,#wizards ,#newplan ,#letssee ,#snapshot ,#fininfo ,#timeline ,#forum ,#remote ,#chat,#community ,
#advisor,#message {position:relative;left:500px; top:-380px; width:200px; z-index:100;}


#map{width:513px;height:500px;position:relative;}
/* popup of the how it works elements */
#howItWorksPop{ width:263px;background-color:transparent;}
#howItWorksPopTop{ background:url(/content/images/howItWorks/popUpBoxTop.gif) no-repeat bottom left;padding:0;margin:0;}
#howItWorksPopBottom{background: transparent url(/content/images/howItWorks/popUpBoxBottom.gif) no-repeat;}
#howItWorksPopContent{
	background:url(/content/images/howItWorks/popUpBoxMiddle.gif) repeat-y left top;
	padding:10px;padding-left:20px;padding-right:20px;
}
#splash{
}
#splash #left{float:left}
#splash #right{float:right;}


/* ########################## RIGHT NAV #############################*/
 #rightNav{

	width:200px; /* actual value */
	margin:0 0 10px 20;
	padding:10px;
	z-index:99;
    }
    #rightNav h1{font-size:16px;font-weight:bold;color:#666;margin-bottom:10px;}
    .rightCorner{display:block}
    .rightCorner *{
      display:block;
      height:1px;
      overflow:hidden;
      font-size:.01em;
      background:#eeeeee}
    .rightCorner1{
      margin-left:3px;
      margin-right:3px;
      padding-left:1px;
      padding-right:1px;
      border-left:1px solid #f7f7f7;
      border-right:1px solid #f7f7f7;
      background:#f2f2f2}
    .rightCorner2{
      margin-left:1px;
      margin-right:1px;
      padding-right:1px;
      padding-left:1px;
      border-left:1px solid #fdfdfd;
      border-right:1px solid #fdfdfd;
      background:#f1f1f1}
    .rightCorner3{
      margin-left:1px;
      margin-right:1px;
      border-left:1px solid #f1f1f1;
      border-right:1px solid #f1f1f1;}
    .rightCorner4{
      border-left:1px solid #f7f7f7;
      border-right:1px solid #f7f7f7}
    .rightCorner5{
      border-left:1px solid #f2f2f2;
      border-right:1px solid #f2f2f2}
    .rightCornerfg{
      background:#eeeeee;
      padding:15px;
      font-size:12px;
      color:#333;
    }

/*********** SLIDER **************/

.stripViewer .panelContainer .panel ul {
    text-align: left;
    margin: 0 15px 0 30px;

}

.slider-wrap { /* not necessary but good for getting the side arrows vertically centered */
    margin: 20px 0;
    position: relative;
    width: 590px;
    height:560px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll;display:none;}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
    position: relative;
    border: 2px solid #ccc;
    border-top:0px;
    margin: auto;
    width: 580px; /* Also specified in  .stripViewer .panelContainer .panel  below */
    height: 460px;
    overflow-y:scroll;
    overflow-x:hidden;
    float:left;
    clear: both;
    background:transparent url(/content/images/election/bottomGradient.jpg) bottom left repeat-x;
}
.stripViewer .panelContainer { /*  long div used to house end-to-end divs. */
    position: relative;
    left: 0; top: 0;
    width: 100%;
    list-style-type: none;
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
    float:left;
    height: 100%;
    position: relative;
    width: 580px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
    padding: 40px;
    padding-left:20px;
    padding-top:10px;

}

.stripNav { /* This is the div to hold  nav (the UL generated at run time) */
    float:left;
}

.stripNav ul { /* The auto-generated set of links */
    list-style: none;
    width:584px;
    display:block;
    height:56px;
    background:url(/content/images/election/nav/border.gif) repeat-x bottom right;
    
}

.stripNav ul li {
    float: left;
}

.stripNav a { /* The nav links */
    text-align: center;
    display: block;
    padding: 0px;
}

.stripNav li.tab1 a,.stripNav li.tab2 a,.stripNav li.tab3 a,.stripNav li.tab4 a,.stripNav li.tab5 a,
    .stripNav li.tab6 a,.stripNav li.tab7 a
{
    width:81px;
    height:56px;
}

.stripNav li.tab1 a{
   background:transparent url(/content/images/election/nav/taxesTabOff.jpg) top center no-repeat;
  }
.stripNav li.tab1 a:hover {
    background:transparent url(/content/images/election/nav/taxesTabH.jpg) top center no-repeat;
 }
.stripNav li.tab1 a.current {
    background:white url(/content/images/election/nav/taxesTabOn.jpg) top center no-repeat;
  }
.stripNav li.tab2 a{
  background:transparent url(/content/images/election/nav/inflationTabOff.jpg) top center no-repeat;
  }
.stripNav li.tab2 a:hover {
  background:transparent url(/content/images/election/nav/inflationTabH.jpg) top center no-repeat;
  }
.stripNav li.tab2 a.current {
  background:white url(/content/images/election/nav/inflationTabOn.jpg) top center no-repeat;
  }
.stripNav li.tab3 a{
  background:transparent url(/content/images/election/nav/marketsTabOff.jpg) top center no-repeat;
  }
.stripNav li.tab3 a:hover {
  background:transparent url(/content/images/election/nav/marketsTabH.jpg) top center no-repeat;
  }
.stripNav li.tab3 a.current {
  background:white url(/content/images/election/nav/marketsTabOn.jpg) top center no-repeat;
  }
.stripNav li.tab4 a{
  background:transparent url(/content/images/election/nav/collegeTabOff.jpg) top center no-repeat;
  }
.stripNav li.tab4 a:hover {
  background:transparent url(/content/images/election/nav/collegeTabH.jpg) top center no-repeat;
  }
.stripNav li.tab4 a.current {
  background:white url(/content/images/election/nav/collegeTabOn.jpg) top center no-repeat;
  }

.stripNav li.tab5 a{
    width:82px;
    background:transparent url(/content/images/election/nav/retirementTabOff.jpg) top center no-repeat;
  }
.stripNav li.tab5 a:hover {
    width:82px;
    background:transparent url(/content/images/election/nav/retirementTabH.jpg) top center no-repeat;
  }
.stripNav li.tab5 a.current {
  width:82px;
    background:white url(/content/images/election/nav/retirementTabOn.jpg) top center no-repeat;
  }
.stripNav li.tab6 a{
    width:83px;
  background:transparent url(/content/images/election/nav/conclusionTabOff.jpg) top center no-repeat;
  }
.stripNav li.tab6 a:hover {
    width:83px;
  background:transparent url(/content/images/election/nav/conclusionTabH.jpg) top center no-repeat;
  }
.stripNav li.tab6 a.current {
    width:83px;
  background:white url(/content/images/election/nav/conclusionTabOn.jpg) top center no-repeat;
 
  }
.stripNav li.tab7 a{
   background:transparent url(/content/images/election/nav/whatToDoTabOff.jpg) top center no-repeat;
  }
.stripNav li.tab7 a:hover {
    background:transparent url(/content/images/election/nav/whatToDoTabH.jpg) top center no-repeat;
 }
.stripNav li.tab7 a.current {
    background:white url(/content/images/election/nav/whatToDoTabOn.jpg) top center no-repeat;
  }
.stripNavL, .stripNavR { /* The left and right arrows */
    position: absolute;
    top: 530px;
    text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
    display: block;
    height: 40px;
    width: 40px;
}

.stripNavL {
    left: 255px;
}

.stripNavR {
    right: 255px;
}

.stripNavL {
    z-index:1000;
    background: url(/content/images/election/leftarrow.gif) no-repeat center;
}

.stripNavR {
    background: url(/content/images/election/rightarrow.gif) no-repeat center;
}