@charset "utf-8";
/* CSS Document */

/* ----------------------- General ----------------------- */
body{background: url(/images/n_images/navigators/fnd.png) repeat-x top; font-family: Arial, Helvetica, sans-serif; color: #594300; font-size: 14px; line-height: 20px;}
*{font-family: Arial, Helvetica, sans-serif; color: #594300; font-size: 14px; line-height: 20px;}
#content{width: 923px; margin: 0 auto;}

/* ----------------------- Text ----------------------- */
a{color: #005fb7;}
a:hover{color: #005fb7; text-decoration: none;}
h1{font-size: 26px; font-weight: bold; margin: 0; padding: 0 0 5px 0;color: #614700; text-align: right;}
h2{color: #8a6500; font-size: 30px; text-transform: uppercase; padding: 0; margin: 23px 0 10px 0; line-height: 30px;}
h3{font-size: 18px; color: #9b9a8a; font-weight: bold; border-bottom: 22px solid #1f635a; padding: 0 0 5px 0; margin: 0 0 5px 0;}
h4{font-size: 30px; font-weight: bold; margin: 0 0 10px; padding: 0 0 5px 0;color: #8a6500; text-align: center; width: 923px; float: left;padding: 7px 0;}
h4 strong{color: #FF0000; font-size: inherit; padding: 5px 0;}
h5{font-size: 22px; font-weight: normal; margin: 0 0 30px; padding: 0 0 5px 0;color: #8a6500; text-align: center; width: 923px; float: left;}
.plan{font-size: 18px; color: #8a6500; line-height: 23px; margin: 0; text-indent: 35px;}
.plan a{font-size: 18px; color: #0047b2;}
.plan a:hover{text-decoration: underline;}
.p{font-size: 20px; color: #8a5700; line-height: 28px; margin: 0 0 20px 0;}
.p a, .p strong{font-size: inherit;}

/* ----------------------- Top ----------------------- */
#top{width:923px; height: 135px; padding: 0; float: left; margin: 15px 0 25px 0;}
#top-margin{width:923px; height: 135px; padding: 0; float: left; margin: 15px 0 4px 0;}
#logo{width: 225px; height: 78px; background: url(/images/n_images/navigators/logo.jpg) no-repeat 0 0; margin: 0 5px 0 0; float: left;}
#logo2{width: 277px; height: 80px; background: url(/images/n_images/navigators/logo.jpg) no-repeat -230px 0; margin: 0; float: left;}
#sub-logo{width: 405px; height: 37px; margin: 60px 0 0 5px; float: left; letter-spacing: -1px;}
#menu{width: 923px; float: left; margin: 0; padding: 0;}
#menu ul{width:300px; background: url(/images/n_images/navigators/separador.gif) no-repeat center left; padding: 0 0 0 3px; height: 30px; float: right;}
#menu ul.left{float: left;}
#menu ul li{padding: 0 3px 0 0; margin: 0;background: url(/images/n_images/navigators/separador.gif) no-repeat center right; height: 30px; float: left;  width: 97px;}
#menu ul li:hover{background: #FFFFFF url(/images/n_images/navigators/separador.gif) no-repeat 0 -50px;}
#menu ul li a{display: block; padding: 2px 0 0 0; margin: 0; color: #FFF; font-size: 12px; text-align: center; background-color: none; height: 28px;}
#menu ul li a:hover{color: #666; text-decoration: none;}
#menu ul li a.select{color: #666;}
#menu ul li a.a{padding: 2px 0 0 0; line-height: 13px;}

/* ----------------------- Information ----------------------- */
#info{width: 923px; float: left; position: relative;}
.row{width: 903px; float: left; margin: 0 0 45px 0; padding:0 9px;}
.row1{width: 903px; float: left; margin: 0; padding:0 9px}
.row .column, .row1 .column{width: 280px; float: left; margin: 0;}
.row .column-middle, .row1 .column-middle{width: 280px; float: left; margin: 0 30px;}
.row .column .image, .row1 .column .image, .row .column-middle .image, .row1 .column-middle .image{border: 1px solid #898888; padding: 10px; margin: 0 0 12px 0; text-align: center; color: #473500; background: #FFF; font-size: 19px; letter-spacing: -1px;}
.row .column .image:hover, .row1 .column .image:hover, .row .column-middle .image:hover, .row1 .column-middle .image:hover{background: #eee;}
.row .column .image img, .row1 .column .image img, .row .column-middle .image img, .row1 .column-middle .image img{margin-bottom: 12px}
.data{width: 280px; float: left; margin: 235px 0 0 0; font-size: 11px; line-height: normal;}
.c-margin{padding-right: 20px;}

/* ----------------------- Create your own Plan ----------------------- */
.promise{width: 923px; float: left; margin: 0 0 17px 0;}
#left{width: 467px; float: left; padding: 0 0 0 10px;}
#left i{font-size: inherit; color: #8a6500;}
#right{width: 440px; float: right;}
.image-big{border: 1px solid #898888; padding: 10px; margin: 0; text-align: center; color: #473500; background: #FFF; font-size: 19px; letter-spacing: -1px; float: right;}
#links-plan{width: 375px; float: left; margin: 18px 0 0 80px; padding: 0;}
#links-plan ul li a{display: block; padding: 20px 0; margin: 0 0 10px; color: #473500; font-size: 18px; text-align: center; background-color: #dfc6aa; height: 20px; width: 292px; letter-spacing: -1px;}
#links-plan ul li a:hover{background-color: #bea991;}

/* ----------------------- Charitable Trust ----------------------- */
#links{width: 630px; float: left; margin: 30px 0 0 0; padding: 0;}
#links ul li{float: left; margin: 0 23px 18px 0;}
#links ul li a{display: block; padding: 8px 0; margin: 0; color: #473500; font-size: 18px; text-align: center; background-color: #dfc6aa; width: 290px; letter-spacing: -1px; height: 43px;}
#links ul li a:hover{background-color: #bea991;}
#links ul li a.pad{padding: 18px 0; height: 23px;}
#video, #video2{position: absolute;top: 600px;left: 609px;width: 314px;height: 166px;background: url(/images/n_images/navigators/video.png) no-repeat 0 0;z-index: 1;}
#video:hover, #video2:hover{background-position: 0 -166px;}
#video a{display: block; padding: 24px 200px 7px 20px; margin: 0; color: #473500; font-size: 18px; text-align: center; width: 90px; letter-spacing: -1px; height: 104px; line-height: 25px;}
#video a:hover, #video2 a:hover{color: #553C24;}
#video2 a{display: block; padding: 35px 200px 7px 20px; margin: 0; color: #473500; font-size: 18px; text-align: center; width: 90px; letter-spacing: -1px; height: 104px; line-height: 25px;}

/* ----------------------- Professional Advisors ----------------------- */
#left-inner{width: 320px; float: left; padding: 0 0 0 10px;}
#right-inner{width: 570px; float: right;}
#left-inner #links-plan{width: 320px; float: left; margin: 10px 0 18px 10px; padding: 0;}
#left-inner #links-plan ul li{margin: 0 0 6px 0;}
#left-inner #links-plan ul li a{display: block; padding: 20px 0; margin: 0; color: #473500; font-size: 18px; text-align: center; background-color: #dfc6aa; height: 20px; width: 292px; letter-spacing: -1px;}
#left-inner #links-plan ul li a:hover{background-color: #bea991;}
#left-inner #links-plan ul li a.pad{display: block; padding: 5px 0; margin: 0 0 10px; color: #473500; font-size: 18px; text-align: center; background-color: #dfc6aa; height: 50px; width: 292px; letter-spacing: -1px; line-height: 25px;}
#left-inner #links-plan ul li a.pad:hover{background-color: #bea991;}

#left-inner #links-plan2{width: 320px; float: left; margin: 10px 0 18px 10px; padding: 0;}
#left-inner #links-plan2 ul li{margin: 0 0 6px 0;}
#left-inner #links-plan2 ul li a{display: block; padding: 12px 0; margin: 0; color: #473500; font-size: 18px; text-align: center; background-color: #dfc6aa; height: 20px; width: 292px; letter-spacing: -1px;}
#left-inner #links-plan2 ul li a:hover{background-color: #bea991;}
#left-inner #links-plan2 ul li a.pad{display: block; padding: 1px 0; margin: 0; color: #473500; font-size: 18px; text-align: center; background-color: #dfc6aa; height: 40px; width: 292px; letter-spacing: -1px; line-height: 20px;}
#left-inner #links-plan2 ul li a.pad:hover{background-color: #bea991;}

/* ----------------------- Planned Giving ----------------------- */
.row-planned{width: 913px; padding: 0 0 10px 10px; float: left; position: relative;}
.image{border: 1px solid #898888; padding: 10px; margin: 0; text-align: center; color: #473500; background: #FFF; font-size: 19px; letter-spacing: -1px; float: left; position: relative;}
.image:hover{background: #eee;}
#video-planned{width: 354px;height: 140px;background: url(/images/n_images/navigators/video-plannet.gif) no-repeat 0 0; float: right; margin: 40px 0 0 0; position: relative;}
#video-planned:hover{background-position: 0 -140px;}
#video-planned a{display: block; padding: 43px 195px 15px 25px; margin: 0; color: #473500; font-size: 18px; text-align: center; width: 130px; letter-spacing: -1px; line-height: 25px; position: relative;}
#video-planned a:hover{color: #553C24;}
#video-donor{width: 354px;height: 140px;background: url(/images/n_images/navigators/video-donor.gif) no-repeat 0 0; float: right; margin: 40px 0 0 0; position: relative;}
#video-donor:hover{background-position:0 -140px;}
#video-donor a{display: block; padding: 56px 195px 50px 25px; margin: 0; color: #473500; font-size: 18px; text-align: center; width: 130px; letter-spacing: -1px; line-height: 25px; position: relative;}
#video-donor a:hover{color: #553C24;}
.image-degree{border: 1px solid #ababab; padding: 3px 10px 10px 10px; margin: 0 75px 15px 0; text-align: center; color: #473500; background: #FFF url(/images/n_images/navigators/fnd-imge.jpg) top repeat-x; font-size: 19px; letter-spacing: -1px; float: left; position: relative;}
.image-degree2{border: 1px solid #ababab; padding: 3px 10px 10px 10px; margin: 0 75px 15px 0; text-align: center; color: #473500; background: #FFF url(/images/n_images/navigators/fnd-imge.jpg) top repeat-x; font-size: 19px; letter-spacing: -1px; float: left; position: relative; margin-right: 150px; float: right; margin-left: 20px;}
.image-degree a, .image-degree2 a{text-align: center; color: #996100; font-size: 19px; letter-spacing: normal; display: block;}
.image-degree img, .image-degree2 img{padding-top: 3px; position: relative;}
.margin-plannet{margin: 0 37px 0 230px; position: relative;}
#book{position: absolute; top: 680px; left: -15px; z-index: 2; width: 228px; height: 238px; background: url(/images/n_images/navigators/book.png) no-repeat 0 0; display: block;}
#book:hover{background-position: 0 -237px;}
#book a{width: 228px; height: 238px; position: relative; display: block;}
#book a span, #newsletter a span{display: none;}
#newsletter{position: absolute; top: 440px; left: 700px; z-index: 2; width: 234px; height: 337px; background: url(/images/n_images/navigators/img-free.jpg) no-repeat; display: block;}
#newsletter:hover{background-position: 0 -337px;}
#newsletter a{width: 234px; height: 337px; position:relative; display: block;}

/* ----------------------- Contact Form ----------------------- */
#form{width: 903px; float: left; margin: 0; padding: 10px 10px 0 10px; background: #FFF;}
#form a{text-align: center; color: #; font-weight: bold;}
#form-top{width: 903px; background: #e0e0e0 url(/images/n_images/navigators/fnd-form-top.gif) no-repeat top left; float: left;}
#form-top #form-down{width: 883px; background: url(/images/n_images/navigators/fnd-form-down.gif) no-repeat bottom left; float: left; padding: 10px 10px 12px 10px;}
#form-top #form-down .title{width: 870px; background: #28816a; padding: 15px 0 15px 13px; color: #FFFFFF; font-weight: bold; font-size: 18px; margin-bottom: 5px;}
table td{ color: #000; font-weight: bold; font-size: 18px; padding-bottom: 10px; padding-right: 5px;}
#form-top #form-down strong{color:#FF0000; font-size: 18px;}
#form-top #form-down .input{width: 160px; font-size: 18px; color: #000;}
#form-top #form-down .input2{width: 700px; font-size: 18px; color: #000;}

/* ----------------------- Signup ----------------------- */
#sign-left{width: 425px; border: 1px solid #898888; background: #FFF; float: left; padding: 0 0 43px 0; margin-bottom: 30px;}
#sign-right{width: 475px; border: 1px solid #898888; background: #FFF; float: right; padding: 0 0 20px 0; margin-bottom: 30px;}
#sign-left p{padding: 0 25px; font-size: 18px; color: #584200; line-height: 25px; margin-bottom: 10px;}
#sign-right p{padding: 0 25px; font-size: 18px; color: #584200; line-height: 21px; margin-bottom: 10px;}
#sign-left strong, #sign-right strong{font-size: inherit;}
#sign-left span{margin: 30px 25px 23px; font-size: 18px; color: #001958; line-height: 25px; text-align: center; display: block;}
#sign-right span{margin: 10px 25px 10px; font-size: 18px; color: #001958; line-height: 25px; text-align: center; display: block;}
#sign-left td, #sign-right td{font-size: 22px; color: #473500; font-weight: normal;}
table.table{float: left; margin: 0 0 0 200px}
table.table td{padding-bottom: 25px;}
table.table td .input{width: 245px; color: #473500; font-size: 18px;}
table.table td .input2{width: 510px; color: #473500; font-size: 18px;}
table.table td .input3{width: 160px; color: #473500; font-size: 18px;}

/* ----------------------- Staff ----------------------- */
.staff{margin: 0 0 18px 30px; float: right; padding-top: 10px; min-height: 250px; color: #996100;}
.staff img{margin-bottom: 10px;}
.row-staff{float:right; width: 490px;}

/* ----------------------- Ajax ----------------------- */
#ajax{
	width: 270px;
	height: 129px;
	padding: 50px 0 0 25px;
	position: absolute;
	top: 364px;
	left: 461px;
	z-index: 5;
	background: url(/images/n_images/navigators/ajax.png) no-repeat top left;
}
#ajax a{display: block; color: #FFFFFF; font-size: 28px; margin-bottom: 17px;}
#ajax a:hover{text-decoration: underline;}

/* ----------------------- Footer ----------------------- */
#footer{width: 923px; margin: 20px 0 0 0; float: left;color: #000; font-size:11px; text-align: center; line-height: normal;}
#footer a{color: #000; font-size:11px; text-align: center; line-height: normal;}
#footer a:hover{color: #ccc; text-decoration: none;}
#ecfa{height: 85px; width: 270px; float: right;}
#ecfa2{height: 85px; width: 270px; float: left; margin: 50px 0 0 50px;}
#ecfa2 a{color: #000; font-size:11px; text-align: center; line-height: normal;}
#ecfa2 a:hover{color: #ccc; text-decoration: none;}
#footer img{margin-bottom: 10px;}
#buttons{width: 510px; float: right; margin-top: 75px;color: #000; font-size:11px; text-align: center; line-height: normal;}
#buttons2{width: 510px; float: right; color: #000; font-size:11px; text-align: center; line-height: normal; margin-right: 200px;}

/* ----------------------- Videos ----------------------- */
#blanket_overlay {
  background-color: #000000;
  opacity: 0.65;
  filter: alpha(opacity = 65);
  position: absolute;
  z-index: 99;
  top: 0px;
  left: 0px;
  display:none;
}

#flash_wrapper {
  position:absolute;
  display:none;
  z-index: 100;
}

#navigators_0 {
  position:absolute;
  margin:0px;
  padding: 0px;
  display:block;
}

/* ----------------------- Clearfix ----------------------- */ 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Hide from IE-mac */