/* page layout */

body {
margin: 0;}

#Header {
padding: 4.5em 2em 1.5em 2em;
margin: 0 0 3.5em 0;
background-color: #F8F8F8;
overflow: hidden;}

#Wrapper {
max-width: 33em;
padding: 0 5%;
margin: 0 auto;
overflow: hidden;}

#Main {
float:left;
margin-bottom: 3em;}

#Sidebar {
float: left;}

#Footer {
padding: 2em 5%;
margin: 3em 0 0 0;
color: #FFFFFF;
background-color: #6e6e6e;
overflow: hidden;
clear: both;}

#Footer .footer_column {
padding: 0 5%;
margin: 1.5em 0 0 0;}

@media (min-width: 50em) { /* switch to two-column layout */
	#Wrapper {
	max-width: 55em;}
	#Main {
	width: 63%;
	padding-right: 8%;
	margin-bottom: 0;}
	#Sidebar {
	width: 29%;}
	#Footer .footer_column {
	padding: 0 3%;
	margin: 1em 0;
	width: 14%;
	float: left;}
}

/* general text formatting */

body {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 100%;
line-height: 150%;
color: #515151;}

p {
font-size: 0.9em;}

p.small {
font-size: 0.8em;}

a {
color: #515151;
text-decoration: none;
border-bottom: 1px dotted #515151;}

h1 {
font-size: 1.55em;
line-height:  1.3em;
margin-top: 0;}

h2 {
font-size: 1.25em;
line-height:  1.5em;
margin-top: 2em;}

h3 {
font-size: 1.1em;
line-height:  1.6em;
margin-top: 1.5em;}

h4 {
font-size: 1em;
line-height:  1.5em;}

h1, h2, h3, h4 {
font-weight: normal;
padding-left: 20px;
border-left: 4px solid #F7A600;
padding-bottom: 0.5em;
border-bottom: 1px solid #d6d6d6;
margin-bottom: 1em;}

h5 {
font-size: 0.95em;
font-weight: normal;
margin-top: 1.2em;
margin-bottom: 0;}

table {
font-size: 0.9em;
padding: 0;
border-collapse: collapse;
border-spacing: 0;}

td {
text-align: left;
vertical-align: top;}

li {
font-size: 0.9em;
padding-bottom: 0.6em;}

ul.downloads{
margin-top: 1.5em;}

ul.downloads li{
padding-bottom: 1.2em;}

.footer_column p{
margin: 0.7em 0;}

.footer_column h4 {
font-size: 1em;
border: none;
padding: 0;
margin: 0 0 0.7em 0;}

#Footer a{
color: #ffffff;
border-bottom: 1px dotted #ffffff;}


/* images */

img {
border:none;}

img.border_1px_grey {
border: 1px solid #d9d9d9;}

img.full_width {
display: block;
width: 100%;
height: auto;
margin: 2em 0;}

img.right_width_50_percent {
display: block;
float: right;
width: 50%;
height: auto;
margin: 0 0 7% 7%;}

@media (max-width: 33em) {
	img.right_width_50_percent {
		float: none;
		width: 60%;
		margin: 10%;}
}

img.right_width_20_percent {
display: block;
float: right;
width: 20%;
height: auto;
margin: 0 0 7% 7%;}

@media (max-width: 33em) {
	img.right_width_20_percent {
		float: none;
		width: 25%;
		margin: 8% 10%;}
}

img.right_width_35_percent {
display: block;
float: right;
width: 35%;
height: auto;
margin: 0 0 7% 7%;}

@media (max-width: 33em) {
	img.right_width_35_percent {
		float: none;
		width: 50%;
		margin: 8% 8%;}
}


/* buttons, alerts and forms */

div.button {
display: inline-block;
cursor: default;
background-color: #F7A600;
font-family: Arial, sans-serif;
color: #FFFFFF;
font-weight: bold;
font-size: 0.9em;
padding: 0.7em 1.5em;}

div.button a {
text-decoration: none;
border: none;
color: #FFFFFF;}

p.alert {
display: none;
margin: 2em 0;
padding: 1em;
color: #0058C5;
background-color: #EBFAFF;}

p.alert.alert_ok {
color: #005500;
background-color: #F4FFF4;}

p.alert.alert_error {
color: #FF0000;
background-color: #FFF2F2;}

input, textarea, select {
border: #DFDFDF 1px solid;
padding-left: 0.3em;
vertical-align: text-top;
font: inherit;
color: inherit;
box-sizing: border-box;}

label.error {
color: #FF0000;
font-weight: bold;}

input:focus, textarea:focus, select:focus {
outline-color: #515151;}

input:disabled, textarea:disabled, select:disabled {
color: #c1c1c1;
background-color: #f8f8f8;}


/* navigation menus */

#Wide_Nav {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 3em;
line-height: 3em;
background-color: #474747;
color: #FFFFFF;
font-family: Arial, sans-serif;}

#M_Nav {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 3em;
line-height: 3em;
background-color: #474747;
color: #FFFFFF;
font-family: Arial, sans-serif;}

.nav_box {
height: 100%;}

.nav_item_level1 {
position: relative;
float: left;
height: 100%;
padding: 0 1.5em;}

.nav_item_level1_hover {
background-color: #F7A600;}

.nav_item_level1 a {
color: #FFFFFF;
text-decoration: none;
border: none;}

.nav_item_level2 {
display: none;
position: absolute;
top: 100%;
white-space: nowrap;
margin: 0 -1.5em;
padding: 1em 0;
background-color: #F7A600;}

.nav_item_level2 a {
color: #FFFFFF;
text-decoration: none;}

.nav_item_level2 p {
padding: 0.5em 1.5em;
margin: 0 0;
line-height: 1.5;
font-size: 0.85em;}

.nav_item_level2 p:hover{
background-color: #DE9500;}

@media (min-width: 50em) { /* switch to full menu */
	#Wide_Nav {
	display: block;}
	#M_Nav {
	display: none;}
}


/* Videos */
video {
    width: 100%;
    height: auto;
    border: 1px solid #efefef;
    outline: none;
	display: block;}


/* HTML5 compatibility */

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