@import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700|Ubuntu:400,500,700);
*{ margin:0; padding:0; }
/* CSS Resets */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
html { height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { height: 100%; background: white url(images/back_shade.jpg) repeat-y; font: 100%/2.5 'Trebuchet MS', Helvetica, sans-serif; line-height: 1.5em; margin: 0; padding: 0; color: #000; min-height: 100%; *font-size: 1em; }
/* ! The 1140px Grid V2 by Andy Taylor */
.row { width: 100%; margin: 0 auto; overflow: hidden; }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; float: left; min-height: 1px; }
.row .onecol { width: 4.85%; }
.row .twocol { width: 13.45%; }
.row .threecol { width: 22.05%; }
.row .fourcol { width: 30.75%; }
.row .fivecol { width: 39.45%; }
.row .sixcol { width: 48%; }
.row .sevencol { width: 56.75%; }
.row .eightcol { width: 65.4%; }
.row .ninecol { width: 74.05%; }
.row .tencol { width: 82.7%; }
.row .elevencol { width: 91.35%; }
.row .twelvecol { width: 100%; float: left; }
.last { margin-right: 0px; }
img, object, embed { max-width: 100%; width:auto; }
img { height: auto; }
/* Smaller screens */
@media only screen and (max-width: 1023px) { body { font-size: 0.8em; line-height: 1.5em; } }
/* Mobile */
@media handheld, only screen and (max-width: 767px) {
body { font-size: 16px; -webkit-text-size-adjust: none; }
.row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }
form.clean { margin:0; padding:0; }
fieldset.clean { margin:0; padding:0; }
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { padding: 0; margin: 0; }
a img { border: none; }
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link { color:#003366; text-decoration: underline; }
a:visited { color: #003366; text-decoration: underline; }
a:hover, a:active, a:focus { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {text-shadow:1px 1px 1px rgba(0,0,0,.10);  margin-top: 0; padding-right: 15px; padding-left: 15px; color: #330000; }
h1 {margin: 0; font-size: 3em; line-height: 1.2em; margin-bottom: 0.4em;}
h2 {margin: 0; font-size: 2.25em; line-height: 1em; margin-bottom: 0.5em;}
h3 {margin: 0; font-size: 1.75em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.6667em; color:#d36233; border-left: 5px solid #d36233;}
h4 {margin: 0; font-size: 1.25em; line-height: 1em; margin-bottom: 1em; margin-left:0.5em; color:#d36233;}
h5 {margin: 0; font-size: 1.125em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em;}
h6 {margin: 0; font-size: 1.1em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em;}
p, ul, blockquote, td, th, label {margin: 0; font-size: 0.9em; line-height: 1.5em; margin-bottom: 1em; color: black;}
pre {margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1em; color: black;}
/* QUOTES */
blockquote, q {quotes: none; font-family: Arial, Helvetica, sans-serif;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic; }
blockquote { margin:0 3em; padding-left: 1.5em; border-left: 3px solid #ccc}
blockquote > p {padding: 0}
/* LISTS */
dl dd {margin-left: 1.5em}
dt {font-family:Futura, "Century Gothic", AppleGothic, sans-serif}
/* ~~miscellaneous float/clear classes~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right; margin-left: 8px; }
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left; margin-right: 8px; }
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both; height:0; font-size: 1px; line-height: 0px; }
/* page structure elements */
#nonFooter { position: relative; min-height: 100%; width:100%; }
* html #nonFooter { height: 100%; }
.bg { height: 90%; width: auto; position: absolute; top: 0; right: 0; z-index: -100; display:none; }
#content { padding-bottom: 6em; }
#header { width: 100%; display:inline-block; }
#heading { width: 100%; display:inline-block; }
#heading h1{ font: normal bolder 3em Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; letter-spacing: -0.075em; line-height: 0.9em; }
#heading h1 strong{ font-size: .65em;}
#maincontent{ display:inline-block; color: black; }
#maincontent strong{ color: #d36233; font-weight: bolder; }
#maincontent ul{ list-style: disc inside; }
#footer { position: relative; margin-top: -3.1em; text-align: left; font: 0.8em 'Droid Sans', "Helvetica", Arial, sans-serif; width:100%; clear:both;}
#footer p {padding-left: 10px; }
#footer .image{ width:25%; height:auto; position: absolute; bottom: -5px; right: 0px; clear:both; z-index: -50;}
#menu { float:left; display:inline-block; margin: 0px; padding: 5px; color: #d36233; text-align:left; vertical-align:top; }
ul.menu, ul.menu ul { list-style: none outside; font: bold 1em 'Droid Sans', "Helvetica", Arial, sans-serif; clear: both; padding: 0px; margin: 0px; width: 12em; }
ul.menu ul { padding-left: 1em; }
ul.menu a { display: block; padding: 3px; text-decoration: none; white-space: nowrap; color: #d36233; border-left: 5px solid transparent; }
ul.menu li a, ul.menu ul.menu li a { color: #d36233; }
ul.menu li a:hover, ul.menu ul.menu li a:hover { border-left: 5px solid #d36233; }
ul.menu li ul li a, ul.menu ul.menu li ul li a { color: #898989; }
ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover { border-left: 5px #898989 solid; }
ul.menu ul.menu li a:hover { border-left: 0; }
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover { text-decoration:underline; }
.se { display:none; width:1px; height:1px; bottom:0; right:0; overflow:hidden; font-size: 1px; font-weight: 100; color: white; visibility : hidden; }