/* Include nav menu styles */
@import url("/-/casls/roadmap/resources/css/nav.css");

/* Include slideshow styles */
@import url("/-/casls/roadmap/resources/css/slideshow.css");

@font-face {
	font-family: Aller;
	src: url("/-/casls/roadmap/resources/fonts/Aller_Rg.ttf");
}

@font-face {
	font-family: Aller;
	font-weight: bold;
	src: url("/-/casls/roadmap/resources/fonts/Aller.ttf");
}

@font-face {
	font-family: Aller;
	font-style: italic;
	src: url("/-/casls/roadmap/resources/fonts/Aller_It.ttf");
}

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font: 13px/16px Cambria, Georgia, "Times New Roman", serif;
}

.centered {
	width: 940px;
	margin: 0px auto 0px auto !important;
	position: relative;
}

#container {
	position: relative;
	min-height: 100%;
}

#langTop {
	position: absolute;
	left: 0px;
	overflow: visible;
	z-index: 1000;
	width: 100%;
}

#langSelect {
	background-color: #0e436b;
	border: 1px solid #86a1b5;
	border-top: none;
	min-width: 90px;
	float: right;
	margin: 0px 5px 0px 0px;
	padding: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	color: #ffffff;
	font: 12px/15px Aller, "Lucidica Sans Unicode", "Helvetica Neue", helvetica, arial, sans-serif;
	text-decoration: none;
}

#langSelect a {
	color: #ffffff;
	text-decoration: none;
}

#langSelect img {
	position: relative;
	top: 2px;
	border: none;
}

#langSelect ul {
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	list-style-type: none;
}

#langSelect li {
	margin: 3px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	border-top: 1px solid #86a1b5;
}

#langSelect li:hover {
	background: url("/-/casls/roadmap/resources/images/langArrow.gif") no-repeat top right;
}

#header {
	padding: 10px 0px 5px 0px;
}

#header a img {
	float: left;
	border: none;
}

#header #search {
	width: 230px;
	height: 25px;
	margin: 75px 0px 0px 10px;
	/* background-color: red; */
	float: left;
}

#header #search input[type=text] {
	width: 200px;
	height: 15px;
	border: none;
	margin: 0px;
	padding: 5px;
	background: url("/-/casls/roadmap/resources/images/header/search.png") top left;
	display: block;
	float: left;
	font: 13px/25px "Lucidica Sans Unicode", "Helvetica Neue", helvetica, arial, sans-serif;
	color: #585858;
}

#header #search input[type=submit] {
	display: block;
	float: left;
	font-weight: 0;
	width: 20px;
	height: 25px;
	border: none;
	background-color: #0e436b;
	margin: 0px;
	padding: 0px;
	background: url("/-/casls/roadmap/resources/images/header/search.png") top right;
	color: #ffffff;
}

#header #search input[type=submit]:hover {
	background-position: bottom right;
	cursor: pointer;
}

a.readMore {
	display: inline !important;
	height: auto !important;
	width: auto !important;
	padding: 2px;
}

a.readMore:link, a.readMore:visited {
	font: bold 13px/15px "Helvetica Neue", helvetica, arial, sans-serif;
	color: #0e436b;
	padding-right: 10px;
	background: transparent url("/-/casls/roadmap/resources/images/readMore.png") no-repeat top right;
	text-decoration: none;
}

a.readMore:hover, a.readMore:active {
	font: "Helvetica Neue", helvetica, arial, sans-serif;
	color: #ffffff;
	background-color: #0e436b;
	background-position: bottom right;
}

a.cLink:link, a.cLink:visited {
	text-decoration: none;
	color: #ea7927;
	border-bottom: 1px dotted #ea7927;
}

a.cLink:hover, a.cLink:active {
	border: none;
	background-color: #ea7927;
	color: #ffffff;
}

.clear {
	height: 1px;
	float: none;
	clear: both;
}

h1 {
	line-height: 0px;
	height: 0px;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}

h2 {
	font: 24px/28px Aller, "Lucidica Sans Unicode", "Helvetica Neue", helvetica, arial, sans-serif;
	color: #0e436b;
	margin: 0px;
	padding: 0px;
}

h3 {
	font: 18px/20px Aller, "Lucidica Sans Unicode", "Helvetica Neue", helvetica, arial, sans-serif;
	color: #faab57;
	margin: 0px;
	padding: 0px;
}

h5 {
	font: 18px/20px Aller, "Lucidica Sans Unicode", "Helvetica Neue", helvetica, arial, sans-serif;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

#preFooter {
	height: 15px;
	width: 100%;
	padding-bottom: 250px;
}

#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 250px;   /* Height of the footer */
	background-color: #4a7290;
	/* background-color: #0E436B; */
	border-top: 1px solid #fbc081;
	color: #d2dce3;
}

#footer p {
	margin: 0px;
	padding: 3px 0px 3px 0px;
}

a.fLink:link, a.fLink:visited {
	color: #faab57;
	text-decoration: none;
	border-bottom: 1px dotted #faab57;
}

a.fLink:hover, a.fLink:active {
	color: #ffffff;
	background-color: #0e436b;
	text-decoration: none;
	border-bottom: none;
}

#footer div.funding {
	width: 450px;
	padding: 10px;
	float: left;
}

#footer div.faq, #footer div.links{
	width: 215px;
	padding: 10px;
	float: left;
}

#footer hr {
	float: none;
	clear: both;
	height: 1px;
	color: #65879a;
	border: none;
	border-bottom: 1px solid #65879a;
	width: 920px;
}

#footer #logos a img {
	border: none;
	float: left;
}

#footer #logos a img:hover {
	opacity: .75;
}

#footer #logos span {
	float: left;
	padding: 0px 0px 0px 5px;
	font: 12px/70px Aller, "Lucidica Sans Unicode", "Helvetica Neue", helvetica, arial, sans-serif;
}

div.floatLeftScaled {
	float: left;
	width: 180px;
	border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
}
div.floatRightScaled {
	float: right;
	width: 180px;
	border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
}
p.caption {
	border-top: thin silver solid;
	padding-top: 15px !important;
	text-align: center !important;
	font-style: italic;
	font-weight: bold;
	font-size: smaller;
	text-indent: 0;
}
div.floatRightScaled img, div.floatLeftScaled img
{
	position: relative;
	border: 0;
	width: 100%;
	height: auto;
}