html, body { height: 100%; /* #8cc6da #3686a1 */ font-family: sans-serif; font-size: 15px; }

#container { min-width: 920px; min-height: 100%; margin: 0 0 -8.5em 0; padding: 0; /*background-image: url('/image/fade-background.png');*/ background-position: top; background-repeat: repeat-x; }
#container:after { height: 8em; display: block; content: ' '; padding-bottom: 1em; }

#header, #content, #header ol, #header ul, #header li, #leftSideBar, #content ol.menu, #content ol.menu li, #footer ul, #footer ul li { list-style-type: none; margin: 0; padding: 0; }

#header { background-color: #349141; height: 9.1em; border-bottom: 1px solid #2e3530; }
#header ol.top { background-color: #1e2025; /* #1e2025 #2e3530 #3e4d4a */ border-bottom: 2px solid #000000; color: #ffffff; overflow: hidden; font-size: 85%; padding: 0 10%; }
#header ol.top li { float: left; }
#header ol.top li.login { float: right; width: auto; }
#header ol.top a { color: #ffffff; text-decoration: none; display: block; padding: 1em; }
#header ol.top a:hover { background-color: #3e4045; }
#header ol.top li.line { padding: 1em; }
#header ol.top li.line a { display: inline; padding: 0; text-decoration: underline; }
#header ol.top li.line a:hover { text-decoration: none; background-color: inherit; }

#header ul.services { margin-right: 10%; font-size: 85%; float: right; padding-top: 0.5em; }
#header ul.services li { float: left; padding: 0.5em 1em; background-image: url('/image/fade-middle.png'); }
#header ul.services li.left { height: 1em; padding-right: 0; background-position: left; background-image: url('/image/fade-left.png'); background-repeat: no-repeat; }
#header ul.services li.right { height: 1em; padding-right: 0; background-position: right; background-image: url('/image/fade-right.png'); background-repeat: no-repeat;  }
#header ul.services li a { font-weight: bold; text-decoration: none; color: #000000; }
#header ul.services li a:hover { text-decoration: underline; }

#header .flock { height: 50px; width: 100px; position: absolute; margin-left: 7em; margin-top: -35px; background-repeat: no-repeat; }

#header h1 { margin: 0.75em 10% 0.25em 10%; padding-left: 1em; font-size: 225%; font-weight: bold; }
#header h1 a { color: #000000; text-decoration: none; }
#header h1 a:hover { text-decoration: underline; }

ul#menu { float: right; margin: 0 10% 0 0; }
ul#menu li { float: left; margin: 0; }
ul#menu li a { font-weight: bold; display: block; padding: 3em 1em 0.5em 1em; color: #000000; text-decoration: none; }
ul#menu li:hover > a { text-decoration: none; background-color: #81c88a; }
ul#menu li.active > a { background-color: #81c88a; }
ul#menu li ul { display: none; position: absolute; }
ul#menu li ul li { float: none; font-weight: normal; width: 10em; }
ul#menu li ul li a { display: block; width: 100%; padding: 0.5em; background-color: #349141; border: 1px solid #1e2025; border-width: 0 1px; font-size: 90%; }
ul#menu li ul li a.last { border-bottom: 1px solid #1e2025; }
ul#menu li ul li a:hover { background-color: #81c88a; }
ul#menu li:hover ul { display: block; }

#content { margin: -2em 10% 0 10%; padding: 1em; background-color: #ffffff; border-top: 0.5em solid #bb4943; min-height: 8em; line-height: 1.25em; }

#footer { font-size: 80%; width: 100%; clear: both; min-width: 920px; }
#footer ul { background-color: #1e2025; color: #ffffff; border: 1px solid #000000; border-width: 1px 1px 1px 0; overflow: hidden; padding: 0 0 0 10%; width: 60%; float: left; }
#footer ul li.about { float: left; width: 60%; }
#footer ul li.about p { padding: 1em 2em 1em 1em; background-color: inherit; }
#footer ul li.about p.drop { padding-top: 0; }
#footer ul li.about a { color: #ffffff; }
#footer ul li.about a:hover { text-decoration: none; }

#footer ul li.navigation { overflow: auto; padding: 1em; }
#footer ul li.navigation div { font-weight: bold; }
#footer ul li.navigation ul { padding: 0 0 0 2em; list-style-type: square; color: #349141; border: 0; width: auto; }
#footer ul li.navigation ul li { padding: 0.15em 0; list-style-type: square; }
#footer ul li.navigation ul li a { color: #ffffff; text-decoration: none; }
#footer ul li.navigation ul li a:hover { text-decoration: underline; }

#footer #googleCheckoutLogo { padding: 1em 0 0 1em; float: left; }

#footer p { clear: both; background-color: #ffffff; padding: 1em 0 0 1em; }

#stripe { display: none; margin: 0; padding: 0 10% 2em 10%; background-color: #349141; border-bottom: 1px solid #2e3530; }
#stripe h2 { padding: 0.5em 0; }
#stripe p.tagline { padding: 0.5em 1em; font-size: 105%; width: 60%; line-height: 1.25em; }

/*
#stripe { background-color: #8cc4c7; }
#stripe { background-color: #3686a1; color: #ffffff; }
#stripe { background-color: #438b8f; color: #ffffff; }
#stripe h2 { color: #ffffff; }
*/


table h1, table h2, table h3, table h4, table h5, table h6 { font-style: normal; }
h2, h3, h4, h5, h6 { font-weight: bold; color: #151525; }
h2 { font-size: 200%; padding: 0.5em 0; }
h3 { font-size: 180%; padding: 0.5em 1em 0.5em 1em; }
h4 { font-size: 140%; padding: 0.5em 2em 0.5em 2em; }
h5 { font-size: 120%; }
h6 { font-size: 105%; }
a, a:visited { color: #ca3b36; }
a:hover, a:active { color: #ca3b36; text-decoration: none; }
p { padding: 1em; }
sup { position: relative; top: -0.3em; font-size: 80%; }
pre { font-family: monospace; /* "Courier New", Courier, monospace */ }

.positive { color: #44aa44; }
.negative { color: #cc4444; }

dl.error { border: 0.2em solid #ff6666; width: 90%; margin: 1em auto; background-color: #fff3f3; }
dl.error dt { border-bottom: 1px solid #ff6666; margin: 1em 1em 0 1em; padding: 0 0 0.1em 0; font-weight: bold; font-size: 120%; }
dl.error dd { padding: 1em; }
dl.error dd ul li { list-style-type: none; margin: 0; padding: 0.25em 1em; }

dl.confirmation { border: 0.2em solid #66dd66; width: 90%; margin: 1em auto; background-color: #f3fff3; }
dl.confirmation dt { border-bottom: 1px solid #66dd66; margin: 1em 1em 0 1em; padding: 0 0 0.1em 0; font-weight: bold; font-size: 120%; }
dl.confirmation dd { padding: 1em 1em 1em 2em; }
dl.confirmation dd ul li { list-style-type: none; margin: 0; padding: 0.25em 1em; }

table { border: 1px solid #bb4943; margin: 0.5em 0; padding: 0; width: 100%; }
table thead th { border: 1px solid #bb4943; border-width: 0 0 2px 1px; padding: 0.5em; color: #151525; font-size: 110%; text-align: center; }
table thead th.c0 { border-left-width: 0; }
table thead th.c0 h3 { padding: 0; font-size: 100%; }
table tbody td { padding: 0.5em; border: 1px solid #e5cfcf; border-width: 0 0 0 1px; text-align: left; }
table tbody td.centre { text-align: center; }
table tr { background-color: #fafafa; }
table tr.alternate { background-color: #f4eeee; }
table tbody tr:hover { background-color: #ece0da; }
table tfoot td { border-top: 1px solid #f4d0da; }
table tfoot td.single { border-top: 1px solid #e5cfcf; padding: 0.5em; text-align: left; font-size: 95%; }
table tfoot td.previous { text-align: left; padding: 1em; }
table tfoot td.next { text-align: right; padding: 1em; }

table.bold thead th.c0 { background-color: #dd938f; width: 30%; text-align: right; }
table.bold tbody td.c0 { border-left-width: 0; text-align: right; font-weight: bold; }

.wallOfText { margin: 1em; }
ol { margin: 0.5em; list-style-type: decimal; }
ol > li { list-style-type: decimal; margin: 0 0 0 4em; padding: 0.1em 0;  }
ul { margin: 0.5em; }
ul > li { list-style-type: disc; margin: 0 0 0 4em; padding: 0.2em 0; }
p { padding: 0.5em; }
p.add a { font-weight: bold; }