html, body {font-family: "Arial", "Times", "Times New Roman", serif; color: black; padding: 0px; margin: 0px; border: 0px; height: 100%; max-height: 100%; overflow: hidden;}

img {border: none;}

.stylehint {display: none;}

h2, h3, dt {letter-spacing: 0.1em;}

.content > p:first-child:first-letter, .content > p:first-of-type:first-letter, .section > .content > h3 + p:first-letter {color: #fff; font-size: 4em; float: left; margin-right: 5px; border: 2px solid #009b5f; padding: 0.1em; background-color: #007000;}

.content > p:first-child, .section > .content > h3 + p {text-indent: -0.2em;}

/* .content > p:first-child:first-line, .content > h3 + p:first-line {color: blue; margin-left: 10px; padding-left: 20px; left: 20px;} */

#pageheader {position: absolute; top: 0px; left: 110px; color: white; background-repeat: no-repeat; z-index: 500; min-width: 624px; min-height: 115px; margin-top: -40px; padding-top: 40px; margin-left: -80px; padding-left: 80px;}

#pageheader h1 a {color: white; font-variant: small-caps;}

#sections {overflow: auto; position: absolute; top: 0px; bottom: 1.2em; left: 0px; right: 0px; padding-left: 0px; padding-top: 185px; padding-right: 1%; /*background-color: #00c198; border: thin black solid;*/ border-left: 100px solid #413329; margin-left: 0px;}

#pagefooter {position: absolute; z-index:3; display:block; margin: 0px; padding: 0.1em; padding-left: 100px; background-color: green; width: 100%; bottom: 0px; left: 0px; right: 0px; z-index: 1000;}

#pagefooter, #pagefooter a {color: white;}

#pagefooter #contactElement {position: absolute; bottom: 1em; left: 200px; color: black; max-width: 300px;}

#contactElement h4 {margin-bottom: 2px;}

#contactElement p {margin-top: 2px;}

#pagefooter .popup + #W3Bs {display: none; position: absolute; left: 75px; bottom: 1em; /**/ background-color: #f0b800; border: #e28500 2px solid; margin-bottom: 30px;}

#pagefooter .popup + #W3Bs p {padding: 4px 20px 36px 20px; margin-bottom: -30px; /**/ background-image: url('../Images/pdownO3.png'); background-repeat: no-repeat; background-position: bottom;}

#pagefooter .popup:hover + #W3Bs, #pagefooter #W3Bs:hover {display: block;}

.section {background-color: #fffff0; margin-left: 1%; margin-top: 1%; border: 1px solid black;}

.popup {text-decoration: underline; cursor: pointer;}

.section p {padding: 0 0.5em; /*margin-bottom: 0;*/}

.section .content > p:first-child {margin-top: 0;}

.section .header {margin:0px; background-image: url('../Images/secTL.png'); background-repeat: no-repeat; background-position: left top; height: 61px; padding-left: 352px; margin-top: -1px; margin-left: -1px;}

.section .header.title {text-indent: -250px; padding-top: 10px; position: relative;}

.section .content {padding-bottom: 5px; margin-top: 0; padding: 5px; position: relative; z-index: 10;}

.section .footer {background-image: url('../Images/secBR.png'); background-repeat: no-repeat; background-position: right bottom; height: 60px; padding-bottom: 1px; clear: both; margin-bottom: -1px; margin-right: -1px;}

.section .footer p {height: 60px; margin-right: 352px; text-align: left; margin-top: 0; line-height: 60px; vertical-align: text-bottom;}

.section .box {display: inline-block; width: 30%; background-color: #f0b800; border: #e28500 2px solid; margin-left: 3em; color: white; background-repeat: no-repeat; position: relative;}

.section .box .content {padding: 5px;}

.section .box h3 img {float: left; margin-top: -63px; margin-left: -45px;}

.section .box h3 {margin: 18px 0;}

.section .box a {color: white;}

.section .box .content a:hover {text-decoration: none; border-bottom: 1px dashed white;}

.box .more {position: absolute; top: 100%; left: 0; background-color: #fff; margin-left: -2px; margin-top: 2px;}

.box .more a {background-color: #f0c434; color: white; border: #e28500 2px solid; padding: 0 5px; -webkit-border-radius-bottomleft: 10px; -webkit-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-decoration: none;}

.box .more a.selected, .box .more a:hover {background-color: #f0b800; border-top: none; margin-top: -2px; padding-top: 2px;}

.box.attaches {background-color: white; padding-top: 0; position: relative; z-index: 0; /**/ background-color: #f0b800; margin-left: 50px;}

.attaches.box .content {width: 100%; /**/ background-image: url(../Images/pleftO2.png); background-repeat: no-repeat; background-position: 0 10px; margin-left: -30px; padding-left: 30px;}

.attaches h3:first-child {background-color: #f0b800; margin: 0; padding: 18px 0 18px 5px;}

.attaches h3 + ol, .attaches h3 + ol li:first-child {margin-top: 0;}

.content.has-box {width: 60%; display: inline-block; vertical-align: top;}

em {font-size: larger; letter-spacing: 0.1em;}

dt {font-weight: bold; font-size: 1.3em; color: #002000;}

.demopicture {float: right; margin: 5px; clear: right; text-align: center; width: 180px;}

.picture {display: inline-block; width: 49%; text-align: center;}

.picture .caption {margin-top: 5px; margin-bottom: 50px;}

p.footer, .sectionfooter p {clear: both; margin-bottom: 0px; padding-top: 20px;}

ul.ticklist {list-style-image: url(Images/tick.png); margin-left: 10px;}

.ticklist a {position: relative; bottom: 6px; color: blue;}

.ticklist a:hover {font-style: italic;}

/* Table Styling */

thead {background-color: #f0b800; color: white;}

thead a {color: white; text-decoration: none; border-bottom: 2px dotted white;}

thead a:hover {border-bottom: 2px solid blue; color: blue;}

tbody {background-color: #009b5f; color: white;}

tbody a {color: white;}

/* Definition List Styling */

dd h3 {font-size: inherit;}

dd img {float: right; padding: 10px;}

dd .about, p, blockquote, ul {line-height: 2em;}

#menu ul {line-height: 1em;}

dt, dd, blockquote, p + ul {clear: both;}

dd ul {clear: none;}

/* Ordered List Styling */

ol {counter-reset: item; padding-left: 20px; margin-left: 20px;}

ol li {display: block; text-indent: -20px; margin-top: 10px;}

ol li:before {content: counters(item, ".") "."; counter-increment: item; margin-right: 6px;}

/* Blockquotes */
blockquote[cite] {/*padding-right: 50%; */position: relative;}

blockquote:before {content: url(../Images/openspeech.png)}
blockquote:after {content: url(../Images/closespeech.png)}

blockquote .cite {/*position: absolute; right: 0; top: 0;*/ float: right; margin-left: 50px;}

blockquote {padding-top: 20px;}

.cite img {display: block;}

/* Forms and Link Buttons */
/* .text input, textarea {width: 100%;} */
.section form {width: 100%; margin-left: 10px; /* background-color: #bcd6f2; margin-left: 10px; padding: 10px;*/}

form dl:first-child, form h3:first-child {margin-top: 0;}

input, textarea {background-color: white; color: black;}

label {float:left; clear: left; display: block; width: 5em; position: relative; margin-right: 5px; margin-top: 15px;}

label.radiolabel {float: none; display: inline; margin-left: 4px; margin-right: 1px;}

#submit {clear: both; width: 100%;}

form h3 {background-color:#007000; color: white; margin-bottom: 0;/* border: dashed 1px black;*/}

form .section {border: none; background-color: #e6ecf2; margin: 0; padding: 5px 5px 15px 5px;}

form dt {color: #008000; letter-spacing: 0; font-size: large;}

form #submit-element {margin-left: 0;}

/* form dt {color: white;} */

form dd {clear: none; margin-top: 15px;}

input[type=submit], a.button, button {background-color: #07f; color: white; padding: 10px;}

input[type=submit]:hover, input[type=submit]:focus, a.button:hover, a.button:focus, button:hover, button:focus {background-color: #03f;}

a.button:focus {outline: 1px dashed black;}

/* For the js form */
#contactElement fieldset {background-color: #fffff0; border: 2px solid green; margin-bottom: 2px;}

#contactElement fieldset legend {background-color: #b27e59; color: white;}

/* More stuff to integrate into stuff above */

.choice {display: inline-block; width: 49.8%; background-color: #add8e6; color: purple; height: 450px; vertical-align: top; -moz-border-radius-topleft: 18px;}

.choice h3, form h3 {color: white; padding: 18px 0; text-indent: 2em; -moz-border-radius-topleft: 18px;}

.choice h3 {margin: 0 0 10px 0; background-color: #f0b800;}

.choice a {color: purple;}

.choice a:hover {color: red;}

.choice + .choice, .choice + .choice h3 {-moz-border-radius-topright: 18px; -moz-border-radius-topleft: 0;}

.choice object {display: block; margin: 0 auto;}

/* OL styling on front page */
ol#process {list-style: none; margin-bottom: 3em;}

ol#process li {display: inline;}

ol#process li + li {margin-left: 2em;}

ol#process li:before {background: #f0b800; border: #e28500 2px solid; -moz-border-radius: 100%; padding: 0.5em 0.7em; color: white;}