@charset "utf-8";
/* CSS Document */
#home {margin: 1em auto;}
/* header */
.content h1, .content h3, h2.stackContent {
	color:#8ebdcd;
	background-color: transparent;
	padding:0em 0em;
	margin:0em 0.15em;
	text-align:center;
}

header .stack1of5 {float:left;}
header .stack1of5 p {margin-left:0.6em;}
header .stact4of5 {margin:0;}
header h2.h1 img {margin:0em;}
header object {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
}
header .stack1of5 h3 {color:#8ebdcd; font-size:1.5em; margin:0em;}

header .stack1of5 h3 img {max-width: 300px;}
header .stack1of5 img, header .stack1of5 p img, header .stack1of5 p {max-width: 200px; text-align:center;}
header .stack1of5 p span img {max-width: 175px; text-align:center;}
header h1.stackContent, header .stack4of5 h1.h2 {font-size:1.8em; color:#afdfef; text-align:center;}

nav.util {padding:0 1em 0; font-size:0.85em;}
/* .content */
.content {padding:0; margin-top:0em;}
.content h1, .content .h1 {color:#8ebdcd;}
.column2 div.stackContent { padding:1em; margin:0;}
.content p.stackContent, .content .stackAuto p, .figure p, p.stackContent, .stackAuto p, dt, dl, dd  {color:#7ba1b6; background-color:transparent; margin-bottom:1em; text-align: justify;}
.content p.stackContent {padding: 0em 0em; margin:0em 1em 1em 0em;}
.column2 h2.stackContent, .stack4of5, .stack4of5 nav, .stack4of5 nav ul, .stack4of5 a.stackContent {
	color:#7ba1b6;
}
.content .stack3of5, .content .stack3of4, .content .stack4of5 {padding:0em; margin: -1em 0em 0em; background-color: #152d42;}
.content nav, .content .stack4of5 nav ul li a {padding:1em; background-color:#152d42;}
.figure .content nav ul {background-color:#152d42;}

.content h2 {color:#8ebdcd; background-color:#152d42;}
.content h2, p.stackContent {padding:0em;}
.content {margin: 0.0125em auto;}
.content h2.stackContent {text-align:center;}
.content div.stackContent {background-color:transparent;}
.stack1of5 nav {width:90%; margin-right:1em; }
.stack1of5 nav li {padding:0.125em 0em;}
.stack1of5 ul {background-color:transparent; margin-right:1em;}
.content .stack4of5 h2.stackContent {text-align:center; margin-bottom:0.5em; background-color:#152d42; color:8ebdcd;}


.content .stack3of5 {padding:4em; max-width:45em;}
.content .stack4of5 .stackContent{margin:0.5em;}
.content .stack4of5 .h3 {font-size:1.5em; text-align:center; margin:0.125em; background-color:#152d42; color:8ebdcd;}
.content .stack4of5 a {margin:0em 2em 1em 2em;}
.stack4of5 iframe {width:97%; height:auto; min-height:530px; margin:0.01em 2em;}

img {max-width:100%; height:auto; padding:0.5em 0em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;}
.stack4of5 a img {width:97%; margin:0em 1em; height:auto;}
.stack4of5 h1 {text-align:center; margin-bottom:0.25em; color:#afdfef;}
.content .stack4of5 .video-js-box.stackContent {width:98%; text-align:center;}
.util {margin:0em 0em 0.25em;}


/* members */
#members h3, #members2 h3 {
	font-size: 1.08em;
	color: #8ebdcd;
	background-color: #152d42;
	margin-bottom: 0.5em;
}
#members dt, #members2 dt {
	font-size: 0.98em;
	padding: 1em;
}
#members h3:hover, #members2 h3:hover {
	border: #09F 2px solid;
}
#members p, #members2 p {
	font-size: 0.9em;
	padding: 0.5em;
}
#members dd, dd p {
	color: #152d42;
	background-color: #8ebdcd;
}

.rt {margin-top: -5em;}
.lf1 {margin-top: 0.5em;}
#wowslider-container {margin-bottom:1em;}
/* p.stackContent {font-size:0.8em;} .column1 h1 {font-size:1.2em;}  /   p.stackContent {font-size:0.7em;} .column1 h1 {font-size:1em; }      .column1 h1 {font-size:2em; }                                                            */
@media screen and (max-width: 480px){body {font-size:0.85em;} header.stack4of5 {width:100%; position:absolute; top:0; left:0;} header h1.stackContent, h2.stackContent {font-size:1em;} .content.stack4of5 {width: 100%; min-height:520px;} header .sidebar {
  position:absolute;
  bottom:0;
  left:0;
  width: 100%;
}}
@media screen and (max-width: 1024px){body {font-size:0.9em;} header.stack4of5 {width:100%; position:absolute; top:0; left:0;} header h1.stackContent, h2.stackContent {font-size:1em;} .content.stack4of5 {width: 100%; min-height:520px;} header .sidebar {
  position:absolute;
  bottom:0;
  left:0;
  width: 100%;
}}
@media screen and (max-width: 1280px){body {font-size:1em;} header h1.stackContent, h2.stackContent {font-size:1.3em;} .content.stack4of5 {min-height:520px;}}
