/* CSS Document */
/* Built by Jack at Tristar */
/* Modified for improved browser compatibility by <a href="http://www.os-templates.com/">OS Templates</a> */

/* Reset */
html {
overflow-y: scroll;
}
body {min-height: 101%}
*{margin:0; padding:0;}
img, img a {outline:none; border:none;}
body {background-color:#fff; color:#575757; font:90% "Open Sans"; font-weight:400}
a, a:visited {outline:none; color:#013366; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Modern Clear Floating Fix */

.clear:before, .clear:after {content:""; display:table;}
.clear:after{clear:both;}
.clear{zoom:1; /* For IE 6/7 (trigger hasLayout) */}

/* HTML5 Fix */

header, section, footer, aside, nav, article {display:block;}

/* Base Structure */

.bodywidth {width:960px; margin:0 auto; clear:both;}

/* General Type */

.bold {font-weight:700;}
.blue {color:#4086c6;}
.fll {float:left; margin-right: 12px}
.flr {float:right; margin-left: 12px}
#aboutleft .full { width: 99%; height: auto}
#articlesright .full { width: 90%; height: auto; text-align: right}
/* Form */

input[type="text"], input[type="password"], input[type="email"] {
    line-height: 1em;
}
input[type="text"], input[type="email"], textarea {
    
    background: white;
    border: 1px solid #999;
    border-radius: 6px;
    color: #555555;
    display: block;
    outline: 0 none;
    padding: 1em;    
    width: 100%;
}
input[type="text"]#AntiSpam { display: inline-block; width: 18px}
input[type="submit"] {border: none;}
input[type="submit"]:hover { cursor: pointer}
.copyvondeform {font-size:0.7em; color: #fff;}
.copyvondeform a {color: #fff; cursor:none}
.required_star {font-weight:bold; color:#F00;}

/* Header */

#headerwrap {width:100%; height:auto;}
#mainheader {width:100%; padding:18px 0 10px 0; color:#fff; background: #013366; text-align: center}
#websitetitle { margin:0 auto;text-align: right; }
#websitetitle h1 {font-size:2.538em; font-weight:normal;}
#websitetitle h2 {font:1.462em "Open Sans"; font-weight:300; margin:-3px 0 0 0;}
#websitetitle p { display:none;}
#nav {width:100%; clear:both; font-size:1.1em; background-color:#d6d6d6; padding:3px 0;text-align: center }
#nav li {list-style-type:none; display:inline-block; margin:0 25px;}
#nav a, #nav a:visited {color:#2f2f2f;}
#nav a:hover, #nav > ul > li.active > a,
#nav > ul > li > ul > li.active > a{text-decoration:none; color:#800000;}
#nav > ul > li > ul { display: none;}
#nav > ul > li:hover > ul {
  display: block;  
  background: rgba(214,214,214,0.7);
  position: absolute;}
#nav > ul > li > ul > li {
  position: relative; display: block;  margin: 4px 30px 6px 30px; text-align: left }

/* Intro */

#introduction {margin-top:60px; text-align: center}
#introduction h2 {font-size:3.231em; margin:0 0 5px 0;}
#introduction p {font-size:1.154em; line-height:140%;}
#introleft {float:left; width:540px; margin:0 0 25px 0;}
#introquote {float:right; font-style:italic; font-size:1.15em; width:335px; background:url("../images/leftquotemark.png") no-repeat 0 0; padding:28px 0 0 45px; margin:20px 0 25px 0;}
a.findoutmore, a.findoutmore:visited, input[type="submit"] {padding:10px; font:0.9em; font-weight:600; color:#fff; text-shadow:0 0 1px #1e5298; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(109,171,229)),color-stop(0.56,rgb(59,126,189))); background-image:-moz-linear-gradient(center bottom,rgb(109,171,229) 12%,rgb(59,126,189) 56%); background-color:#468ac9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:6px 0 16px 0; float:right;}
a.findoutmore:hover, input[type="submit"]:hover {background-color:#013366; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}

/* Main Content */

#maincontent { padding:60px 0 0 0; overflow:hidden;}
#aboutleft {float:left; width:540px;}
#aboutleft h2 {
	letter-spacing: -1px;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 2.4em;
	color: #800000;	}
#aboutleft .byline{
	font-size: 1.3em;
	display: block;
	margin: 0.5em 0 0 0;
	padding: 0 0 0.5em 0;
	text-transform: uppercase;
	color: #800000;	}
#aboutleft h1 {font-size:1.2em; margin:15px 0 0 0; color: #013366}
#aboutleft h3 {font-size:1.5em; font-weight:800; margin:0 0 15px 0;}
#aboutleft h4 {font-size:1.3em; font-weight:800; margin:0 0 15px 0;}
#aboutleft p{line-height:135%; margin:0 0 15px 0;}
#articlesright{float:right; width:380px;}
#articlesright article{clear:both; margin:0 0 20px 0; overflow:hidden;}
#articlesright figure{padding:5px; border:1px #dbdbdb solid; float:left; width:119px; height:119px; margin:0 15px 0 0;}
#articlesright p {line-height:135%;}
a.readmore, a.readmore:visited{padding:4px; font:0.9em; font-weight:bold; color:#fff; text-shadow:0 0 1px #1e5298; background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.12,rgb(109,171,229)),color-stop(0.56,rgb(59,126,189))); background-image:-moz-linear-gradient(center bottom,rgb(109,171,229) 12%,rgb(59,126,189) 56%); background-color:#468ac9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:10px 0 0 0; float:left;}
a.readmore:hover{background-color:#2f2f2f; background-image:none; text-shadow:0 0 1px #000; text-decoration:none;}
ul {list-style: inside disc; }
ul.default {list-style: none; margin: 0; padding: 0; text-align: right;}
ul.default .box {display:inline-block; margin-bottom:2em; padding:0.50em 3em; text-transform:uppercase; font-size:1em; color:#fff;}
	.box.orange {background: #ff9900;}
	.box.blue {background: #0033ff;	}
	.box.green {background: #00cc00;}
	.box.dklrot {background: #660000;}
	.box.red {background: #fc320d}
	.box.orange2 {background: #fc7f08}
	.box.blue2 {background: #3366ff}
	.box.turq {background: #009dc7}
	.box.green2 {background: #329c2b}

/* Footer */

#footerwrap{width:100%; margin:20px 0 0 0; padding:30px 0; background-color:#013366;;}
#mainfooter{color:#fff;}
#mainfooter nav ul{margin:0; padding:0; list-style:none;}
#mainfooter li{list-style-type:none; float:left; width:27%;}
#mainfooter li:last-child{margin-right:0; width:19%;}
#mainfooter a, #mainfooter a:visited{color:#fff;}
.copyright{float:right; color:#b8b8b8;}

/* MEDIA QUERIES */

/* Under 960px */
@media only screen and (max-width: 980px) and (min-width: 821px) {
.bodywidth{width:800px;}
#nav{font-size:0.9em;}
#nav li{margin:0 20px;}
#introleft{width:470px;}
#introquote{width:270px;}
#introduction h2{font-size:2.85em;}
#aboutleft{width:450px;}
#articlesright{width:324px;}
#articlesright article{font-size:0.95em;}
#mainfooter li{font-size:0.9em;}
#mainfooter li:last-child{margin-right:0;}

}

/* Under 800px */
@media only screen and (max-width: 820px) and (min-width: 621px) {
.bodywidth{width:600px; margin: 0 auto;}
#maincontent {padding:40px 0 0;}
#nav{font-size:0.8em;}
#nav li{margin:0 12px; line-height:1.9em; }
.maus{width:96px; height:40px;}
#websitetitle h1{font-size:2.2em;}
#websitetitle h2{font-size:1.2em;}
#introduction img{width: 80%; height: auto}
#introleft{width:600px;}
#introquote{display:none;}
#aboutleft{width:400px;}
#aboutleft h2 {font-size: 2em;}
#aboutleft .byline{font-size: 1.1em;}
#articlesright{width:170px;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.85em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{width: 26%;font-size:.9em}
#mainfooter li:last-child{width:22%;}
.copyright{color:#b8b8b8; margin-bottom:0;}
ul.default .box {    
    font-size: .9em;
    margin-bottom: 1em;
    padding: 0.5em .6em;}
}

/* Under 600px */
@media only screen and (max-width: 620px) and (min-width: 501px) {
.bodywidth{width:480px;}
#mainheader{padding:15px 0;}
#nav{font-size:1.0em; margin:18px 0 0 0;}
.maus{display: none}
#websitetitle h1{font-size:1.6em;}
#websitetitle h2{font-size:1.15em;}
#introduction img{width: 100%; height: auto}
#introleft{width:480px;}
#introduction h2{font-size:2.3em;}
#introquote{display:none;}
#aboutleft{width:310px; font-size:0.9em;}
#aboutleft h2 {font-size: 1.8em;}
#articlesright{width:150px;}
#articlesright article{font-size:0.9em;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.9em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{width:50%;}
#mainfooter li:last-child{width:50%;}
.copyright{color:#b8b8b8; margin-bottom:0;}
ul.default .box {    
    font-size: .8em;
    margin-bottom: 1em;
    padding: 0.5em .6em;}
}

/* Under 480px */
@media only screen and (max-width: 500px) and (min-width: 341px) {
.bodywidth{width:320px;}
#mainheader{padding:15px 0;}
#nav{float:left; font-size:1.0em; margin:18px 0 0 0;}
#nav li{margin:0 30px 20px 0;}
.maus{display: none}
#websitetitle h1{font-size:1.3em;}
#websitetitle h2{font-size:1.0em;}
#introduction img{width: 100%; height: auto}
#introleft{width:320px; font-size:0.8em;}
#introduction h2{font-size:2.3em;}
#introquote{display:none;}
#aboutleft{width:320px; font-size:0.9em;}
#aboutleft h2 {font-size: 1.8em;}
#articlesright{width:320px; float:left; border-top:1px #dbdbdb solid; padding:20px 0 0 0; margin:10px 0 0 0;}
#articlesright article{font-size:0.9em;}
#articlesright figure{display:none;}
#mainfooter{font-size:0.8em;}
#mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li{width: 100%;display: block;margin-left: 20px}
.copyright{color:#b8b8b8; margin-bottom:0;}
ul.default{text-align:center;}
.image img {width: 100%}
}

/* Under 320px */
@media only screen and (max-width: 340px) and (min-width: 5px)  {
.bodywidth{width:300px;}
#mainheader{padding:10px 0;}
#nav {float:left; font-size:0.9em; margin:15px 0 0 0;}
#nav li {margin:0 30px 14px 0;}
.maus{display: none}
#websitetitle h1 {font-size:1.25em;}
#websitetitle h2 {font-size:1.0em;}
#websitetitle p { display:block;}
#introduction img {width: 100%; height: auto}
#introleft {width:300px; font-size:0.8em;}
#introduction h2 {font-size:2.3em;}
#introquote {display:none;}
#aboutleft {width:300px; font-size:0.9em;}
#aboutleft h2 {font-size: 1.5em;}
#aboutleft .byline {font-size: 1.2em;}
#articlesright {width:300px; float:left; border-top:1px #dbdbdb solid; padding:20px 0 0 0; margin:10px 0 0 0;}
#articlesright article {font-size:0.9em;}
#articlesright figure {display:none;}
#mainfooter {font-size:0.7em;}
#mainfooter nav, .copyright {display:block; float:none; width:100%; margin-bottom:15px;}
#mainfooter li {width: 100%;display: block;margin-left: 20px}
#mainfooter li:last-child {margin-right:0;}
.copyright {color:#b8b8b8; margin-bottom:0;}
ul.default{text-align:center;}
.image img {width: 100%}
}
/* Responsive Menu */
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	#nav {background: none; margin: 0; padding: 0;}
}