
body {
  font-family: arial, helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #fff;
  overflow:auto;
}

img {
  border: 0;
}

h1 {
  color: #525252;
}

h2 {
  font-weight: bold;
  color: #333;
  font-size: 20px;
}

h3 {
  color: #0E5F87;
  font-weight: bold;
}

h3 a {
  color: #0E5F87;
  font-weight: bold;
  text-decoration: none;
}

a{
  color:#007da1;
}

a:hover{
  color:#3ca4c1;
}

p{
  font-size:16px;
  line-height:22px;
}

.leftFloat {
  float: left;
}

.rightFloat {
  float: right;
}

.boldText {
  font-weight: bold;
}

.note {
  font-size: smaller;
  color: #666;
  padding-bottom: 20px;
}

.link {
  text-decoration: none;
}

.clear_both {
  clear: both;
}

.clear_left {
  clear: left;
}

#trust-name {
    float: left;
    font-size: 2.5em;
    font-weight: 600;
    padding:25px 0 0 0;
    width: 760px;
	width:100%;
	clear:both;
}

#trust-name a {
    color: #333;
	text-decoration:none;
}

.header-main .clear-left{
	margin-bottom:20px;
	font-size:1.5em;
	font-weight:600;
}



/****************************** wrapper ******************************/

.content {
  background-color: #fff;
  margin: 0 auto;
  width: 960px;
  padding-top: 0px;
  min-height: 600px;
  padding-bottom: 60px;
  overflow:auto;
}

/****************************** header styles ******************************/

.topBar {
  height: 50px;
  background-color: #007da1;
}

.headerMain img {
  padding-right: 20px;
}

.headerBrand {
  padding-top: 55px;
  color: #666;
}

.headerCo {
  font-size: 30px;
}

.headerTag {
  font-size: 16px;
}

.headerSub {
  font-size: 12px;
}

a.sel-nav{
  background:#007da1;
}

/****************************** page styles ******************************/

.pageHeaderTextCWF {
  float: left;
  padding-top: 30px;
  padding-left: 0px;
  width:100%;
}

.pageHeader h1 {
  margin-top: -10px;
}

/**************************** home page styles *****************************/

#welcome {
  padding-top: 20px;
  text-align:center;
}

#welcome_text {
  width: 550px;
  float: left;
  color: #666;
  line-height: 150%;
}

#home_login_map {
  padding: 20px 0;
  min-height: 150px;
}

#home_login {
  float: left;
  width: 575px;
}

#home_login_text {
  color: #0a64a4;
  padding-bottom: 5px;
}

#home_login_boxes {
  float: left;
}

.home_map {
  padding-right: 15px;
  padding-bottom: 15px;
}

#home_address {
  width: 375px;
}

#home_office {
  color: #77797a;
  font-size: 20px;
  padding-bottom: 5px;
}

.login_boxes {
  padding-left: 10px;
}

/****************************** login page/ control panel ******************************/
.formcontainer{
  margin-top:40px;
  text-align:left;
}

li.r1{
  margin-bottom:12px;
}

tr.oops {
    vertical-align: middle;
    text-align: center;
    background-color: #FFCCCC;
}

.err {
    font-family: Times,serif;
    font-size: 100%;
    font-weight: bold;
    color: #FF0000;
}

p.txn{
  line-height:22px;
}

p.tbxi, ul.pt1 li{
  text-align:left;
}

ul.pt1 li{
  font-weight:bold;
  margin-bottom:12px;
}

table.readout tr.hdrX{
  text-align:center;
  font-weight:bold;
}

table.readout tr.row2{
  background:#CCCCFF;
}

tr.OK{
  background-color: #EEFFEE;
  text-align:center;
}

tr.OK td, table.readout tr.row2 td{
  padding:5px;
}


#control_panel{
  text-align:center;
}

#control_panel h1{
  margin-top:50px;
}

#control_panel a{
  font-weight:bold;
}

#control_panel table{
  width:100%;
  position:relative;
  margin:30px auto;
  text-align:left;
}

#control_panel table .txb{
  font-weight:bold;
}

#control_panel table .hdrX td{
  background:#ddd;
  padding:5px;
}

#control_panel table .style3{
  color:#007da1;
}

#control_panel table td.white{
  background:#fff;
}

#control_panel table td button{
  cursor:pointer;
}

#control_panel table td button[type=reset]{
  float:right;
}

#control_panel table input{
  box-sizing:border-box;
  width:100%;
  margin-bottom:5px;
  padding:5px;
}

.login_status{
  width: 500px;
  margin: 40px auto;
  background: #eee;
  padding: 20px 0;
  border: 1px solid #ccc;
  color: #666;
}

.login_status a{
  font-weight: bold;
  color: #3ca4c1;
}

.style2b{
    font-size: 12px;
    margin-left: 10px;
}

span.txn{
  font-weight:bold;
}

div.dernotices{
  text-align:left;
  padding-top:30px;
  font-size:16px;
  line-height:22px;
}

div.agreement{
}

div.agreement ol{
  font-size:16px;
  line-height:22px;
}

div.agreement ol li{
  margin-bottom:22px;
}

/****************************** navigation ******************************/

.navigation {
  width: 960px;
  margin: 0 auto;
  background-color: #3ca4c1;
  height: 40px;
  position: relative;
  z-index: 1000;
}

.sf-menu li{
  background:#3ca4c1!important;
}

/****************************** footer ******************************/

#footer {
  background-color: #3ca4c1;
  margin:0;
  padding: 15px 0 0 0;
  color: #fff;
}

#footer .style2b{
  font-size:18px;
}

.ctr{
  text-align:center;
}

#sitenav {
  width: 960px;
  min-height: 150px;
  font-size: smaller;
  margin: 0 auto;
  overflow:hidden;
}

#sitenav a{
  color: #fff;
  text-decoration: none;
}

#sitenav ul {
  padding: 10px 0 0 0;
  margin: 0;
}

#sitenav li {
  list-style: none;
  padding-bottom: 5px;
}

#footer_home {
  float: left;
  width: 60px;
}

#footer_about {
  float: left;
  width: 140px;
}

#footer_services {
  float: left;
  width: 170px;
}

#footer_education {
  float: left;
  width: 150px;
}

#footer_faqs {
  float: left;
  width: 120px;
}

#footer_contact {
  float: left;
  width: 125px;
}

#footer_disc {
  float: right;
  width: 130px;
}

#relevant_links{
  margin-top:30px;
}

#relevant_links table{
  border:0px solid #ccc;
  border-collapse:collapse;
  width:100%;
}

#relevant_links table tr{
  background:white;
}

#relevant_links table tr:nth-child(even){
  background:white;
}

#relevant_links table td{
  margin:0;
  border:none;
  padding:5px;
}

/****************************** organizations page ******************************/
div.organization-content{
	max-width:700px;
	position:relative;
	margin:0 auto;
}

div.organization-left{
	width:50%;
	float:left;
}

div.organization{
  width:100%;
  margin:1%;
  box-sizing:border-box;
  text-align:center;
  border:0px solid #ccc;
  text-align:center;
  height:150px;
  padding-top:44px;
  float:left;
}

div.organization:first-child{
  width:98%;
}



/****************************** contact us page ******************************/

.city {
  font-size: 25px;
  font-weight: bold;
  color: #525252;
}

.map {
  float: right;
  padding: 0 20px 0 20px;
}

.map_link {
  color: #0E5F87;
  text-align: left;
  font-size: smaller;
  text-decoration: none;
}

.location {
  float: left;
  width: 310px;
  line-height:22px;
}

.location.wider{
	width:500px;
}

.location_title {
  color: #0E5F87;
  font-weight: bold;
  margin-top:30px;
  margin-bottom:14px;
  display:block;
}

.state {
  padding-bottom: 15px;
}

#state1 {
  padding-bottom: 65px;
}

hr.loc{
  margin-top:30px;
  margin-bottom:30px;
  border:1px dotted #ccc;
}

/* Contact Page */
.contact-info {
  float: left;
  width: 310px;
}

.contact-name {
    color: #525252;
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 5px;
}

.map {
  float: right;
  padding: 0 20px 0 20px;
}

.contact-loc{
  overflow:auto;
}


/****************************** page styles ******************************/

.page-header {
  padding-top: 20px;
  width:100%;
  overflow:auto;
}

.page-header-text-1 {
  float: left;
  padding: 140px 0 0 10px;
}

.pageHeaderText {
  float: left;
  padding-top: 120px;
  padding-left: 10px;
}

.page-header h1 {
  margin-top: -10px;
}

.leftFloat {
  float: left;
}


/****************************** faq styles ******************************/

.faqs dt {
  color: #4b85ac;
  cursor: pointer;
  padding: 10px 0;
}

.faqs dd {
  padding: 10px;
}

/****************************** retirement page styles ******************************/

.ret_cb_info {
  padding-left: 25px;
}

/****************************** career page styles ******************************/

.career_address {
  padding: 0 0 25px 25px;
}

.career_address_title {
  font-size: larger;
}

/****************************** calculator styles ******************************/

.calculator {
  font-family: Verdana;
  font-size: 96%;
}

.calculator label {
  width: 18em;
  float: left;
}

.calculator [readonly] {
  color: #666;
  background: #ffc;
}

.calc_amounts{
  text-align: right;
}

.float_left {
  float: left;
  padding-bottom: 5px;
}

/****************************** admin services styles ******************************/

#admin_service {
  padding-left: 50px;
}

.checkmark_list {
  list-style-image: url(../images/checkmark.gif);
}

/****************************** lists styles ******************************/

.list li {
  padding: 0 0 15px 0;
}

.list a {
  text-decoration: none;
}
