body {
	background:#191947;
  	background: url('#') no-repeat center center fixed;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	min-height: 100% !important;
  	overflow: auto !important;
  	margin:0% !important; 
	padding:0% !important;
	font-family:Arial !important;
	color:#032446 !important;
	font-size:15px !important;
}
h2 {
	color:#032446 !important;
	font-size:200% !important;
	line-height:125% !important;
}

h3 {
	color:#ffffff !important;
	font-size:200% !important;
}
#header-content {
	margin:0% !important; 
	background-color:#ffffff; 
	height:auto !important;
	border-color:#0e263b !important; 								    border-style: solid !important;
	border-width: 10px !important;
	border-bottom-width:0px !important;
	border-top-width:10px !important;
	}
/* Menu */
#menuwrapper {
	margin:0%; 
	background-color:#ddd; 
	display:inline-block;
	height:auto;
	width:100%;
	}

#centeredmenu {
   width:100%;
   margin:0;
   background:#0e263b;
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#0e263b;
   color:#ffffff;
   font-size:14px !important;
   font-weight:normal !important;
   text-decoration:none;
   line-height:1.3em;
}
#centeredmenu ul li a:hover {
   background:#369;
   color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}
/* End Menu */


#main-content{
	margin:0% auto !important; 
	padding-left:0% !important; 
	padding-bottom:2% !important; 
	padding-top:0% !important;
	padding-right:0 !important; 
	background-color:#ffffff !important;
	border-color:#0e263b !important;	    
	border-style: solid !important;
	border-top:0 !important;
	border-width:10px !important;
	border-bottom-left-radius:20px !important;
	border-bottom-right-radius:20px !important;
	}
#inner-content{
	height:auto !important;
	}
.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #6f7175;
    border-radius: 8px;
    background: #b6bac0;
    background: -webkit-gradient(linear, left top, left bottom, from(#b6bac0), to(#6f7175));
    background: -moz-linear-gradient(top, #b6bac0, #6f7175);
    background: linear-gradient(to bottom, #b6bac0, #6f7175);
    text-shadow: #4f5154 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid ##9ea2a7;
    background: #dadfe6;
    background: -webkit-gradient(linear, left top, left bottom, from(#dadfe6), to(#85888c));
    background: -moz-linear-gradient(top, #dadfe6, #85888c);
    background: linear-gradient(to bottom, #dadfe6, #85888c);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #6f7175;
    background: -webkit-gradient(linear, left top, left bottom, from(#6f7175), to(#6f7175));
    background: -moz-linear-gradient(top, #6f7175, #6f7175);
    background: linear-gradient(to bottom, #6f7175, #6f7175);
}

.button-small {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 12px;
    border: 1px solid #44698f;
    border-radius: 5px;
    background: #5787b5;
    background: -webkit-gradient(linear, left top, left bottom, from(#5787b5), to(#3a597a));
    background: -moz-linear-gradient(top, #5787b5, #3a597a);
    background: linear-gradient(to bottom, #5787b5, #3a597a);
    text-shadow: #223548 1px 1px 1px;
    font: normal normal normal 15px arial;
    color: #ffffff;
    text-decoration: none;
}
.button-small:hover,
.button-small:focus {
    border: 1px solid #6da8e5;
    background: #68a2d9;
    background: -webkit-gradient(linear, left top, left bottom, from(#68a2d9), to(#466b92));
    background: -moz-linear-gradient(top, #68a2d9, #466b92);
    background: linear-gradient(to bottom, #68a2d9, #466b92);
    color: #ffffff;
    text-decoration: none;
}
.button-small:active {
    background: #34516d;
    background: -webkit-gradient(linear, left top, left bottom, from(#34516d), to(#3a597a));
    background: -moz-linear-gradient(top, #34516d, #3a597a);
    background: linear-gradient(to bottom, #34516d, #3a597a);
}

#footer-content {
	clear: both !important; 
	margin:0% !important;  
	padding:1% !important;
	background-color:#ffffff !important; 
    font-size:10px !important;
	font-family:Verdana !important;
}

.footer a {
	text-decoration:none !important;
	text-transform:none !important;
	color: #006 !important;
}

.howto {
	counter-reset: my-badass-counter;
	width: 90%;
	font-weight: normal;
}

.list dt:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	color: #296097;
	font-size: 30px;
	font-style: normal;
	line-height: 35px;
	font-weight: bold;
	padding-top: 20px; 
}
ul {
	list-style-type:circle;
	font-weight:bold;
	color: #846524;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    height: 90%;
}

/* Responsive Form */
* {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

form header {
  margin: 0 0 20px 0 !important; 
}
form header div {
  font-size: 90% !important;
  color: #999 !important;
}
form header h2 {
  margin: 0 0 5px 0 !important;
}
form > div {
  clear: both !important;
  overflow: hidden !important;
  padding: 1px;
  margin: 0 0 10px 0;
}
form > div > fieldset > div > div {
  margin: 0 0 5px 0 !important;
}
form > div > label,
legend {
	width: 25% !important;
  float: left !important;
  padding-right: 10px !important;
}
form > div > div,
form > div > fieldset > div {
  width: 75% !important;
  float: right !important;
}
form > div > fieldset label {
	font-size: 90% !important;
}
fieldset {
	border: 0 !important;
  padding: 0 !important;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 100% !important;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
  width: 50%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #4697e4;
}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0 !important; 
  }
  form > div > label,
  legend {
	  width: 100% !important;
    float: none !important;
    margin: 0 0 5px 0 !important;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100% !important;
    float: none !important;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100% !important; 
  }
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right !important;
  }
}
/* End Responsive Form */