@import url('adapt.css');

body, body.webprogram {
	background-color: #98d1d4;
    color: #124747;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.42857143;
    padding: 0;
    margin: 0;
	}
	
body.webprogram .content a, 
body.webprogram .content a:link, 
body.webprogram .content a:active, 
body.webprogram .content a:focus, 
body.webprogram .content a:hover, 
body.webprogram .content a:visited {
	color: #008C99;
	}
	a:hover {
		text-decoration: underline;
		}
	

.logo img {
	font-size: 1em;
}

.banner {
	margin: 0;
}
.wrap {
    max-width: 1016px;
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
	}

@media (max-width: 980px) {
		.wrap {
	    background-color: #FFFFFF;
	    max-width: 1712px;
	    width: 90%;
	    margin-left: auto;
	    margin-right: auto;
	}
}
	
.innerwrap{
	background: url("../images/top_fold.png") repeat-x scroll 0 80px #FFFFFF;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	}

html#range_0 .banner {
	background-color: #C0B390;
	}
	html#range_0 .banner h1 div.bannertitle {
		background-color: transparent;
		}
.bannerwrapper {
	background: url("../images/top_fold.png") repeat-x scroll 0 80px transparent;
	}

	
.sidebar h4, .sidebar_priority h3, .sidebar h5, .sidebar_priority h5, .content h2 {
	background-color: #009DAA;
	}
	.sidebar_priority {
		background-color: #FFFFFF;
		}
.start .header {
	background-color: transparent;
	text-align: left;
}

		
.navigation {
	border-color:  #999999;
	}
		
.navigation li {
	border-color:  #999999;
	}
	
.navigation li a, .navigation li a:link, .navigation li a:visited, .navigation li a:active, .navigation li a:focus, .navigation li a:hover {
	color: #999999;
	}
	.navigation li a:hover {
		background-color: #009DAA;
		color: #FFFFFF;
		}
		
.main {
	background-color: #C0B390;
	height: 40px;
	margin-left: 1px !important;
	padding-right: 18px;
	}
	html#range_0 .main {
		display: none;
		}
		
.content {
	border: none;
	}
	
.footer {
	background-color: transparent;
	font-size: 12px;
	line-height: 1.6em;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	
	}
	
.footer a:link {
	color: #808080;
	text-decoration: none;
	}
	
.footer a:hover {
	text-decoration: underline;
	}
	
.footer-columns {
	margin-top: 20px;
	margin-bottom: 15px;
	}
	
.footer h2 {
	color: #808080;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
    	margin: 0;
    	}

.footer .three_columns {
	margin-top: 5px;
	}
	
.footer ul, .footer p {
	margin-top: 8px;
	}
	
.footer p {
	margin-bottom: 15px;
	}
	
.footer h2.last {
	margin-top: 15px;
	}
	
.footer_overlay {
	background-image: url('/img/imfar/webprogram/bottom_fold.png');
	background-color: #CAEAEB;
	background-position: top center;
	background-repeat: repeat-x;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	}
	
.footer_overlay_content {
	/*background-image: url('/img/imfar/webprogram/bottom_fold.png');
	background-color: transparent;
	background-position: top center;
	background-repeat: repeat-x; */
	padding: 26px 0px;
	color: #808080;
	}	

.videoSlogan {
	display: none!important;
}

.logo {
	width: 100%!important;
}

img.documentimage {
	width: 100%;
	/* display: none; */
}

/* THIS IS WHERE YOU PUT YOUR CLIENT STYLE OVERRIDES FOR COLOR, ETC. */

/* THIS STYLESHEET WILL ONLY HAVE STYLE ATTRIBUTES WITHIN IT. TO APPLY SPECIFIC STYLES TO A CLIENT, MAKE A STYLE.CSS IN THE CLIENT STYLESHEETS DIRECTORY AND ADD IN YOUR DIVS AND CLASSES. IF THERE ARE ANY QUESTIONS, CONTACT A STYLE PERSON FOR ASSISTANCE */


/****** BODY BACKGROUND GRADIENT ******/

/* body, body.webprogram { 	
	background: #ccc url('/static/img/bg-gradient.png') 50% 0 repeat-x;
} */

/****** ADDS SHADOWING TO ANY DIV YOU PUT THESE ATTRIBUTES IN ******/
	
	/*-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85);
	box-shadow: 0px 2px 10px rgba(0, 0, 51, 0.85); */
	

/****** ADDS ROUNDED CORNERS TO ALL CORNERS OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/

	/*border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/

/****** ADDS ROUNDED CORNERS TO THE BOTTOM OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/
	
	/* -moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px; */

/******* ADDS ROUNDED CORNERS TO THE TOP OF ANY DIV YOU PUT THESE ATTRIBUTES IN ******/

	/*border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px; */


/****** IF YOU WANT TO ADD A BUTTON GRADIENT TO ANY OF THE FOLLOWING HEADERS COPY THIS INTO YOUR CLIENT STLYES ******/

/*.sidebar h4, .sidebar_priority h3, .sidebar h5, .sidebar_priority h5, .content h2 {
	background:#666 url('/static/img/buttongradient.png') 50% 10% repeat-x;	
}*/



/****** IF YOU WANT TO ADD A BUTTON GRADIENT TO ANY OF THE FOLLOWING LIST ITEMS COPY THIS INTO YOUR CLIENT STLYES ******/

/*.navigation li a, .navigation li a:link, .navigation li a:visited, .navigation li a:active, .navigation li a:focus, .navigation li a:hover {
	background:#ddd url('/static/img/buttongradient.png') 50% 50% repeat-x;
}*/