@charset "utf-8";
/* CSS Document */
/*------------------------ Global styles -------------------------*/
/*limited reset*/
html, body, div, section, article, aside, header, hgroup, nav, p, h1, h2, h3, h4, h5, h6, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 5px;
	vertical-align: baseline;
	color: #FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*---------------------------- html5 display rule --------------------------*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
html {
	background-color: #b3d4fb;
	background-attachment:fixed;	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	background-position: center;
}
html, body {
	height: 100%;
}
body {
	font:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.5;
	font-weight: bold;
	font-style: normal;
	text-align: center;	
}

/*------------------------ Global classes ---------------------*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.more {
	display: block;
}
/*----------------------- layout styles ----------------------*/ 
body {
	position: relative;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
footer {
	clear: both;
}

/*--------------------------- info section styles ----------------------*/

section.info {
	width: 318px;
	margin: 0px 0px 0 0;
	float: left;
	/*--This is the radius around the windows that drop down --*/
	border-radius: 0px;	
	padding-top: 7px;
	padding-bottom: 7px;

}
section.info h2 {
	color: white;
	background: #003399; /*--- Background color for images titles (Englis, Visually Imapaired and Espanol) ---*/
	line-height: 45px;
	padding-left: 0em;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bolder;
	/* --This is the radius around the headers, in this case the blue color --*/
	border-radius: 0px;
	text-align: center;
}
section.info img {tr
	alignment-adjust: middle;
	display: block;
	margin: 0 auto 2em;
	/* --- This the radius around the images  --*/
	border-radius: 0px;

}
section.info p, section.info ul {
	margin: 0 1.2em 1em;
	list-style: none;
}
/*----------------------------- collapsible  containers ---------------------*/

section.condense {
	max-height: 358px;
	overflow:hidden;
	position:relative;
	text-align:center;
	-webkit-transition: max-height 0.75s ease 0s;
	-moz-transition: max-height 0.75s ease 0s;
	-ms-transition: max-height 0.75s ease 0s;
	-o-transition: max-height 0.75s ease 0s;
	transition: max-height 0.75s ease 0s;
}
section.condense:hover {
	max-height: 575px;
	box-shadow: 0;
}
/*--------------------- specific container styles -----------------*/
/*------ These are the color around the images ---*/
section.engl {
	background: rgb(2, 99, 174);
}
section.visual {
	background: rgb(2, 99, 174);
}
section.espan {
	background: rgb(2, 99, 174);
	margin-right: 0;
}
/*-------------------- main article styles -----------------*/
article h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: rgb(65, 64, 66);
	margin-bottom: .5em;
	clear: both;
}

/* ---------------- Sticky Footer  -------------------*/

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -113px; /* the bottom margin is the negative value of the footer's height */
	
}
.footer, .push {
	height: 113px;
	width: 900px;
}