/*Copyright 2013 Dr. Marc Weise*/
/* RESET STYLES
--------------------------------------------------------------------------------------------------------------------------*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, em, img, small, strong, sub, sup, var, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, hgroup, menu, nav, section, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
img, embed, object, video { max-width: 100%; }
.ie6 img, embed, object, video { width: 100%; }
/* TYPOGRAPHY & LIST STYLES
--------------------------------------------------------------------------------------------------------------------------*/
/* COLORS
logo:	
blue nav background: 	#005696	
light for field hover: 	#E6EEF4	
green:					#396
brown: 					#964000
#mainContent p a:link			
#mainContent p a:visited		
#mainContent p a:hover			
h1 	#005696	
h2 	#396
h3	#964000
/* LAYOUT STYLES */
body { font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 100%; background: #fff; font-size: 100%; 
transition:all .2s linear;
-o-transition:all .2s linear;
-moz-transition:all .2s linear;
-webkit-transition:all .2s linear;
}

#wrapper { width: 90%; max-width: 1024px; display: block; margin: -.5em auto 0 auto; background: #fff; overflow: hidden; }
#logo { width: 27%; float: left; position: relative; background: #fff; border-left: 1px solid #005696 !important; }
#header { width: 100%; max-width: 1420px; margin: 0 auto; background: #fff; /*	* html #header {
  background: none; /*Remove background*/ /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='../header/header.png',
      sizingMethod='scale');
}
*/
-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
/* MAIN NAV */
#nav { clear: both; margin: 0 auto; padding: 0; width: 100%; max-width: 1420px; position: relative; background: #005696; padding: .1em 0; text-align: center; z-index: 1000; }
/* LEVEL ONE */
ul.dropdown { position: relative; margin: 0; padding: 0; font: 1em arial, serif; list-style: none; float: right; position: relative; right: 50%; text-decoration: none; letter-spacing: 1px; }
ul.dropdown li { float: left; position: relative; left: 50%; zoom: 1; background: #005696; color: #fff; line-height: 2; }
ul.dropdown a:hover { color: #fff; list-style: none; }
ul.dropdown a:active { color:;}
ul.dropdown li a { display: block; letter-spacing: .1em; margin: 0; padding: .6em .8em; color: #fff; text-decoration: none; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover { background: #396; color: #fff; position: relative; }
ul.dropdown li:hover a { color: #fff; }
/* LEVEL TWO */
ul.dropdown ul { width: 13em; z-index: 10000 !important; visibility: hidden; position: absolute; top: 100%; left: 0; right: auto; }
ul.dropdown ul li { z-index: 10000 !important; font-weight: normal; list-style: none; background: #3378AB; left: auto;  /*resets the left:50% on the parent li */ margin: 0; /* Reset the 1px margin from the top menu */ clear: left; float: left; width: 100%; border-top: 1px solid #fff; float: none; font: 1em 'Droid Sans', arial, serif; }
ul.dropdown ul li:hover { z-index: 10000!important; }
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { width: 13em; z-index: 10000 !important; border-right: none; width: 100%; display: inline-block; text-align: left; padding: .8em .6em; }
/*  ASIDE  */
#aside { float: right; width: 28%; height: 30em; margin: 2em 0; background: #f2f2f2; border: 1px solid #ccc; }
/* MAIN CONTENT  */	
#mainContent {width: 65.833333%; height: 100%; padding: 0; margin: 0; float: left; background: #fff; }
#mainContent p { text-align: left; padding: 0 2em 1em 6em; color: #333; font-size: 1em; letter-spacing: 0.1em; line-height: 1.6; }
/* MAINCONTENT LINK STYLES */
#mainContent p a:link { color: #005696; text-decoration: underline; font-size: 1em; }
#mainContent p a:visited { color: #006983; text-decoration: underline; font-size: 1em; }
#mainContent p a:hover { color: #333; text-decoration: underline; font-size: 1em; }
/*  MAP  */
.map { padding-top: 8em; }
/*  LIST STYLES  */
#lists { margin-left: 3em; }
#lists ul li { list-style: circle outside; color: #333; font-size: .9em; letter-spacing: 0.1em; line-height: 1.6; margin: 0 5em 1em 0; padding-left: .5em; }
#lists ul li a { color: #369; font-weight: bold; }
/*  FORMS  */
fieldset { clear: both; width: 75%; margin: 0 auto; padding: 10px; background: #396; }
fieldset ol { padding: 1em 0 1em 0; list-style: none; }
fieldset li { float: left; clear: left; width: 100%; padding-bottom: 1em; list-style: none; font-size: 1.1em; list-style: none; }
legend { position: relative; left: -7px; top: -0.75em; margin-left: 1em; font-weight: bold; padding: 0; color: #fff; text-align: left; }
label { float: left; width: 40%; display: block; margin-right: 0.5em; padding-left: 40px; text-align: left; color: #fff; font-weight: 400; font-size: .8em; }
fieldset.submit { float: none; width: auto; border-style: none; background-color: transparent; }
.input { border: 1px solid #666; background: #FFF; padding: 5px; margin-left: 40px; list-style: none; width: 60%; }
.input:hover { border: 1px solid 333; background: #E6EEF4; }
input.btn { cursor: pointer; display: block; margin-left: 45%; margin-top: 10px; }
/*  lists  */
#lists { margin-left: 40px; }
#lists ul li { list-style: circle outside; letter-spacing: 0.1em; line-height: 1.4; margin: 0 2em 1em 5em; font-size: .9em; }
/* FOOTER  */
#footer { width: 100%; max-width: 1420px; margin: 0 auto; height: 100%; overflow: hidden; background: #396; border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #666; }
.footerAdd { display: block; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; letter-spacing: .2em; color: #fff; font-size: .9em; text-align: center; line-height: 1.5em; padding: 1em 0; clear: both; }
.copyRight { text-align: right; color: #fff; font-family: 'Molengo', Tahoma, Verdana; font-size: .7em; padding: 12em 2em 0 0; }
/* ====== SUB NAV ====== */
#subNav { width: 92%; max-width: 1024px; margin: 0 auto; }
.row { width: 100%; max-width: 1420px; margin: 0 auto; padding: .3em 0 1em 0; background: #005696; border-top: 1px solid #333; border-left: 1px solid #005696; border-right: 1px solid #005696; overflow: hidden; }
.row h1 { font-size: .8em; color: #8dd8f4; text-align: left; font-weight: 900; padding: 1.3em 0 0 0; text-transform: inherit; font-family: 'Droid Sans', arial, serif; font-weight: bold; }
.row ul li { list-style: none }
.row ul li a { font-size: .9em; color: #fff; list-style: none; text-decoration: none; display: block; padding: .2em 0; font-family: 'Droid Sans', arial, serif; letter-spacing: 1px; line-height: 1.5em; }
.row ul { text-decoration: none; margin-left: 2.5em; }
.row li a:hover { color: #fff; text-decoration: underline; }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin: 1em 2% 1em 2%; float: left; }
.onecol { width: 6%; }
.twocol { width: 19%; }
.threecol { width: 19%; }
.fourcol { width: 28%; }
.fivecol { width: 15%; }
.sixcol { width: 8%; }
.sevencol { width: 21%; }
.eightcol { width: 15%; }
.ninecol { width: 74.05%; }
.tencol { width: 82.7%; }
.elevencol { width: 91.35%; }
.twelvecol { width: 100%; float: left; }
.last { margin-right: 0px; }
img, object, embed { max-width: 100%; }
/*BOX TO CENTER IMAGES*/
#box { text-align: center; }
#box img { margin: .5em 1em 1em 1em; border: 2px solid #666; ; }
/* HEADERS  */

h2, h3, h4, h5, h6 { font-weight: 500; font-family: 'Droid Serif', serif; }
h1 { font-family: 'Droid Serif', serif; font-weight: 700; font-size: 1.6em; letter-spacing: .1em; padding: 2em 1em 1em 1.2em; color: #005696; }
h2 { font-size: 1.3em; letter-spacing: .1em; padding: .5em 1em 1em 1.4em; color: #297A52; }
h3 { font-size: 1.1em; letter-spacing: .1em; padding: 0 1em 1em 1.8em; color: #964000; }
/* MISC STYLES
--------------------------------------------------------------------------------------------------------------------------*/

#floatRight { float: right; margin: 1em 10px 5px 10px }
.floatRight { float: right; margin: 0 0px 5px 5px; font-style: normal; display: inline-block; }
.clear { clear: both; }
.address { position: relative; top: 10px; font-family: Arial, Helvetica, sans-serif; letter-spacing: .2em; color: #fff; font-size: .8em; text-align: center; }
.italic { font-style: italic; text-align: left; padding: 0 0 0 40px; color: #333; font-size: 1em; letter-spacing: 0.1em; line-height: 1.6; }
/*a[href^="tel:"]:before {
    content: "\260E";
    display: inline;
    margin-right: 0.3em;
	font-size: 1.2em;
}*/

a[href^="tel:"] { color: #fff; text-decoration: none; }
.images { border: 4px solid #666; margin: 0 10px 0 0 }
.imageLeft { float: left; margin: 10px 20px 10px 0; border: 4px solid #964000; }
.imageRight { float: right; margin: 2em 3em 1em 2em; border: 4px solid #964000; }
img.center { display: block; margin-left: auto; margin-right: auto }
.buildingImg { display: block; margin: 1em auto; width: 85%; border: 3px solid #964000; }
.boldText { font-weight: bold; }
.center { position: relative; display: block; margin: 0 auto; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.error { font-family: 'Molengo', arial; font-size: 1.3em; letter-spacing: .2em; text-transform: uppercase; font-style: italic; padding: 30px 0 15px 40px; color: #006983; }
.tel { color: #333; font-family: 'Droid Sans', Tahoma; text-decoration: none; }
.fontRight { text-align: right; float: right; font-style: italic; font-size: .8em; margin-right: 2em; margin-top: -1em; }
.facebook { color: #445782; font-weight: bold; text-align: center; margin: 0 auto; display: block; padding-bottom: 2em; }

/* #Media Queries
================================================== */

/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px), screen and (max-device-width: 480px) {
html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
}

/* 320px/16 = 20em */
@media screen and (max-width: 20em) {
#wrapper { width: 105%; max-width: 320px; }
/* MAIN MENU */
ul.dropdown { font-size: .8em; }
/* BUILDING IMAGE*/	
.imageRight { margin: 1.5em 0 .5em .5em; }
/* MAIN CONTENT */
#mainContent { width: 95%; }
#mainContent p { padding: 0 1em 1em 2em; font-size: 1em; letter-spacing: 0.1em; line-height: 1.5; margin-right: 20px; font-size: .8em; }
/* ASIDE */
#aside { float: right; width: 25%; }
/* FOOTER */
#footer { width: 100%;/*max-width: 320px;*/ }
.copyRight { font-size: .5em; padding-right: 0; }
/* SUB NAV */	
.row { width: 100%;/* min-width:320px;*/ }
.row ul li a { padding: .5em 0; }
/* FORMS */
label { padding-left: 10px; }
.input { margin-left: 10px; }
/* HEADERS */

h1 { font-size: .8em; letter-spacing: 1px; padding: 1em 2em; }
h2 { font-size: 7em; letter-spacing: .1em; padding: 1em 2em; }
h3 { font-size: 7em; letter-spacing: 1pt; padding: .5em 2em; }
}/*/mediaquery*/

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	/* 480px/16 = 30em */
	@media only screen and (max-width: 30em) {
/*disable text sizing on orientation change*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr { -webkit-text-size-adjust: none; }
#wrapper { width: 95%; min-width: 320px; max-width: 480px; }
/* MAIN MENU */
ul.dropdown { font-size: .8em; }
/* MAIN CONTENT */

#mainContent { width: 95% }
#mainContent p { padding: 0 1em 1em 1.5em; letter-spacing: 0.1em; margin-right: 20px; font-size: .9em; }
/* ASIDE */
#aside { display: none; }
/*  MAP  */
.map { padding-top: 2em; }
/*  LISTS  */
#lists ul li { margin: 1em 1em 1em 2em; }
/* BUILDING IMAGE*/	
.imageRight { margin: 1.5em 0 .5em .5em; }
/* FOOTER */
.footerAdd { width: 90%; margin: 0 auto 1em 0; font-size: .8em; }
/*  FORMS  */
fieldset { max-width: 320px; padding: 0; }
/* FORMS */
fieldset { width: 85%; }
label { padding-left: 10px; }
.input { margin-left: 10px; width: 80%; }
/* HEADERS */
h1 { font-size: 1em; letter-spacing: 1px; padding: 1em 1em .5em 1em; }
h2 { font-size: .9em; letter-spacing: .1em; padding: .5em 1em .5em 1em; }
h3 { font-size: .9em; letter-spacing: 1pt; padding: .5em 1em; }
}/*/mediaquery*/

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* 481px/16 = 30em - 768/16 = 48em */

	@media only screen and (min-width: 31em ) and (max-width: 48em) {
#wrapper { width: 93%; min-width: 500px;}
/* MAIN MENU */
ul.dropdown { font-size: .9em; }
#aside { margin-right: 1em;}
/* MAIN CONTENT */
#mainContent p { padding: 0 1em 1em 1em; letter-spacing: 0.1em; line-height: 1.5; font-size: .9em; }
#lists ul li { margin: 1em 1em 1em 3em; }
/* FORMS */
fieldset { width: 80%; }
label { width: 80%; padding-left: 20px; }
.input { margin-left: 20px; width: 80%; }
/* HEADERS */
h1 { font-size: 1.1em; letter-spacing: .15em; padding: 2em 2em 1em 1.1em; }
h2 { font-size: 1em; letter-spacing: .15em; padding: 1em 2em 1em 1.1em; }
h3 { font-size: .9em; letter-spacing: 1pt; padding: .5em 2em .5em 1.5em; }
}/*/mediaquery*/
	

/* Tablet Portrait size to standard 960 (devices and browsers) */
/* 768px/16 = 30em  - 1024/16 = 64em*/
	@media only screen and (min-width: 48em) {
#wrapper { width: 100%; }
#mainContent {width: 68%;}
#mainContent p { padding: 0 2em 1em 2em; }
#aside { margin-right: 2em;  width:26%; }
/* FORMS */
fieldset { width: 80%; }
label { width: 80%; padding-left: 20px; }
.input { margin-left: 20px; width: 70%; }
}/*/mediaquery*/
/* Desktops */
	@media only screen and (min-width: 60em) {
#wrapper { width: 100%; max-width: 1420px; }
/* FORMS */	
fieldset { width: 65%; }
.iput { width: 65%; }
/* SUB NAV */	
#subNav { width: 100% }
}
*/
}/*/mediaquery*/
 @media print {
* { background: transparent !important; color: #444 !important; text-shadow: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a:after { content: " (" attr(href) ")"; }
abbr:after { content: " (" attr(title) ")"; }
.ir a:after { content: ""; }  /* Don't show links for images */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
 @page {
margin: 0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
