﻿/* html new tags =====================*/
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
body, #container, #masthead, #sidebar, #content, #footer {margin: 0; padding: 0; border: 0;}
body { margin-left: 200px; background-image: none; text-align: center; line-height:1.4em; margin:4px auto;
	font-size:1.1em; width:1140px; color: #000; background-color: #000; font-family: font-family: 'Open Sans', sans-serif, Helvetica, Arial;}
#container { width: 100%; background-color: #C0C0C0; border-color:#fff; border-radius: 12px; border:1px; border-style:solid; }

#masthead { font-family: 'Open Sans', sans-serif, Helvetica, Arial, sans-serif; margin: 0px 10px 10px 10px; padding: 20px 0px 1px 0px; height: 180px; 
font-size: 1.4em; line-height:1.4em; text-align: right; background-color: #C0C0C0; color: #000;}
#sidebar { font: normal normal 900 100% Cambria, Cochin, "Times New Roman", serif; text-align: left;
border-style: solid; border-color: #FFF; position: relative; float: left; width: 210px; padding: 0px 2px 10px 10px;}
#content { border-radius: 12px; border:1px; border-style:solid; border-color:#000; margin: 0px 8px 0px 228px; background-color: #d3d3d3;
	font-family: 'Open Sans', sans-serif; margin-right: 12px; background-image: none; text-align: center; 
	line-height:1.4em; box-shadow: 2px 3px 5px 0px #666; padding: 10px;}
#footer { width: 100%; margin:20px 0 20px 0; background-color: #C0C0C0; text-align: center; font-size: 1.2em; font-weight: bold;}
#masthead img { float: left; margin: 26px 20px 30px 0px;}
#masthead p { margin: 0; margin-right: 1%; }
h1, h2, h3, h4, h5 { font-family: 'Fresca', sans-serif; letter-spacing: 1px;}
h3, h4 { margin:8px; line-height:1.6em; font-size:1.2em;}
#content table {margin:14px auto; text-align: center;} 
/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin: 1em 0; padding: 10 0 0 4px; line-height: 1.6em;}
dd { margin: 0 40px 0 40px; }
dt a{ margin: 10 0 10 0px; font-weight:bold; font-size: 1.8em;}
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* ========================================================
   Embedded content
   ========================================================= */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *  code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */}
/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) { overflow: hidden; }
/* Styles for Columns */
#multicol {
	-moz-column-count: 3;
	-moz-column-gap: 2px;
	-webkit-column-count: 3;
	-webkit-column-gap: 2px;
	column-count: 3;
	column-gap: 2px;
	font-size: 1em;
}
/* Styles for Navigation */
#sidebar ul { list-style-type: none; margin: 0; padding: 0; background-color: #c0c0c0; border-radius: 12px;}
#sidebar li { display: block; border: 1px solid #333; border-bottom: 0px; line-height: 2em;}
#sidebar a { font-weight: bold; text-decoration: none; color: #fff; display: block; padding: 8px; background-color: #c0c0c0; }
#sidebar a:hover { font-weight: bold; text-decoration: none; color: #fff; border: 1px solid #333; background-color: #333; border-radius: 12px;}
/* Styles for Footer */
#footer p {	font-size: 0.9em; text-align: center;}
#footer a {	color: #393939;	text-decoration: none;}
#footer a:hover { color: #339933; text-decoration: none;}
#content a {	color: #158F00; text-decoration:none; font-size:1.2em; }
#content a:hover { color: #336633; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5);}
#border-radius { height:auto; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
	border:1px; border-style:solid; border-color:#000000;}
p { font-size:1.2em; line-height:1.4em; padding:5px 0; margin:2px; text-align:center;}
ul { list-style-type: none; }
a:hover, a:active { outline: none; }
blockquote { background-color: #F0F0F0; border: 1px solid #666; border-radius: 16px 30px 16px 30px; box-shadow: 2px 3px 5px 0px #666; color: #333333;
    font: 1.1em/1.4em 'Droid Sans',Arial,sans-serif; margin: 10px 12px 10px 12px; padding: 10px 30px;}
/*  ==============================================
	CONTACT FORM 
	==============================================*/	
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block; }
* html .clear { height: 1%;}
#contactWrapper { width:600px; border: 1px solid #DEDEDE; border-radius: 16px 30px 16px 30px; box-shadow: 0px 3px 5px 0px #333333;
     background:#aaa; padding: 20px; margin:10px 40px 80px 110px }
#contactWrapper label { float:none; font-size:16px; width:auto; font-weight: bold; margin: 0px 7px; color: #333333;}
#contactWrapper label.error { display:block; float:none; font-size:14px; width:auto; font-weight: normal; margin-bottom: 0px; color: #bb3737; background: #fad6d6; border: 1px solid #bb3737; margin-top: 5px; padding: 5px 7px;}
#contactWrapper label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px;}
#contactWrapper em { color: #01b3b3;}
#contactWrapper .stage { margin-bottom: 12px; margin-top: 8px;}
#contactWrapper .requiredNote { margin: 2px 0px 10px; color: #003399; font-size:0.9em;}
#contactWrapper .success { padding: 10px; background: #f0ffc1; border: 1px solid #819934; margin-bottom: 15px; color: #819934;}
#contactWrapper .success p { margin: 0px;}
#contactform input, #contactform textarea { font-family:Helvetica, Arial, sans-serif; font-size:1.2em; border:1px solid #e7e2d7;
	border-radius:3px; padding:2px 4px; width: 300px; }
#contactform input:focus, #contactform textarea:focus { border:1px solid #666;}
#submitButton:hover, #submitButton:active{ background-color: #3399FF; color:white; }
#submitButton {	font-family:Georgia, times, serif;	font-size:1.2em; color:white; font-style:italic;
	border:1px solid; border-radius:3px; padding:6px 10px; cursor:pointer; background-color:#006000;}
