body{font-family:Arial, sans-serif; font-size:62.5%; text-align:center; background-color:#eee; background:url(../img/bg/body.jpg) top center repeat-y;}
body,html{}
input, select, textarea{font-family:Arial, sans-serif;} 
.r {float:right; margin: 5px 0px 5px 7px;}
/*
------------------------------------------------------
=MAIN STRUCTURE
------------------------------------------------------*/
#container{width:907px; background:#fff; margin: 0px auto 0px auto; padding:5px 25px 22px 25px; text-align:left; position:relative;}
#main{width:710px; float:left; padding-bottom:28px; _margin-bottom:-30px;}

/*
------------------------------------------------------
=FULL WIDTH
------------------------------------------------------*/
body.fullwidth #main{width:907px;}
body.fullwidth #main p.title{width:895px;}
body.fullwidth #wrap{padding:0px;}
body.fullwidth #content{width:907px; float:left; padding:0px; margin:0px;}
body.fullwidth #content #risk_profiler{margin:0px auto; width:750px;}
body.fullwidth #content img.r{margin-right:87px; }
body.fullwidth #left{display:none;}

#main.full-page{width:733px;}
#main.full-page h2{width:100%}
#main.full-page #content{width:100%;}

.purple {width:710px; float:left; padding-bottom:5px; border: 0px solid #f4e7f7; background:url(../img/bg/main-purple.gif) repeat-x bottom left; margin-bottom:10px; clear:both; overflow:hidden; height:1%; zoom:1; _margin-bottom:8px;}

#wrap{margin-bottom:5px; margin-left:0px; padding-left:5px;}
#wrap.home{background:none; margin-bottom:5px; overflow:hidden; }

/*
------------------------------------------------------
=HEADER
------------------------------------------------------*/
#header{margin:5px 0px 15px 0px; height:130px; position:relative;}
.banner1 {background:url(../img/bg/financial-consultant.jpg) no-repeat top right;  width:906px; height:130px;}
.banner2 {background:url(../img/bg/employer.jpg) no-repeat top right;  width:906px; height:130px;}
.banner3 {background:url(../img/bg/member.jpg) no-repeat top right;  width:906px; height:130px;}
.banner4 {background:url(../img/bg/resources-and-tools.jpg) no-repeat top right;  width:906px; height:130px;}
.banner5 {background:url(../img/bg/site.jpg) no-repeat top right;  width:906px; height:130px;}
.banner6 {background:url(../img/bg/building-header.jpg) no-repeat top right;  width:906px; height:130px;}
#header p{width:697px; background-color:#3f3a98; position:absolute; bottom:1px; right:0px; color:#FFF; font-size:1.3em; padding:8px 13px 8px 10px; line-height:1.5em; text-align:right; font-weight:bold; } #header p strong, #header p span {color:#d5ebfd;}

.logo {margin:15px 12px 0px 11px; }

/*
------------------------------------------------------
=MAIN MENU NAVIGATION
------------------------------------------------------*/
#nav {clear:both; }
#nav ul {color:#ccc; font-size:1.1em; }
#nav ul li {display:inline; line-height:26px; margin-right:0px; font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
#nav ul li a {text-decoration:none; color:#000;}
#nav ul li a:hover {text-decoration:none; color:#041457;}
#nav ul li.on a{color:#3f3d98; }


/*
------------------------------------------------------
=CLEARING
-----------------------------------------------------*/
.clear{clear:both;} .clear10{clear:both; height:10px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*
------------------------------------------------------
=TYPOGRAPHY
------------------------------------------------------*/
#main p.title, .purple h1{background:#3f3d98 url(../img/bg/band-bg.jpg) repeat-x bottom left; height:31px; line-height:32px; color:#FFF; font-size:13px; padding-left:12px; width:698px; font-weight:bold;}
#main p.title span, .purple h1 em {margin-left:96px; border-left: 1px solid #4a61bc; padding-left:10px; font-style:normal; font-size:13px;}

/*
------------------------------------------------------
=HOME FEATURES LEFT SIDE
------------------------------------------------------*/
#left-home {width:230px; float:left; padding-top:4px; padding-left:3px; margin-top:10px; margin-left:5px; display:inline; margin-bottom:20px;}
#left-home .box-left { margin-right:1px; padding-left:15px; margin-bottom:13px; background:url(../img/bg/box-bg.jpg) repeat-x; border: 1px solid #dee3f5; width:190px; padding-top:7px; padding-bottom:0px;}
.box-left ul.box1 {background:url(../img/bg/consultant.gif) no-repeat bottom right;}
.box-left ul.box2 {background:url(../img/bg/employer.gif) no-repeat bottom right;}
.box-left ul.box3 {background:url(../img/bg/member.gif) no-repeat bottom right;}
a.box-title{color:#3f3a98; font-weight:bold; text-decoration:underline; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding-bottom:3px;}

#left-home .box-left p{font-size:1.2em; line-height:1.4em; color:#565455; padding-top:5px;}
#left-home .last{margin-right:0px;}
#left-home .box-left ul {padding-top:12px; padding-bottom:7px;}
#left-home .box-left ul li{background:url(../img/icons/arrow.gif) no-repeat 0px 1px; padding-left:13px; font-size:1.1em; margin-bottom:5px; width:102px; }
#left-home .box-left ul li{color:#4f4f50;}
#left-home .box-left ul li a{color:#333; text-decoration:none; }
#left-home .box-left ul li a:hover{text-decoration:underline; }

#wrap .content-column-one {width:205px; float:left; margin-right:27px; padding-top:17px;}
#wrap .content-column-one iframe{width:205px; height:260px; margin-bottom:15px;}
#wrap .content-column-one img{margin-bottom:10px;}
#wrap .content-column-two {width:205px; float:left; margin-right:0px; padding-top:17px;}

#wrap .content-column-one h2, #wrap .content-column-two h2{font-size:12px; margin-bottom:10px; border-top:1px solid #d8ddf0; padding-top:10px;}
 #wrap .content-column-one h2 a, #wrap .content-column-two h2 a{color:#283d8f;}
#wrap .content-column-one p, #wrap .content-column-two p{font-size:11px; line-height:1.5em; margin-bottom:10px; color:#2e2732; margin-top:-4px;}
#wrap .content-column-one a, #wrap .content-column-two a{color:#4d0979; text-decoration:underline; font-weight:bold;}
#wrap .content-column-one img, #wrap .content-column-two img{margin-top:10px;}

/*
------------------------------------------------------
=NEWS FADE
------------------------------------------------------*/
.latest-news{overflow:hidden; padding-left:11px; margin-top:10px; zoom:1; height:30px; background:#ffffcc; border:1px solid #f3dfc6; margin-bottom:6px; position:relative;}
.latest-news em{position:absolute; top:12px; left:11px; font-style:normal; font-size:9px; text-transform:uppercase; color:#3b372f;}
#news-wrapper{overflow:hidden; height:13px;}
#news-wrapper div {padding-left:80px; overflow:hidden; height:12px; font-size:11px;}
#news-wrapper div p{width:550px; font-size:11px; margin-top:1px; margin-bottom:10px;}
#news-wrapper div p a{color:#333; text-decoration:none; font-size:11px; font-weight:bold;} #news-wrapper div p a:hover{text-decoration:underline;}
#news-navigation{margin-top:9px; margin-right:10px;}
#news-navigation li {text-indent: -9999px; width: 14px; height: 14px; float: right; list-style-type: none; margin-left: 3px;}
#news-navigation li a {width: 14px; height: 14px; display: block; background-repeat: no-repeat; }
#news-navigation li#next a {background-image: url(../img/icons/news_next.gif); }
#news-navigation li#prev a {background-image: url(../img/icons/news_prev.gif); }
#news-navigation li a:hover {background-position: 0px -14px; }


/*
------------------------------------------------------
=HIGHLIGHTED
------------------------------------------------------*/

.highlighted p{background-color:#ffffcd; border:1px solid #f7e9a0; padding:5px 6px 7px 6px;}
.highlighted p a{color:#90640d;}
.highlighted p a.title{color:#9f2808; font-weight:bold;}


/*
------------------------------------------------------
=BREADCRUMBS
------------------------------------------------------*/
#main p.breadcrumbs{font-size:11px; color:#aba9a9; margin-top:5px; padding-left:12px; padding-top:5px; padding-bottom:9px; border-bottom:1px solid #eceaea; margin-bottom:12px; text-transform:lowercase;}
#main p.breadcrumbs a{color:#6a6969; text-decoration:none;} #main p.breadcrumbs a:hover{color:#333;}


/*
------------------------------------------------------
=CONTENT
------------------------------------------------------*/
#content.home-content{width:358px; float:right; padding-top:3px; padding-left:3px;  margin-top:10px; }
#content{width:515px; float:right; padding-top:0px; padding-left:3px; padding-right:10px; padding-bottom:0px;}
body.wide #container #main #content{width:550px;}

#content h1{font-size:2.1em; color:#000; font-weight:normal; margin-bottom:10px; margin-top:5px; background:none; padding:0px; line-height:1.5em;}


#content h2{font-size:1.6em; color:#3f3d98; font-weight:bold; margin-bottom:10px; margin-top:20px; line-height:1.4em;}
#content h1 a:hover,  #content h2 a:hover{ color:#333; }
#content h3, #content h4, #content h5{font-size:12px; font-weight:bold; margin-bottom:7px; line-height:1.55em;}


#content h2 a, #content h3 a, #content h4 a, #content h5 a{ color:#21368b; text-decoration:underline;}
#content p {font-size:1.2em; color:#333;  margin-bottom:15px; line-height:1.55em;}

#content p.date{font-size:11px; color:#999; margin-bottom:8px;}

p.link a{color:#3f3a98!important; font-weight:bold;}
#content p a{color:#3f3a98;} #content p a:hover{color:#000;}
#content p.smalltext{font-size:0.9em; color:#999;}
#content p.heading5{font-weight:bold; margin-bottom:6px;}

#content a.pdf{background:url(../img/icons/pdf.jpg) no-repeat center left; padding:0px 2px 0px 22px; }
#content a.word{background:url(../img/icons/word.jpg) no-repeat right center; padding:0px 22px 0px 0px;}

#main  #content blockquote{ font-size:12px; color:#444; line-height:1.4em; margin-bottom:23px; background:#eee; padding:20px; margin-top:8px; border:1px dotted #ccc;}
#main  #content p.note{border:1px solid #bac3e8; background:#f1f3fd url(../img/icons/note.gif) no-repeat 15px 50%; padding:15px 10px 15px 45px; color:#0f2581; font-size:13px; font-weight:bold; margin-bottom:20px; line-height:1.3em;}

#content p.up-arrow a{background:url(../img/icons/arrowsub.gif) no-repeat 2px 50%; padding-left:13px; font-size:11px; color:#999; text-decoration:none; margin-bottom:15px;}
#content p.up-arrow a:hover{color:#333;}

#content .news-item {background:url(../img/bg/divider.gif) repeat-x bottom left; padding-bottom:3px; margin-bottom:25px; padding-top:0px;}
#content .news-item h2{margin-bottom:3px; margin-top:0px; font-size:12px;}
#content .news-item p.date{font-size:11px; color:#999; margin-bottom:8px;}
#content .news-item p{font-size:11px;}
#content p.backto{background:url(../img/bg/divider.gif) repeat-x; padding-top:15px; margin-top:30px; zoom:1;}

#content ul li ol{margin:10px 0px 10px 20px;}
#content ul li ol li{background:none; padding:0px; list-style-type:decimal;}

/*Table*/
#container #main #content table{margin:0 0 26px 0;}
#container #main #content table tr.information td{padding:10px 12px; text-align:center; background:#24398c; font-size:11px; line-height:1.4em; color:#fff;}
#container #main #content table tr td{padding:7px 0px; font-size:12px;}
#container #main #content table tr.column{height:25px;}
#container #main #content table tr.column td{padding:10px 12px; font-size:11px; text-align:center; background:#bec7ea; color:#041455; font-weight:bold;}
*html #container #main #content table tr.column td{padding-bottom:0px;}

#container #main #content table tr.text-center{text-align:center; color:#333; line-height:1.5em}
#container #main #content table tr.alt td{background:#edf0fc;}
/*
------------------------------------------------------
=IFRAME SHARE INDEX - HOME PAGE
------------------------------------------------------*/
#content.home-content iframe {float:left; height:285px; width:161px; /*border: 1px solid #e3e3e3; background:#f3e6f6*/}

/*
------------------------------------------------------
=SECTIONS - HOME PAGE
------------------------------------------------------*/
#content .sections {float:left; width:180px; margin-left:7px; border-bottom:1px solid #e8d8ed; margin-bottom:5px;}
#content .sections a.section-title{color:#62368c; font-weight:bold; text-decoration:underline; font-size:1.2em; }
#content .sections a.section-title:hover {text-decoration:none;}
#content .sections p {color:#494949; margin-bottom:4px; font-size:1.1em;}
#content .news {float:left; width:179px; border:1px solid #e8d8ed; background-color:#fbf7fc; margin-left:7px; margin-bottom:2px;}
#content .news p a.top{background:url(../img/icons/paper.gif) no-repeat 5px 0px; color:#62368c; font-weight:bold; text-decoration:underline; font-size:1.1em; padding-left:25px; line-height:27px;}
#content .news p a.top:hover { text-decoration:none;}
#content .news p.text {padding-left:25px; color:#494949; margin-bottom:5px; font-size:1.1em; margin-top:-12px;}


/*
------------------------------------------------------
=LEFT MENU - CONTENT
------------------------------------------------------*/

#left{width:140px; float:left; padding-top:9px; padding-left:10px; }
#left ul.left-nav{margin-bottom:15px; margin-right:3px; margin-top:3px;}
#left ul.left-nav li{background:url(../img/icons/l_square_grey.jpg) no-repeat 0px 5px; padding-left:13px; font-size:12px; margin-bottom:8px; line-height:1.3em; position:relative; z-index:2;}
#left ul.left-nav li.on{background:url(../img/icons/l_square.jpg) no-repeat 0px 5px; position:relative; z-index:2;}
#left ul.left-nav li.divide{padding-top:5px; border-top:1px solid #e5e5e5; margin-top:5px; background-position: 0px 10px;}
#left ul.left-nav li.on a{color:#1d3184; font-weight:bold;} #left ul li.on a:hover{color:#6b378d;}
#left ul.left-nav li a{color:#7a7a7a; text-decoration:none; }
#left ul.left-nav li a:hover{color:#333;  }
#left ul.left-nav li.sub {background:url(../img/icons/arrow.gif) no-repeat 3px 3px; margin-left:20px; padding-left:15px; font-size:11px;}
#left ul.left-nav li.second-level{margin-left:10px; font-size:11px; background:none;}
#left ul.left-nav li.sub a, #left ul li.sub a:hover{font-size:11px; margin-bottom:3px;}
#left ul.left-nav li.subon {background:none;}
#left ul.left-nav li.subon a{color:#000; font-size:0.9em; background:url(../img/icons/tiny_p_arrow.jpg) no-repeat; margin-left:12px; background-position:0px 3px; padding-left:8px; margin-bottom:3px;}
#left li.last{margin-bottom:8px !important;}
#left p.title{text-transform:uppercase; color:#6b378d; font-size:1.2em; border-bottom:3px solid #e5e5e6; padding-bottom:3px; font-weight:bold; margin-bottom:4px; width:121px;}


/*
------------------------------------------------------
=RIGHT
------------------------------------------------------*/
#right{width:168px; float:right; margin-right:5px; padding-bottom:25px; padding-top:8px; display:inline;}
#right p.title-line {font-size:1.3em; color:#3f3d98; font-weight:bold; background:url(../img/bg/line.gif) no-repeat 0px 7px; margin-bottom:17px; margin-top:15px;}
#right p.title-line em{background:#fff; padding-right:9px; font-style:normal;}
#right p.top{margin-top:0px;}
#right img {margin-bottom:7px;}
#right select.link {width:170px; margin-top:0px; border: 1px solid #DEDEDC; font-size:11px; padding:2px; color:#333}
#right select optgroup{font-style:normal;}


/*
------------------------------------------------------
= LIST STYLING
------------------------------------------------------*/

#content ul{margin-bottom:20px; margin-top:5px;}
#content ul ul{margin-left:20px;}
#content ul li{font-size:12px; line-height:1.4em; margin-bottom:4px; background:url(../img/icons/arrow.gif) no-repeat 0px 5px; padding-left:13px; color:#333;}
#content ul li p{font-size:12px; margin-bottom:0px;}
#content ul li a{color:#3f3a98; padding-right:5px;} #content ul li a:hover{color:#333;}


/*
------------------------------------------------------
= IMAGE STYLING
------------------------------------------------------*/
#content img.imgright{max-width:270px; float:right; margin:0px 0px 15px 20px; }


/*
------------------------------------------------------
=PAGINATION
-----------------------------------------------------*/
#content .pagination{margin-top:15px; padding: 2px; margin-left:0px; margin-bottom:10px; margin-top:20px;}
#content .pagination ul{margin: 0; padding: 0; text-align: left; font-size: 1.2em; }
#content .pagination li{list-style-type: none; display: inline; padding-bottom: 1px; padding:0; background:none; font-size: .9em; line-height:22px;}
#content .pagination a, #content .pagination a:visited{padding: 3px 5px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1; _height:20px;}
#content .pagination a:hover, #content .pagination a:active{border: 1px solid #3f3d98; font-weight: normal;  color: #fff; background-color: #3f3d98; }
#content .pagination li.currentpage a{border: 1px solid #3f3d98; padding: 3px 5px; background-color: #3f3d98; color: #FFF;}
#content .pagination li.disablepage{ padding: 3px 5px; border: 1px solid #cccccc; color: #929292; }
#content .pagination li.nextpage{ font-weight: bold; } 
#content .pagination li.prevpage{ font-weight: bold; margin-right:3px; padding: 3px 5px;}


/*
------------------------------------------------------
=FOOTER
------------------------------------------------------*/
#footer{clear:both; padding:0px; margin-right:0px; margin:0px -25px 0px -26px; background:#fff url(../img/bg/footer1.jpg) no-repeat bottom left; height:auto;  padding-top:109px; position:relative;}
#footer p{font-size:11px; color:#b9c5fb; text-align:right; margin-right:25px; line-height:1.4em; position:absolute; top:65px; right:0px;} #footer p.address{font-size:9px; top:85px; right:0px;}
#footer p.address a:hover{}
#footer a{color:#eee; text-decoration:none;} #footer a:hover{color:#fff; text-decoration:none;}
#tandc{width:957px; display:block; margin:0 auto; padding-bottom:30px; padding-top:0px; background:#fff; }
#tandc p{font-size:9px; color:#bab9b9; line-height:1.3em; padding-top:6px; margin-bottom:0px; margin:0px 30px;}
#tandc p strong{color:#919191; font-weight:normal;}