/**************************************************************************\
 * (C) Copyright 2001-2013 by Visual Symphony, LLC. All Rights Reserved.  *
\**************************************************************************/

@font-face {
	font-family: WaterThunder;
	src: url("../fonts/binnern.ttf"), url("../fonts/binnern.eot");
}

/********************************************************** Base Elements */

html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #000099;
	cursor: default;
	font: 12pt Calibri, Tahoma, Geneva, sans-serif;
}

/******************************************************** Link Formatting */

a:link, a:visited {
	color: #000099;
	text-decoration: underline;
}

a:hover, a:active {
	color: #990000;
	text-decoration: none;
}

/******************************************************* Image Formatting */

img {
	border: 0;
	height: auto;
	max-width: 100%;
}

/******************************************************** Text Formatting */

p {
	line-height: 1.5em;
	text-align: justify;
	text-indent: 1em;
}

abbr {
	border-bottom: 1px dotted #000099;
	cursor: help;
	text-decoration: none;
}

hr {
	border: 0;
	height: 1px;
	margin: 1em auto;
	padding: 0;
	width: 80%;
}

blockquote {
	font-style: italic;
	margin: 1em 10% 1em;
	padding: 0.5em 10%;
}

address {
	display: block;
	font-style: normal;
}

/***************************************************************** Header */

header {
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
}

header h1 {	
	background: url("../graphics/header.h1.bg.top.png") repeat-x left top,
				url("../graphics/header.h1.bg.bot.png") repeat-x left bottom !important;
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
}

header h1 img {
	display: block;
	margin: 0 auto;
	position: relative;
}

header h2 {	
	display: block;
	float: right;
	height: 100px;
	margin: -180px 2% 0 0;
	padding: 0;
	width: 200px;
}

#fb_plugin {
	display: block;
	float: right;
	height: auto;
	margin: -100px 2% 0 0;
	overflow: hidden;
	padding: 0 10px;
	width: 160px;
}

#contact_information {
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 11pt;
	height: auto;
	margin: -175px 0 0 2%;
	max-height: 100px;
	max-width: 250px;
	padding: 0;
	width: auto;
}

#contact_information a:link, 
#contact_information a:visited {
	color: #FFFF00;
	display: inline !important;
	text-decoration: underline;
}

#contact_information a:hover, 
#contact_information a:active {
	color: #FFFF00;
	display: inline !important;
	text-decoration: none;
}

#contact_information address {
	margin: 0;
	padding: 0;
	font-style: normal;
}

header nav {
	background: #FFFF00 url("../graphics/header.nav.bg.png") repeat-x left center;
	clear: both;
	display: block;
	height: 28px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

header nav a {
	display: inline-block;
	font: bold 18px Cambria, Georgia, "Times New Roman", Times, serif;
	height: 26px;
	margin: 0 0.3em;
	padding: 2px 0.3em 0;
	width: auto;
}

header #thisPage:link, 
header #thisPage:visited,
header #thisPage:hover, 
header #thisPage:active {
	background: url("../graphics/header.nav.bg.png") repeat-x left center,
				url("../graphics/id.thisPage.bg.png") no-repeat center bottom;
	background-color: #000099;
	color: #ffff00;
	cursor: default;
	text-decoration: none;
	text-shadow: 0 2px 2px rgba(0,0,0,0.8);
}

/**************************************************************** Article */

article {
	background-color: #ffffff;
	display: block;
	margin: 0;
	padding: 1em 5%;
	width: 90%;
}

article a:link, article a:visited {
	text-decoration: underline;
}

article a:hover, article a:active {
	text-decoration: none;
}

article h1 {
	color: #000099;
	font: bold 36px WaterThunder;
	margin: 0 auto 0.3em;
	padding: 0;
	text-align: center;
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	width: 80%;
}

/**************************************************************** Aside */

section {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 58%;
}

aside {
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	width: 38%;
}

section h1,
aside h1 {
	font: bold 24px Cambria, Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 60%;
}

/***************************************************************** Footer */

footer {
	background: url("../graphics/header.h1.bg.top.png") repeat-x left top;
	clear: both;
	color: #FFFFFF;
	display: block;
	font-size: 8pt;
	height: auto;
	margin: 0;
	padding: 2em 0;
	text-align: center;
	text-shadow: none;
	width: 100%;
}

footer nav {
	display: block;
	margin: 0;
	padding: 0;
	text-shadow: none;
}

#footer_social a,
footer nav a {
	border-right: 1px solid #FFFF00;
	display: inline-block;
	margin: 3px 0.5em 3px 0;
	padding: 0 0.5em 0 0;
	text-shadow: none;
}

#footer_social a:last-child,
footer nav a:last-child {
	border-right: 0;
}

#footer_social a:link,
#footer_social a:visited,
#props a:link, 
#props a:visited,
footer nav a:link, 
footer nav a:visited {
	color: #FFFF00;
	text-decoration: underline;
	text-shadow: none;
}

#footer_social a:hover,
#footer_social a:active,
#props a:hover, 
#props a:active,
footer nav a:hover, 
footer nav a:active {
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: none;
}

footer #thisPage:link, 
footer #thisPage:visited,
footer #thisPage:hover, 
footer #thisPage:active {
	color: #FFFFFF;
	cursor: default;
	text-decoration: none;
	text-shadow: none;
}

/**************************************************** (Un)Orderded Lists */

ol,ul {
	margin: 1em;
	padding: 0;
}

ol li, ul li {
	margin: 0 0 0 2em;
	padding: 0;
}

.anchor:before {
    content: ""; 
    display: block; 
    height: 35px; 
    margin: -35px 0 0; 
}

/****************************************************** Definition Lists */

dl {
	display: block;
	margin: 1em 2em 0;
	padding: 0;
}

dt {
	clear: both;
	font: bold 18px Cambria, Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0.2em;
}

dd {
	margin-bottom: 1.5em;
}