/*
 Table Of Contents
 1.) Eric Meyer's Reset
 2.) Global Typography
	 2.0.1) Global Headings
	 2.0.2) List styles
	 2.0.3) General Text Formatting
	 2.0.4) Link elements
	
 3.) Site Wide Content
 4.) Header Style
 5.) Footer Style
 ===============================================*/

/*
 1.) Eric Meyer's Reset
 ----------------------------------------*/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 1.) Global Typography
 ----------------------------------------*/
*, :before, :after{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html {
	
	font-size: 16px;
	line-height:22px;
}
body {
	font-size: 16px;
	line-height:22px;
	font-family: 'Georgia','Times New Roman','Times','serif';
/*	background: url('../images/home.png') no-repeat center top;*/
	
}


/*
 2.0.1) Global Headings
 -----------------------------*/
h1, h2, h3, h4, h5, h6 {
	color:#000000;
	
}
h1 {
	
	
	 font-size: 30px; 
	line-height: 36px;
	margin-bottom: 12px;
	color:#b20000;
	font-style: italic;
}
h2 {font-size: 26px; 
	line-height: 36px;
	margin-bottom: 12px;
	color:#b20000;
	font-style: italic;
}
h3 {
	 font-size: 14px; 
	line-height: 22px;
	color:#ffffff;
}
h4 {
	 font-size: 21px; 
	
	line-height: 26px;
	margin: 0 0 10px 0;
}
h5 {
	 font-size: 18px; 
	line-height: 22px;
	margin: 0 0 10px 0;
}
h6 {
	 font-size: 14px; 
	line-height: 22px;
	color:#ffffff;
}


/*
 2.0.2) List Styles
 ---------------------------------*/
ul, ol, dl {
	font-size: 16px;
	line-height: 1.5;
	list-style: none;
}
li, dt {
	line-height: 1.5;
}
dl {
	margin: 0 0 10px 0;
}
dd {
	margin: 0 0 10px 8px;
}
ul {
	list-style-type: disc;
	list-style: none;
}
ol {
	list-style-type: decimal;
	
}
ul ul, ol ul {
	list-style-type: circle;
	margin-top: 0;
}
ol ol {
	list-style-type: lower-latin;
	margin-top: 0;
}

/*
 2.0.3) General Text Formatting
 -----------------------------------*/
p {
	font-size: 16px;
	line-height:22px;
	margin-bottom: 15px;
}
.container strong {
	font-weight:bold;
}
.container b {
	font-weight:bold;
}

.center {
	text-align:center;
}

blockquote, cite, q, var, dfn {
	font-style: italic;
}
blockquote {
	background: transparent;
	color: #666666;
}
small {
 font-size: 14px; 
	line-height:18px;
}
pre, code, kbd, tt, samp, var {
	font-size: 100%;
}
pre {
	font-size: 100%;
	line-height: 1.5;
	margin: 0 0 15px 0;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
pre, code {
	color: #880000;
}
kbd, samp, var {
	color: #666666;
	font-weight: bold;
}
acronym, abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	cursor: help;
}
sub, sup {
	font-size: 16px;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -2px;
}
sub {
	bottom: -2px;
}
img{
	max-width: 100%;
	height: auto;
}
/*
 2.0.4) Link style
 -------------------------*/
a {
	color: #b20000;
	text-decoration: none;
}
a:hover, a:focus {
	color: #00b200;
	text-decoration: none;
}
a:active {
	outline: none;
}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container{
	max-width: 1280px;
	margin: 0 auto;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/*
 3.) Site Wide Content
 ------------------------------*/
#wrapper {
	/*opacity: 0.5;*/
}
/*
 4.) Header Styles
 ------------------------------*/
#header {
	background:url('../images/footer-line.jpg') repeat-x  center top, url('../images/top-strip-bg.png') repeat-x  center 20px;
	position: relative;
}
#header .container{
	
}
.logo-section
{
	padding: 63px 0 24px 47px;
	float: left;
}
.logo-section strong
{
	font-size: 40px;
	font-weight:normal;
	line-height: 48px;
	margin-bottom: 12px;
	color:#ffffff;
	font-style: italic;
	display: block;
	word-spacing: -1px;
}
.logo-section span
{
	font-size: 26px; 
	line-height: 32px;
	margin-bottom: 10px;
	color:#333333;
	display: inline-block;
	margin-left: 4px;
}
.logo-section span small
{
	font-size: 26px; 
	line-height: 32px;
	margin-left: 7px;
}
.image-section
{
	float: right;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
}
.image-section figure
{
	display: inline-block;
}
.image-section img
{
	display: block;
}
.logo
{
	display: inline-block;
	margin-bottom: 6px;
}
nav
{
	border-top: 10px solid #999999;
	
	
	
	
}
nav ul 
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #930000;
	
}
nav ul li
{
	background: #b20000;
	float: left;
	font-size: 30px;
	font-style: italic; 
	min-width:251px;
}
nav ul li a
{
	background: #b20000;
	color:#ffffff;
	text-align:center;
	display: block;
	
	border-right:1px solid #ffffff;
	padding: 2px 0;
	
}
nav ul li a:hover
{
	background: #333333;
	color:#ffffff;
	
}
nav ul li a.active
{
	background: #333333;
	color:#ffffff;
}
/*
 5.) Footer Styles
 ------------------------------*/
#footer {
	background: #999999 url(../images/footer-line.jpg) repeat-x bottom center;
	color:#ffffff;
	font-size: 14px;
	line-height: 19px;
	padding: 15px 0 37px;
}
#footer .container{
	padding: 0px 0px 0 85px;
}
#footer address span
{
	display: block;	
}
#footer address small
{
	margin-left: 5px;
}
#footer span a
{
	color:#ffffff;
}
#footer span a:hover
{
	color:#b20000;
}
