@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700);

html, body { /* declare the viewport size */
	height: 100%;
	width: 100%
}

body {
	color: #333;
	font-size: 1em;
	font-weight: 400;
	font-family:'Open Sans', Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #f9f9f9;
	margin: 0;
	padding: 0;
}
#page_wrap{margin: 0;}

.left{
	float: left;
}
.right{
	float: right;
}
/***** html page elements *******/

pre {
	font-size: 1em;
}
strong, b {
	font-weight: 700 !important;
}
blockquote {
	font-size: 1em;
}

h1 {
	font-family: 'Libre Baskerville', serif;
	font-size: 2em;
	line-height: 2.5rem;
}

h2 {
}

h3 {
	line-height: 1.35em;
	margin-top: .75em;

}

h4 {
}

h5 {
}

h6 {
}

ol {
}

ul {
	/*list-style-position: inside*/
}

a {
	color: #336699;
	font-size: 1em;
	text-decoration: underline;
	line-height: 1.65em;
}

a:visited {
	color: #336699;
}

a:hover {
	color: #333333;
	text-decoration: none
}

a:active {
	color: #003366;
	text-decoration: none
}

table {
	border: 0;
}

tr {
	border: 0;
}

td {
	padding: 8px;
	border: 0;
}
.clearfloat {
	margin: 0px;
	padding: 0px;
	clear: both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/******************* page items **********************/
#page_wrap {
	margin: auto;
	position: relative;
	text-align: left;
	max-width: 1024px;
	width: 100%;
	background-color: #ffffff;
	-webkit-box-shadow: 0 0 30px 5px #727274;
	box-shadow: 0 0 30px 5px #727274;
}

#main-content {
	clear: both;
	padding: 15px 0px;
	text-align: left;
	line-height: 1.55em;
}
#main-content h1 {
	margin-top: 1rem;
	line-height: 2.75rem;
}
#main-content p {
	margin-top: 1rem;
}
#main-content ul{
	list-style-type: disc;
	position: relative;
	left: 1rem;
}

#main-content ul li{
	margin: 0px;
	display: list-item;
	list-style-position: outside;
}

#main-content p img {
	display: block;
	box-shadow: rgb(85, 85, 85) -2px 3px 2px;
	margin-bottom: 1em !important;
}

p#todays-date {
	margin: 10px 5px -25px 10px;
	color: #424242
}
#secondary_content_area {
	clear: none;
	width: 600px;
	text-align: left;
	position: absolute;
	top: 230px;
	left: 0px;
}
section#main-section{
	width: 100%;
	border-top: solid 1px #003366;
	padding: 1rem 0 0 0;
}

/**************  Header ****************/
header {
	background-image: url(../img/keyboard.jpg);
	background-repeat: no-repeat;
	background-size: inherit;
	background-position: 35% 65%;
	text-align: left;
	width: 100%;
	min-height: 124px;
	padding-top: 0px;
	overflow: hidden;
}
header .site_logo {
	display: inline-block;
	min-height: 124px;
	height: inherit;
	width: auto;
	max-width: 600px;
	background-color: rgba(38, 76, 138, 0.95);
}
header .site_logo a {
	display: block;
	height: inherit;
	text-decoration: none;
	padding: 1.75rem 3em 1.75rem 1.25rem;
}
header .site_logo a span{
	padding: 0.5em 1em 0.5em 10px;
	display: inline-block;
}
header h1.title_heading {
	font-size: 2.5em;
	color: #fff;
	line-height: 1.25;
}
header .site_logo a img {
	vertical-align: middle;
	max-height: 150px;
	height: auto;
	max-width: 500px;
}

/***********************  navigation *************************/

nav {
	display: block;
	text-align: left;
	margin: 10px 1.35rem 0px 1.35rem;
	/*max-width: 950px;*/
	z-index: 1111;
	padding: 0 0 0 0;
}

/******* main nav ********/
ul#main_navigation, #main_navigation ul {
	max-width: 950px;
	padding:0;
	color: #333;
	font-size: 0;
	margin: 0 0 0 0;
	list-style: none;
	list-style-position: inside;
}

#main_navigation li {
	padding: 0;
	display: inline-block;
	margin: 0;
	border-right: 1px solid #003366;
	font-size: 0;
}
#main_navigation>li {
	margin: 1px 0 0px 0;
}
#main_navigation li a {
	display: block;
	color: #003366;
	font-size: 12px;
	text-decoration: none;
	width: auto;
	/*border-right: 1px solid #003366;*/
	min-height: 15px;
	padding: 7px 9px;
	margin: 0 0;
}
#main_navigation li ul{
	display: none
}
#main_navigation li:last-child a, #main_navigation li ul li:last-child a{
	border: none;
}
html>body #main_navigation li a {
	width: auto;
}
#main_navigation li:first-child, #main_navigation li ul li:first-child{

}
#main_navigation li ul { /* second-level lists */
	width: 143px;
	background-color: #003366;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	margin-left: -1px;
}
#main_navigation li ul li a {
	color: #FFFFFF;
}

#main_navigation li ul li {
	float: none;
	display: inline;
}
#main_navigation li ul ul { /* third-and-above-level lists */
	margin: 12px 0 0 140px;
}
#main_navigation li a:hover {
	color: #003366;
	border-bottom: 7px solid #003366;
	padding-bottom: 0px;
}
#main_navigation li ul li a:hover {
	color: #000000;
	background-color: #6699cc;
	border-bottom: 7px solid #000000;
}

/******** Mobile Nav ***************/
#menu-icon, .mobile-menu-button {
	display: none;
	width: 40px;
	height: 40px;
	background: #003366 url(../img/menu-icon.png) center;
	background-repeat: no-repeat;
	position: relative;
	bottom:3.5px;
	border-radius: 5px;

}

ul#mobile_nav {
	display: none;
	width: 100%;
	padding: 0 0%;
	margin: 0 0 .5rem 0;
	border: 1px solid transparent;
}

ul#mobile_nav>li{
	list-style: none;
	padding: 0;
	color: #FFF;
	border-top: 1px solid transparent;
}
ul#mobile_nav li>a, ul#mobile_nav li>span.title{
	color: #FFF;
	font-size: 1.5em;
	font-weight: lighter;
	display: inline-block;
	background-color: #003366;
	background-color: rgba(0, 51, 102, 0.95);
	line-height: 1.65rem;
	width: 94%;
	padding: 1rem 3% .75rem 3%;
	text-decoration: none;
}
ul#mobile_nav li>a:hover {
	font-weight: normal;
}
ul#mobile_nav li ul{
	padding: 0 0;
}
ul#mobile_nav li ul li{
	list-style: none;
	font-size: 1.125em;
	padding: 0;
}
ul#mobile_nav li ul li a{
	font-size: 1.25em;
	background-color: rgba(31, 31, 31, 0.9);
	width: 95%;
	padding: 1rem 0 .5rem 5%;
	border-top: 1px solid rgba(255, 255, 255, 0.66);
}
ul#mobile_nav li ul li a:last-child {
	padding: 1rem 0 1rem 5%;
}
.has-dropdown>span>i.fa{
	font-weight: lighter;
	font-size: .75em;
	padding-left: 5px;
}
.has-dropdown i:before {
	content: "\f054";
}
.has-dropdown.expanded i:before {
	content: "\f078";
}


/******* social navigation ********/

ul.social-navigation, .social-navigation ul {
	padding: 0px 0px 0px 15px;
	float: right;
	margin: 0px 0px 0px 1px;
	list-style: none;
	list-style-position: outside;
	height: 30px;

}
.social-navigation li {
	margin: 0 0;
	padding:0 0;
	float: left;
	/*position: relative;
    top: 0px;*/
}

.social-navigation li a {
	color: #003366;
	display: block;
	padding: 0 0 0 1rem;
	text-decoration: none;
	font-size: 1.5em;
}

.social-navigation li a:hover {
	color: #6699cc;
}
.social-navigation li a i.fa-svg:before {
	background-color: #003366;
	height: 27px;
}
.social-navigation li a:hover i.fa-svg:before {
	background-color: #6699cc;
}

/******* icon nav *******/
ul.icon-navigation {
	list-style: none;
	margin: 0px 30px;
	padding: 15px 0px 30px 0px;
}
@font-face {
	font-family: 'icons';
	src:url('assets/css/foundationicons/foundation-icons.eot');
	src:url('assets/css/foundationicons/foundation-icons.eot?#iefix') format('embedded-opentype'),
	url('/assets/css/foundationicons/foundation-icons.woff') format('woff'),
	url('assets/css/foundationicons/foundation-icons.ttf') format('truetype'),
	url('assets/css/foundationicons/foundation-icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon-torso, .icon-envelope-alt, .icon-calender-alt, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-yelp, .icon-linkedin{
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 1.125em;
	vertical-align: 1px;
}
.icon-torso:before {
	content: "\f1fe";
}
.icon-calender-alt:before {
	content: "\f124";
}
.icon-envelope-alt:before {
	content: "\f0e0";
}
.icon-facebook:before {
	content: "\f1c4";
}
.icon-twitter:before {
	content: "\f1e4";
}
.icon-googleplus:before{
	content: "\f1ca";
}
.icon-yelp:before{
	content: "\f1e9";
}
.icon-linkedin:before{
	content: "\f1d0";
}

.icon-navigation li, .icon-navigation > li:first-child, .icon-navigation > li:first-child, .icon-navigation > li:last-child{
	border: none;
	box-shadow: none;
	color: #003366;
	float: left;
}
.icon-navigation li a{
	color: #336699;
	font-size: 20px;
	padding: 0px 20px 0px 0px;
	text-decoration: none;
}
.icon-navigation li a i{
	color: #003366;
}
.icon-navigation li.social a{
	color: #ffffff;
	font-size: 20px;
}
.icon-navigation > li > a:first-child{
	display: inline;
}
.icon-navigation li:hover{
	background: none;
}
.icon-navigation li a:hover{
	color: #3c5d7e;
	text-decoration: underline;
}
@media only screen and (min-width: 0px) and (max-width: 480px) {
	.icon-torso, .icon-envelope-alt, .icon-calender-alt, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-yelp, .icon-linkedin{
		font-size: 0.9em;
	}
}

/******* short-cut row  navigation *******/

.shortcut-row{
	margin: 0px auto;
	padding: 0px 0px;
}

.shortcut-box{
	padding: 0px 0px;
	background: #000;
	float: left;
	overflow: hidden;
	box-shadow: rgb(85, 85, 85) -2px 3px 2px;
	height: 125px;
	font-size: 0;
	display: block;
}
.shortcut-box:last-child {
	margin: 0px 0px 0px 0px;
}
.shortcut-row-img{
	height: 124px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
a.shortcut-box:first-child div.shortcut-row-img{
	background-image: url("/assets/theme/origin/findwhatyouneed/images/theme_findwhatyouneed_icon_about.jpg");
}
a.shortcut-box:nth-child(2) div.shortcut-row-img{
	background-image: url("/assets/theme/origin/findwhatyouneed/images/theme_findwhatyouneed_icon_services.jpg");
}
a.shortcut-box:nth-child(3) div.shortcut-row-img{
	background-image: url("/assets/theme/origin/findwhatyouneed/images/theme_findwhatyouneed_icon_financialtools.jpg");
}
a.shortcut-box:last-child div.shortcut-row-img{
	background-image: url("/assets/theme/origin/findwhatyouneed/images/theme_findwhatyouneed_icon_contact.jpg");
}
div.shortcut-row-title{
	margin: 0px 0px;
	padding: 16px 0px;
	text-align: center;
	font-size: 1.5em;
	background: #294D88;
	background: rgba(41,77,136,.9);
	position: relative;
	top: 80px;
}
div.shortcut-row-title p {
	text-decoration: none;
	padding: 7px 0px;
	display: inline-block;
	width: 100%;
	color: #ffffff;
	font-size: 1.125rem;
}
a.shortcut-box:hover div.shortcut-row-title{
	background: rgba(41,77,136,1);
}
/************** end  navigation ****************/

/********* form styles **********/
div#contact-form form ul li, div#payment-form form ul.form-table li{
	list-style: none;
}
div#contact-form form>ul {
	padding: 5px 0 0 0px;
	left: 0rem;
}
form ul li ul li {
	display: block;
}
form ul li ul li:first-child {
	padding: 10px 0 0px 0;
	text-align: left;
	clear: left;
}
form ul li ul li:nth-child(2) {
	padding: .1em 15px 0px 0;
	clear: left;
}
.submit-button button {
	padding: 5px 14px;
	border-radius: 5px;
	margin-top: 15px;
}
div#payment-form form li.must-fill:before, div#contact-form form li.must-fill:before{
	/*font-weight: bold;
	content: "*";*/
}

form ul li ul li.yes-no-radio input[type="radio"]{
	margin: 1% 0 0 3%;
}
form ul li ul li.yes-no-radio input[type="radio"]:first-child {
	margin-left: 0;
}
form ul li ul li.flex-input input[type="radio"]{
	width: auto;
	height: 13px;
	line-height: 5.3;
}
form ul li ul li.country-radio input[type="radio"]{
	margin: 1% 1% 0 3%;
}
form ul li ul li.country-radio label:first-child input[type="radio"]{
	margin-left: 0;
}
form .flex-input textarea {
	width: 100%;
	height: 100px;
	border: solid .75px #9b9b9b;
}

/************* footer **************/

footer{
	position: relative;
	text-align: center;
	width: 80%;
	top: 0px;
	left: 0px;
	margin: 15px auto;
	padding: 10px 0 15px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #003366;
	color: #003366;
}

#footer_business{
	/*float: left;*/
	text-align: center;
	width: 770px;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	line-height: 15px;
	margin: 5px 0px 0px 20px;
	padding-left: 0px;
}

#footer_business address{

}

#footer_other {
	/* float: left;*/
	text-align: center;
	width: 770px;
	font-size: 11px;
	line-height: 15px;
	margin: 5px 0px 0px 20px;
	color: #003366;
	padding-left: 0px;
}

#footer_counter {
	text-align: center;
	/*float: left;*/
	padding:0;
	margin: 10px 0px 0px 20px;
	width: 770px;
	color: #6699CC;
	font-size: 13px;
	font-weight: bold;
}

#footer p {
	margin: 2px 0px 2px 0px;
}

#footer_anchor {
	display: none;
}

.indent {
	padding-left: 25px;
}

/* Disclaimer Popup */
#popup-container {
	margin: 20px;
	padding: 15px;
	text-align: left;
	background: white;
	border: 1px solid #ccc;
}

#popup-container h1 {
	margin: 0px 0px 10px 0;
}

/* contact info map styling */
#map {
	width: 250px;
	height: 250px;
	float: right;
	border: 1px solid #ccc;
	margin-left: 10px;
}

/******************* column elements *********************/
.one-columns, .two-columns, .three-columns, .four-columns, .five-columns, .six-columns, .seven-columns{
	margin: 0px 15px 0px 0px;
	padding: 0 0;
}
.one-columns{
	width: 11.04%; /*99.375px of 900px*/

}
.two-columns{
	width: 23.75%; /*213.75px of 900px*/
}
.three-columns{
	width: 36.45833%; /*328.125px of 900px*/
}
.four-columns{
	width: 49.1667%; /*442.5px*/
}
.five-columns{
	width: 61.875%; /*556.875px*/
}
.six-columns{
	width: 74.5833%; /*671.25px*/
}
.seven-columns{
	width: 87.29167%; /*785.625x*/
}

.eight-columns{
	width: 93.75%; /*900px of 960px*/
	margin: 0px 3.125%; /* 3.125% = 30px */
}


/***** other html page elements *******/

.cellcolor {
	background-color: #69c
}

.rev_type {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none
}

.g_nav_cellcolor {
	background-color: #69c
}

.a_type_color {
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none
}

/* override afsb common.css declarations */
#calendar, #client_area {
	margin: 0px;
	min-height: auto;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	position: relative;
}
#client_area,#calendar {
	background-image:none;
}
#client_area h2,#calendar h2{
	display: none;
}

/*  Header CTA Css     */
.header-cta-container {
	padding: 0;
	margin: 0 auto 1rem;
	display: flex;
	max-width: 1024px;
	width: 100%;
	/*background-color: rgba(23, 23, 21, 0.9);*/
	background-color: rgb(0, 0, 0);
	-webkit-box-shadow: 0 0 20px 5px  rgba(85, 85, 85, 0.9);
	box-shadow: 0 0 20px 5px  rgba(85, 85, 85, 0.9);
	position: relative;
}
.header-cta-container a{
	color: #fff;
	font-size: 0.85em;
	font-weight: 500;
	display: inline-block;
	padding: 1rem .5rem;
	text-decoration: none;
}
.header-cta-container a:hover{
	color: #888888;
}
.header-cta-container a .fa-svg:before {
	height: 20px;
	background-color: #FFF;
}
.header-cta-container a:hover .fa-svg:before {
	background-color: #888888;
}

.header-cta-container .contact-option-cta{
	vertical-align: top;
	flex: 1;
	flex-shrink: 2;
	padding-left: 1rem;
}
.header-cta-container .contact-option-cta a{

}
.header-cta-container .contact-option-cta a i{
	margin-right: 0.625rem;
}
.header-cta-container .social-links-cta{
	text-align: right;
	flex: 1;
	flex-grow: 2;
	padding-right: 1rem;
}
.header-cta-container .social-links-cta > a{
}
.header-cta-container .social-links-cta a:hover{
}
.header-cta-container .social-links-cta a i{
	margin-right: 0.35rem;
	display: inline-block;
	font-size: 20px;
}
.header-cta-container .social-links-cta a>span{
}
@media only screen and (max-width: 40.063em) {
	.header-cta-container .social-links-cta {
		display: none;
	}
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
#nl-archive-container ul {
	margin: 0.5em 2rem 0.5em 0;
}
.nl-archive-itemdate {
	font-size: 80%;
	float: right;
	margin: -1.75em 0 0 0;
	color: #808080;
}
