/********************************************
 * RESET ALL CSS VALUES TO CROSS BROWSER BASE
 ********************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: arial, Helvetica, Sans-Serif;
	vertical-align: baseline;
}

body {
	line-height: 1.2;
	color: #666;
	background: white;
    font-family: arial, Helvetica, Sans-Serif;
    font-size:.8em;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/********************************************
* DISPLAY STYLES AND CLASSES
********************************************/
br{
	clear:both;	
}

strong{
    font-weight:bold;
    color:#3E5D9E;
}

em{
	font-style:italic;
}

h2{	
	color:#3E5D9E;
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
	margin:0px;
}

h1{
	color:#3E5D9E;
	font-size:1.8em;
	font-weight:bold;
}

h3{
	color:#3E5D9E;
	font-size:1.3em;
	font-weight:bold;	
}

a, a:link{
  color: #415CA9;
  text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

p{
	line-height:18px;
}


#footer p {
 font-size:85%;
 color:#666;

}

#copyright{
  font-size:.8em;
}

.headline-img{
	margin-bottom:10px;
    margin-top:10px;
}

.headline-seo{
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.home-teaser{
	 color:#333;
     font-weight:bold;	
}

.block-copy{
	padding:15px;	
}

.checklist{
  font-size:1.2em;
  margin:0 0 30px 50px;
  text-align:left;
}

.checklist li{
	background:url(../images/Bullet-Chkmark.gif) no-repeat 6px;
    margin:20px 0 20px 0;
    padding-left:25px;
}

.question-list{
  line-height:1.8em;
  font-size:1.2em;
  margin:0 0 0 25px;
  list-style-image:none;
}

.question-list li{	
	margin:5px 0 5px 0;
    color:#333;	
}

/********************************************
* CONTAINERS AND LAYOUT
********************************************/

#container{
    margin:auto;
    width:920px;
}

#header-logo{
    float:left;
    margin-top:1px;
}

#header-right-tile{
    float:right;
    margin-top:12px;
}

#content{
    float:left;
    width:100%;
    background:url(../images/rightcol_bgrd.gif) repeat-y 735px;
    margin-top:10px;
    margin-bottom:10px;
}

#content-main{
  float:left;
  width:715px;
  padding:0;
  margin:0 0 0 10px;
}


#content-boxed-teaser{
    text-align:center;
    background-color:#F0F5EF;
    border:1px solid #568C96;
    margin:15px 10px 15px 10px;
    padding:15px;
}

#content-main-left{
  float:left;
  width:435px;

}

#content-main-right{
    float:right;
    width:260px;
    margin-bottom:10px;
}

#content-side{
    float:left;
    width:160px;
    padding:0;
    margin:10px 0 0 15px !important;
    margin:10px 0 0 5px;   /* IE6 Box Model Fix */
}

#footer{
    height:50px;
    background-color:#F0F5EF;
    border-top:1px solid #BED0D0;
}

#footer p{
    margin-top:10px;
    text-align:center;
}

#copyright{
   margin:10px 0 50px 0;
   text-align:center;
}


/********************************************
* PAGE SPECIFIC CONTAINERS AND SEO IMAGE SWAPS
********************************************/
#home-headline{
    background:url(../images/Home-Headline.gif) no-repeat;
    height:27px;
    width:433px;
}

#about-headline{
    background:url(../images/About-Headline.gif) no-repeat;
    height:38px;
    width:427px;
}

#retirement1-headline{
    background:url(../images/Retirement1-Headline.gif) no-repeat;
    height:80px;
    width:417px;
}

#retirement2-headline{
    background:url(../images/Retirement2-Headline.gif) no-repeat;
    height:34px;
    width:420px;
}

#identitytheft1-headline{
    background:url(../images/IdentityTheft1-Headline.gif) no-repeat;
    height:35px;
    width:370px;
}

#investing1-headline{
    background:url(../images/Investing1-Headline.gif) no-repeat;
    height:61px;
    width:579px;
}

#investing2-headline{
    background:url(../images/Investing2-Headline.gif) no-repeat;
    height:64px;
    width:493px;
}

#investing3-headline{
    background:url(../images/Investing3-Headline.gif) no-repeat;
    height:29px;
    width:405px;
}

#creditcards1-headline{
    background:url(../images/Creditcards1-Headline.gif) no-repeat;
    height:33px;
    width:530px;
}

#everydaysavings1-headline{
    background:url(../images/EverydaySavings1-Headline.gif) no-repeat;
    height:59px;
    width:454px;
}

#everydaysavings2-headline{
    background:url(../images/EverydaySavings2-Headline.gif) no-repeat;
    height:56px;
    width:396px;
}
/********************************************
* NAVIGATION STYLES
********************************************/

#navbar{
    background:url(../images/Navbar-bgrd.gif) repeat-x;
    position:relative;
    height:30px;
    width:920px;
    float:left;
}

#topnav{
    margin-left:65px;
    position:relative;
}

#topnav li{
    position:relative;
    float:left;
}

#topnav-retirement{
    width:104px;
    height:30px;
    display:block;
    background:url(../images/Nav-Retirement.gif) no-repeat;
    z-index:6;
}

#topnav-retirement span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

#topnav-retirement:hover, #topnav-retirement.sfHover{
    background-position:0 -30px;
}

#topnav-investing{
    width:96px;
    height:30px;
    display:block;
    background:url(../images/Nav-Investing.gif) no-repeat;
    z-index:5;
}

#topnav-investing span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

#topnav-investing:hover, #topnav-investing.sfHover{
    background-position:0 -30px;
}

#topnav-identity{
    width:126px;
    height:30px;
    display:block;
    background:url(../images/Nav-IdentityTheft.gif) no-repeat;
    z-index:4;
}

#topnav-identity span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

#topnav-identity:hover, #topnav-identity.sfHover{
     background-position:0 -30px;
}

#topnav-creditcards{
    width:116px;
    height:30px;
    display:block;
    background:url(../images/Nav-Creditcards.gif) no-repeat;
    z-index:3;
}

#topnav-creditcards span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

#topnav-creditcards:hover, #topnav-creditcards.sfHover{
     background-position:0 -30px;
}

#topnav-savings{
    width:149px;
    height:30px;
    display:block;
    background:url(../images/Nav-Savings.gif) no-repeat;
    z-index:2;
}

#topnav-savings span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

#topnav-savings:hover, #topnav-savings.sfHover{
    background-position:0 -30px;
}

#topnav-about{
    width:98px;
    height:30px;
    display:block;
    background:url(../images/Nav-About.gif) no-repeat;
    z-index:1;
}

#topnav-about span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	}

#topnav-about:hover, #topnav-about.sfHover{
    background-position:0 -30px;
}

#topnav li a{
    display:inline;
    position:relative;
    text-indent:0;
}

#topnav li div{
  background: url(../images/notch.gif) no-repeat bottom right;
  display:block;
  margin:0;
  padding:5px 3px 8px 3px;
}


#topnav li ul{
    background: url(../images/notch.gif) no-repeat bottom left;
    background-color:#206572;
    position:absolute;
    left:-9999em;
    z-index:6000;
    padding:0;
    margin:0;
}

#topnav li ul li{
	position:relative;
    display:block;
    float:none;
    margin:0;
    padding:2px 5px 2px 5px;
    line-height:1;
}

#topnav li:hover ul, #topnav li.sfHover ul{
    top:27px;
    left:0;
}


#topnav li:hover ul a, #topnav li.sfHover ul a{
 	background: url(../images/Navpointer.gif) no-repeat;
    background-position:5px 8px;
    color:#F3F3F3;
    font-size:12px;
    white-space:nowrap;
    text-decoration:none;
    display:block;
    position:relative;
    border:1px solid #206572;
    margin:0px;
    padding:4px 7px 4px 15px;


}

#topnav li:hover ul a:hover, #topnav li.sfHover ul a:hover{
   background:#377580 url(../images/Navpointer_on.gif) no-repeat;
   background-position:5px 8px;
   color:#FFF;
   border:1px solid  #9bbac0;
}