/* LAYOUT */

body {

font: 95% "Arial", "Helvetica", sans-serif;
background:#a5d4ec url("/includes/styles/img/bg.gif") repeat-x;
}


#pre-page-container {
	height:5px;
	background:#2F6CAF;
	width:100%;
	z-index:1000;
	position:absolute;
	left:0px;
}

.page-container {
	width:950px;
	margin: 0 auto;
}


#header {
	padding: 0;
	margin:0;
/*	height: 170px; */
	position:relative;
}

#header.main {
	height:250px;
}

/* logo */
#logo {
	float:left;
	background:url("/includes/styles/img/afs-logo.png");
	text-indent:-9999px;
	width: 280px;
	height: 150px;
	margin-top:20px;
}

#logo a {
	float:left;
	width:280px;
	height:150px;
}

h1 {
	font-size:3em;
	color:#000;
	letter-spacing:-.02em;
	position:relative;
	top:-15px;
}

strong {
	font-size:1.7em;
	color:#9a9994;
	letter-spacing:-.05em;
	position:relative;
	top:-10px;
}


.subtitle {
	font-size:1.4em;
	line-height:1.2em;
	font-family:Georgia;
	color:#777;
	margin-bottom:20px;
}

h2 {
	font-size:1.8em;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
}

h3 {
	font-size:1.6em;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}

h4 {
	margin-bottom:5px;
	font-weight:bold;
}

p {
	margin:0 0 15px 0;
	line-height:1.5em;
}

ul {
	margin-left:40px;
}

ol {
	margin-left:40px;
}

ol li {
	list-style-type: decimal;
}

li {
	list-style-type:square;
	margin: 0px;
}

sup {
	font-size:30%;
	position: relative;
	bottom:29px;
	right:15px;
}

.check {
	list-style-image:url('/includes/styles/img/check.png');
}

.resource {
	background:#FFFFD2 url('/includes/styles/img/book.png') 2% 50% no-repeat;
	padding:10px 10px 10px 55px;
}

/**** Links ****/

a, a:visited {
	text-decoration:none;
	color:#0060a9;
}

a:hover {
	text-decoration:underline;
}


/* for images */


.photo {
border:1px solid #cecdc3;
background:#fff;
margin:0 0 10px 10px;
padding:4px;
float:right;
}

.photo-l {
border:1px solid #cecdc3;
background:#fff;
padding:4px;
float:left;
margin:0 10px 10px 0;
}

.photo-r {
border:1px solid #cecdc3;
background:#fff;
padding:4px;
float:right;
margin:0 0 10px 10px;
}

.photo p, .photo-l p, .photo-r p {
padding:0;
color:#777;
font-style:italic;
font-size:80%;
padding-top:4px;
margin:0;
}


.left {
	float:left;
	margin:0 10px 10px 0;
}

.right {
	float:right;
	padding:0 0 10px 10px;
}


#navigation {
	margin:0 auto;
	text-align:center;
	padding:20px 0 0 0;
	position:relative;
	top:10px;
}

#navigation ul {
	margin:0;
	padding:0;
}

#navigation li {
	padding: 15px 0;
	display: inline;
}

#navigation a:hover {
	background:#2f6caf;
	color:#fff;
}

#navigation a.selected:hover {
	background:#fff;
	color:#000;
}

#navigation li a {
	font-family:Verdana,Helvetica;
	text-transform: uppercase;
	font-style:italic;
	font-weight:bold;
	color:#222;
	display: inline;
	text-decoration: none;
	font-size:.8em;
	padding: 16px;
	margin: 0px 30px 0 0;
}

#navigation li:last-child a {
	margin:0px;
}

#navigation a.selected {
	background:#fff;
	padding:16px 16px 25px 16px;
}

/* home page is different */
#navigation a.home {
	padding:16px;
}

#frontrow {
	padding: 20px 0 0 0;
	width:620px;
	float:left;
}

#frontrow-text {
	text-align:center;
}


#frontrow-text p {
	line-height:1.4em;
	font-size:1.3em;
	margin-top:5px;
	margin-bottom:0;
	
}

.frontrow-link {
	font-weight:bold;
	font-size:1.2em;
	line-height:2em;
}

#aboutusbox-wrapper {
	width:302px;
	float:right;
	background:#E3F9FC;
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F9F9), to(#E3F9FC));
	border:1px solid #fff;
	margin-bottom:20px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;	
}

#aboutusbox {
	padding:15px;
	text-align:center;
}
#aboutusbox div {
	padding-top:5px;
	width:280px;
}

#content-wrap-top {
	background:url("/includes/styles/img/content-bg-top.png") no-repeat;
	height:2px;
	width:950px;
	margin-top:30px;
}

#content-wrap-bottom {
	background:url("/includes/styles/img/content-bg-bottom.png") no-repeat;
	height:2px;
	width:950px;
}

#content-wrap {
	width:100%;
	background:#fff;
	margin-top:25px;
}

#theContent {
	width:950px;
	margin:10px auto;
	padding-top:45px;
}

#theContent.main {
	padding-top:10px;
}

#icon-left {
	float:left;
	width:256px;
}

#content-right {
	float:left;
	width:634px;
	margin-left:60px;
}

#content-right.fullwidth {
	width:100%;
	margin-left:0;
}


#m-column1 {
width:288px;
margin-right:13px;
padding:10px;
float:left;
}

#m-column2 {
width:288px;
margin-right:13px;
padding:10px;
float:left;
}

#columnA-wrapper {
width:620px;
float:left;
}

#columnA {
padding:10px 20px;
}

#columnB {
width:290px;
padding:10px;
float:right;
}


#footer {
	width:950px;
	margin:15px auto 0 auto;
}

#footer-text {
	color:#444;
	margin:0 auto;
	font-size:.8em;
}

#footer-text a, #footer-text a:visited {
	padding-right:15px;
	font-size:1.4em;
	text-decoration: underline;
}

#footer_container h2{
	color:#fff;
	font-size:20px;
	margin: 5px 0px;
}

#footer_container li{
	list-style: none;
	padding-bottom: 3px;
}

#footer_communities {
    float: left;
    width: 50%;
    display: block;
	font-size: 12px;
}

#footer_communities ul{
	list-style: none;
	margin: 0;
	padding-right: 15px;
	display:block;
	float: left;
}

#footer_contact{
	float: left;
	width: 20%;
	font-size: 12px;
	text-align: left;
}

#footer_contact ul {
	list-style: none;
	margin: 0;
	display:block;
}

#footer_bluePay{
    float: left;
    width: 30%;
    display: block;
	font-size: 12px;
}

#footer_bluePay img{width:135px; height: 25px;}

.copyInFooter {
	line-height:1.6em;
	color:#333;
	font-size:1.7em;
	font-weight:bold;
}

/* Main page product list */

#product-list {
	margin:0;
	padding:0;
}

#product-list li {
	margin:0 0 10px 0;
	padding:0;
	background:#EDEDF4;
	border:1px solid #EDEDF4;
	list-style-type:none;

}

#product-list li a {
	text-decoration:none;
	color:#000;
}

#product-list li a .product-list-wrapper {
	padding:10px;
}

#product-list li:hover {
	background:#fff;
	border:1px solid #000;
}

.product-list-icon {
	background:black;
	float:left;
	width:50px;
	height:50px;
}

.product-list-text {
	float:left;
	width:200px;
	margin-left:10px;
	font-size:0.8em;
}

#product-list h4 {
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
	font-size:1em;
}



/* Product list in left column */
#product-leftcol {
	float:left;
	width:340px;
}

#product-pick-intro {
	background:url("/includes/styles/img/products-and-services.png") no-repeat;
	width:355px;
	height:45px;
	margin:0 0 10px 0;
	text-indent:-9999px;
}

#product-pick-close {
	background:url("/includes/styles/img/products-and-services.png") no-repeat 0 -49px;
	width:355px;
	height:21px;
	margin:0 0 20px 0;
	text-indent:-9999px;
}

#product-pick {
	margin:0;
	padding:0;
}

#product-pick li {
	margin:0 0 10px 0;
	padding:10px;
	background:#dff2fd;
	border:1px solid #a5ddfb;
	list-style-type:none;
	width:333px;
	overflow:hidden;
	cursor:pointer;
}

#product-pick li.mainpage {
	width:95%;
}

#product-pick li a {
	text-decoration:none;
	color:#000;
	font-size:86%;
	cursor:pointer;
}

#product-pick li a.realLink {
	text-decoration:none;
	color:#0060a9;
}

#product-pick li a.realLink:hover {
	text-decoration:underline;
}

#product-pick li:hover {
	background:#effafe;
	border:1px solid #a5ddfb;
}

#product-pick li.current {
	background:#2f6caf url("/includes/styles/img/product-pick-corner.gif") no-repeat right center;
	border: 0;
	color:#fff;
	width:340px;
}

#product-pick li.current a {
	color:#fff;
}


#product-pick li.current:hover {
	border:0;
}

#product-pick h4 {
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
}

.product-pick-icon {
	background:black;
	float:left;
	width:80px;
	height:80px;
}

.product-pick-text {
	float:left;
	width:215px;
	margin:0 0 0 15px;
	line-height:1.3em;
}

/*.product-pick-text {
	float:left;
	width:215px;
	margin-left:15px;
}*/

.product-pick-text-mainpage {
	float:left;
	width:420px;
	margin-left:15px;
}

#product-rightcol {
	float:left;
	width:550px;
	margin-left:60px;
}


/* Tab styles */

#s-nav {
	border-bottom:1px solid #918c6e;
	padding-bottom:10px;
	margin:50px 0 20px 0;
}

#s-nav li {
	display: inline;
}

#s-nav a {
	text-decoration:none;
	padding:10px;
	margin:0 5px;
	text-align:center;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	outline:none;
	color:#918c6e;
}

#s-nav .active {
	border-top:1px solid #918c6e;
	border-bottom:1px solid #fff;
	border-left:1px solid #918c6e;
	border-right:1px solid #918c6e;
	color:#33301d;
}




#s-vert-nav {
	border-right:1px solid #918c6e;
	display:table;
	float:left;
	margin:0 0 100px 0;
	width:250px;
}

#s-vert-nav li {
	list-style-type:none;
}

#s-vert-nav a {
	text-decoration:none;
	padding:10px;
	margin:5px 0;
	text-align:center;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #918c6e;
	outline:none;
	color:#918c6e;
	width:230px;
	float:right;
	margin-right:-1px; /* for firefox on mac bug */
}

#s-vert-nav .active {
	border-top:1px solid #918c6e;
	border-right:1px solid #eaf3ff;
	border-bottom:1px solid #918c6e;
	border-left:1px solid #918c6e;
	color:#33301d;
	margin-right:-1px;  /* for firefox on mac bug */
	background:#ebf3fb;
}


#s-vert-content {
	float:left;
	width:650px;
	border-top:1px solid #918c6e;
	background:#fff;
	text-align:center;
}

.s-vert-content-insert {
	padding:20px;
	height:530px;
}

.s-vert-content-insert h4 {
	font-weight:bold;
	font-size:1.3em;
	line-height:1.2em;
	margin-top:20px;
}

.s-vert-content-insert p {
	font-style:italic;
	line-height:1.5em;
	color:#666;
	font-family:Georgia,serif;
}



/* Contact page special styles */
h3.c {
font-size:1.5em;
line-height: 1.5em;
margin-top:0;
margin-bottom:3px;
padding-top:15px;
font-weight: bold;
}

p.c {
line-height:1.2em;
font-size: 1.1em;
float:left;
}

b.secondary {
	color:#777;
	font-weight:normal;
	font-style:italic;
}

.contact-cell {
	float:left;
	width:317px;
	margin-bottom:10px;

}

.contact-cell img {
	float:left;
}

contact-cell-text {
	float:left;
	vertical-align:middle;
}

/* that table */
#one-column-emphasis
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-weight: bold;
	text-align:center;
	padding: 12px 15px;
	color: #222;
	width:20%;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	border-top: 1px solid #bbb;
	text-align:center;
	vertical-align:middle;
}
.oce-first
{
	background: #e2f4fd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
.oce-icynene
{
	background: #FFFFD2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #2f6caf;
	background: #e2f4fd;
}

.tableYes {
	color:#6cc84e;
	font-size:80%;
	font-weight:bold;
	position:relative;
	top:-2px;
}

.tableNo {
	color:#d12424;
	font-size:80%;
	font-weight:bold;
	position:relative;
	top:-2px;
}

.tableNote {
	 color:#666;
	 font-size:70%;
}


.breadcrumb-wrap {
	font-size:90%;
	color:#777;
	margin-bottom:25px;
}

.breadcrumb {
	background:#eee;
	padding:10px;
	display:inline;
}


/* drawer on top */
#columnB h3 a:hover {text-decoration:none;}	
.show {display:block;}
.hide {display:none;}
#quoteFloatFullWidth{
	width:100%;
	height:5px;
	background:#2F6CAF;
	margin:0 auto;
	position:fixed;
	top:0;
	z-index:3;
}
#quoteFloatBar{
	height:5px;
	width:100%;
	background:#2F6CAF;
	z-index:3;
}
#quoteFloatContentWrapper{
	background:#2F6CAF;
	padding:30px 0;
	display:none;
}
#quoteFloatContent{
	background:#2F6CAF;
	width:950px;
	margin:0 auto;
	color:#fff;
}
#quoteFloatWrapper{
	width:950px;
	height:5px;
	margin:0 auto;
	z-index:3;
}
#quoteFloat {
	position: relative;
	float:right;
	top:0;
	right:0;
	background:#2F6CAF;
	z-index:4;
	padding:20px 20px 0 20px;
}

#quoteFloat:hover{
	cursor:pointer;
}

#contactForm input {
	height:25px;
	padding:0 0 0 5px;
	line-height:25px;
	margin-right:20px;
	float:left;
}

.contactLabel {
	float:left;
	font-size:125%;
	margin:3px 8px 0 0;
	color:#a5ddfb;
}

#contactForm textarea {
	width:100%;
	padding:5px;
}
#contactForm label.error {
float:none;
	color: #FFFFD2;
	padding-left: .5em;
	font-size:90%;
	clear:both;
	font-weight:bold;
	}
#recaptcha_response_field {
	top:15px;
	left:0;
	font-size:90%;
}

input.idleField {color: #999; }
input.focused {color: #000; }

#formError{
float:right;
font-style:italic;
color:#FFFFD2;
font-size:90%;
width:450px;
}

.closeImage {
   position:relative;
   top:4px;
}



ition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}


/*
	AnythingSlider v1.5.10+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	display: block;
	width: 700px;
	height: 390px;
	margin: 0 auto;
	overflow: hidden; /* needed for Opera and Safari */
}

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
	background: #777;
	color: #000;
}
div.anythingSlider .start-stop {display:none}

/* Active State */
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {
	background-color: #7C9127;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	position: relative;
	padding: 0 0 28px 0;
}
/* anythingSlider base */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 120px;
	margin: -60px 0 0 0; /* half height of image */
	width: 45px;
	text-align: center;
	outline: 0;
	background: url(../images/arrows-default.png) no-repeat;
}
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: -88px -240px; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
div.anythingSlider .back.disabled { display: none; }

/* Navigation Links */
div.anythingSlider .anythingControls { display: none; }
div.anythingSlider .thumbNav { margin: 0 auto; padding: 0}
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
	display: inline-block;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}



div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .thumbNav a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}
/*
	AnythingSlider v1.5.10 Minimalist Round Theme
	By Rob Garrison
*/

/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider-minimalist-round .thumbNav a {
	background: #333;
}
div.anythingSlider-minimalist-round .thumbNav a:hover, div.anythingSlider-minimalist-round .thumbNav a.cur {
	background: #777;
}

/* Active State */
div.anythingSlider-minimalist-round.activeSlider .thumbNav a {
	background-color: #B1DAEE;
}
div.anythingSlider-minimalist-round.activeSlider .thumbNav a:hover, div.anythingSlider-minimalist-round.activeSlider .thumbNav a.cur {
	background: #2F6CAF;
}

/* Navigation Arrows */
div.anythingSlider-minimalist-round .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider-minimalist-round .arrow a {
	display: block;
	height: 40px;
	margin-top: -20px; /* half height of image */
	width: 30px;
	text-align: center;
	outline: 0;
	background: url(../images/arrows-minimalist.png) no-repeat;
}
div.anythingSlider-minimalist-round .forward { right: 0; }
div.anythingSlider-minimalist-round .back { left: 0; }
div.anythingSlider-minimalist-round .forward a { background-position: right bottom; }
div.anythingSlider-minimalist-round .back a { background-position: left bottom; }
div.anythingSlider-minimalist-round .forward a:hover, div.anythingSlider-minimalist-round .forward a.hover { background-position: right top; }
div.anythingSlider-minimalist-round .back a:hover, div.anythingSlider-minimalist-round .back a.hover { background-position: left top; }

/* Navigation Links */
div.anythingSlider-minimalist-round .anythingControls {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 100;
	opacity: 0.90;
	filter: alpha(opacity=90);
}
div.anythingSlider-minimalist-round .thumbNav {
	margin: 0 auto;
	width:272px;
	text-align:center;
	z-index: 100;
}
div.anythingSlider-minimalist-round .thumbNav li {
	display: inline;
}
div.anythingSlider-minimalist-round .thumbNav a {
	height: 10px;
	width: 10px;
	margin: 3px;
	padding: 0;
	outline: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider-minimalist-round.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider-minimalist-round.rtl .thumbNav { float: left; }    /* move nav link group to left */
/* div.anythingSlider-minimalist-round.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */


/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
div.anythingSlider-minimalist-round .arrow a span, div.anythingSlider-minimalist-round .thumbNav a span, div.anythingSlider-minimalist-round .start-stop span {
	display: block;
	line-height: 1px; /* needed for IE7 */
	text-indent: -9999px;
}
/* CLASSES */

.clr {
	clear:both;
}

.icon {
float:left;
margin-right:10px;
margin-bottom:10px;
}

.pdf {
	background:url("img/pdf.png") left no-repeat;
	padding-left:20px;
}