/*
base.css

This stylesheet is included in every page except those using the "printable"
theme variant.
 */

/******************
 * General styles *
 ******************/

html, body {
  /* FF and compliant browsers should automatically size the body/html */
  height:               auto !important;
  /* IE will set the body/html to 100%, anything overflowing that will
     (incorrectly) resize it */
  height:               100%;
  /* when FF/etc automatically size the body/html it should be AT LEAST the
     height of the entire browser window, but can expand based on content. */
  min-height:           100%;
  background-color:     #3F9D3F;
  margin:               0;
}

body {
  margin:               0.25em 3%;
  text-align:           justify;
  color:                #213200;
  font-size:            1.0em !important;
  font-family:          "Calibri", "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
}

p {
  margin:               1.5em 1em;
}

img {
  border-style:         none;
}

hr {
  width:                90%;
  margin-top:           1.8em;
  margin-bottom:        2.0em;
  border-style:         groove;
  border-top-width:     2px;
  border-color:         #3E3E4E;
}

/***************
 * Text styles *
 ***************/

a {
  color:                #CBFE65;
}

.menu a,
.main a {
  color:                #60782F;
}

a:link {
  text-decoration:      none;
}

a:visited {
  text-decoration:      none;
}

a:hover {
  text-decoration:      underline;
}

a:active {
  text-decoration:      underline;
}

h1, h2, h3, h4, h5, h6 {
  margin:               0.75em 0 0.5em;
  font-family:          "Cooper Black", "Constantia", "Georgia",
                        "Times New Roman", serif;
  font-weight:          bold;
  letter-spacing:       0.05em;
}

h1, h2 {
  font-variant:         small-caps;
}

h1 {
  font-size:            2.2em;
}

h2 {
  font-size:            2.0em;
}

h3 {
  font-size:            1.6em;
}

h4 {
  font-size:            1.4em;
}

h5 {
  font-size:            1.2em;
}

h6 {
  font-size:            1.0em;
}

.header {
  font-family:          "Constantia", "Georgia", "Times New Roman", serif;
  font-weight:          bold;
}

.mono {
  font-family:          "Consolas", "Lucida Mono", "Andale Mono", monospace;
  font-size:            0.85em;
}

.smallcaps {
  font-variant:         small-caps;
}

.small {
  font-size:            0.9em;
}

.small2 {
  font-size:            0.8em;
}

.small3 {
  font-size:            0.7em;
}

.small4 {
  font-size:            0.6em;
}

.small5 {
  font-size:            0.5em;
}

.large {
  font-size:            1.1em;
}

.large2 {
  font-size:            1.2em;
}

.large3 {
  font-size:            1.3em;
}

.large4 {
  font-size:            1.4em;
}

.large5 {
  font-size:            1.5em;
}

.large6 {
  font-size:            1.6em;
}

.large7 {
  font-size:            1.7em;
}

.underline {
  text-decoration:      underline;
}

/*****************
 * Layout styles *
 *****************/

.hboxlayout {
  margin:               0 !important;
  padding:              0 !important;
}

.vboxlayout {
  margin:               0 !important;
  padding:              0 !important;
}

td.layout_item {
  margin:               0 !important;
  padding:              0 !important;
  vertical-align:       top;
}

div.layout_item {
  margin:               0 !important;
  padding:              0 !important;
}

.width-auto {
  width:                auto;
}

.margins-auto {
  margin-left:          auto;
  margin-right:         auto;
}

.align-left {
  text-align:           left;
}

.align-center {
  text-align:           center;
}

.align-right {
  text-align:           right;
}

.align-justify {
  text-align:           justify;
}

.valign-top {
  vertical-align:       text-top;
}

.valign-middle {
  vertical-align:       middle;
}

.valign-bottom {
  vertical-align:       text-bottom;
}

.inlineimg {
  padding-left:         20px;
  padding-right:        20px;
}

/************************
* Header-related styles *
************************/

.banner {
  top:                  10px;
  width:                auto;
  height:               51px;
  margin-left:          auto;
  margin-right:         auto;
  margin-bottom:        10px;
  text-align:           center;
}

.logo {
  margin-right:         10px;
}

.site-title {
  display:              inline;
  position:             relative;
  top:                  3px;
  width:                auto;
  /*text-align:           left;
  color:                #E3E3EA;
  font-family:          "Constantia", "Georgia", "Times New Roman", serif;
  font-size:            2.4em;
  font-variant:         small-caps;
  font-weight:          bold;*/
}

/***************
* Menu styles *
***************/

.menu {
  width:                auto;
  margin-left:          auto;
  margin-right:         auto;
  text-align:           center;
}

.menu .menu_item {
  cursor:               default;
  display:              inline;
  margin-left:          0.1em;
  margin-right:         0.1em;
  border-width:         2px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -khtml-border-top-left-radius: 10px;
  -khtml-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-style:         ridge;
  border-color:         #3E3E4E;
  background-color:     #E3E3EA;
  padding-top:          0.1em;
  padding-left:         1.0em;
  padding-right:        1.0em;
  font-family:          "Cooper Black", "Constantia", "Georgia",
                        "Times New Roman", serif;
  font-size:            1.2em;
  font-weight:          bold;
}

.menu .selected_item {
  border-bottom-style:  none;
  border-collapse:      separate;
  padding-bottom:       2px;
}

.menu .menu_item:hover {
  box-shadow:           0px -1px 2px 1px #CBFE65;
  -khtml-box-shadow:    0px -1px 2px 1px #CBFE65;
  -moz-box-shadow:      0px -1px 2px 1px #CBFE65;
  -webkit-box-shadow:   0px -1px 2px 1px #CBFE65;
}

.menu .menu_item a:hover {
  text-decoration:      none;
}

a.menu_link {
  text-decoration:      none;
  text-outline:         1px 1px #3E3E4E;
}

/**********************
* Content area styles *
**********************/

.main {
  display:              block;
  box-shadow:           0px 4px 16px 4px #3E3E4E;
  -khtml-box-shadow:    0px 4px 16px 4px #3E3E4E;
  -moz-box-shadow:      0px 4px 16px 4px #3E3E4E;
  -webkit-box-shadow:   0px 4px 16px 4px #3E3E4E;
  border-width:         2px;
  border-radius:        20px;
  -khtml-border-radius: 20px;
  -moz-border-radius:   20px;
  -webkit-border-radius: 20px;
  border-style:         ridge;
  border-color:         #3E3E4E;
  background-color:     #E3E3EA;
  padding:              1.5em 5%;
  text-align:           center;
}

.main p {
  text-align:           justify;
}

.main ol {
  text-align:           justify;
}

.main ul {
  text-align:           justify;
}

.main .align-left {
  text-align:           left;
}

.main .align-center {
  text-align:           center;
}

.main .align-right {
  text-align:           right;
}

.pane {
  display:              table;
  margin-left:          auto;
  margin-right:         auto;
  border-width:         2px;
  border-style:         inset;
  border-collapse:      collapse;
  border-color:         #C0C0C0; /* Silver */
  background-color:     #C0C0C0; /* Silver */
  color:                #000000; /* Black */
}

.pane div {
  padding-top:          0.3em;
  padding-bottom:       0.3em;
  padding-left:         0.5em;
  padding-right:        0.5em;
}

.pane .header {
  background-color:     #CD0000; /* blood red */
  color:                #C0C0C0; /* Silver */
}

.pane .header .entry {
  padding-left:         0.2em;
  padding-right:        0.2em;
}

.pane .header a:link {
  color:                #C0C0C0; /* Silver */
}

.pane .header a:visited {
  color:                #C0C0C0; /* Silver */
}

.pane .header a:hover {
  color:                #F5F5F5; /* WhiteSmoke */
}

.pane .header a:active {
  color:                #F5F5F5; /* WhiteSmoke */
}

.pane .light {
  background-color:     #F5F5F5; /* WhiteSmoke */
}

.pane hr {
  margin-top:           0.5em;
  margin-bottom:        0.5em;
}

.simple {
  margin-top:           16px;
  margin-left:          12%;
  margin-right:         12%;
  margin-bottom:        16px;
  background-color:     #000000; /* Black */
  color:                #FFFFFF; /* White */
  text-align:           center;
}

.simple a {
  color:                #CD0000; /* blood red */
}

.thinbtn {
  height:               1.8em;
  font-size:            0.7em;
}

/****************
* Table styles *
****************/

table {
  width:                100%;
  margin-left:          auto;
  margin-right:         auto;
  border-style:         none;
  border-collapse:      collapse;
}

td {
  margin-left:          auto;
  margin-right:         auto;
}

td hr {
  margin-top:           0pt;
  margin-bottom:        0pt;
}

table.outer td {
  border-style:         none;
  padding:              0;
}

table.simpletbl {
  width:                auto;
}

table.simpletbl td {
  padding:              2px 5px 2px 5px;
  vertical-align:       top;
}

/* OBSOLETE */

table.pane {
  margin-left:          auto;
  margin-right:         auto;
  border-width:         2px;
  border-style:         inset;
  border-color:         #C0C0C0; /* Silver */
  background-color:     #C0C0C0; /* Silver */
  color:                #000000; /* Black */
}

table.pane td {
  padding-top:          3px;
  padding-left:         0.8em;
  padding-right:        0.8em;
}

table.pane .header {
  background-color:     #CD0000; /* blood red */
  color:                #C0C0C0; /* Silver */
}

table.pane .header a:link {
  color:                #C0C0C0; /* Silver */
}

table.pane .header a:visited {
  color:                #C0C0C0; /* Silver */
}

table.pane .header a:hover {
  color:                #F5F5F5; /* WhiteSmoke */
}

table.pane .header a:active {
  color:                #F5F5F5; /* WhiteSmoke */
}

table.pane .entry {
  background-color:     #C0C0C0; /* blood red */
  color:                #CD0000; /* Silver */
}

table.pane .light {
  background-color:     #F5F5F5; /* WhiteSmoke */
}

/* /OBSOLETE */

/***************
* Form styles *
***************/

fieldset {
  margin:               0;
  border:               0;
  padding:              0;
}

input, select, textarea {
  background-color:     #C0C0C0; /* Silver */
  color:                #000000; /* Black */
  font-family:          "Consolas", "Lucida Mono", monospace;
}

legend {
  padding-top:          0.5em;
  padding-left:         1.0em;
  padding-bottom:       0.5em;
  font-family:          "Constantia", "Georgia", "Times New Roman", serif;
  text-decoration:      underline;
}

input {
  font-weight:          bold;
}

textarea {
  font-size:            0.9em;
}

.form_label {
  min-width:            42%;
  vertical-align:       top;
  text-align:           right;
  font-family:          "Georgia", "Times New Roman", serif;
  font-size:            0.9em;
  font-weight:          bold;
  padding-top:          0.22em !important;
  padding-bottom:       0;
  padding-left:         1.5em;
  padding-right:        0.5em;
}

.form_input {
  vertical-align:       top;
  text-align:           left;
  padding-left:         0.5em;
  padding-right:        1.5em;
}

.form_buttons {
  padding-right:        1.5em;
  text-align:           right;
}

/***************
* List styles *
***************/

.listlabel {
  padding-left:         1.8em;
  padding-right:        0.5em;
  text-align:           right;
  vertical-align:       text-top;
  font-family:          "Constantia", "Georgia", "Times New Roman", serif;
  font-weight:          normal;
}

.listlabel_bold {
  padding-left:         1.8em;
  padding-right:        0.5em;
  text-align:           right;
  vertical-align:       text-top;
  font-family:          "Constantia", "Georgia", "Times New Roman", serif;
  font-weight:          bold;
}

.listentry {
  padding-left:         0.5em;
  padding-right:        1.8em;
  text-align:           left;
}

/******************
* Spacing styles *
******************/

.hspacer0 {
  display:              inline;
  width:                0px;
  margin:               0 !important;
  padding:              0 !important;
}

td.hspacer0 {
  display:              table-cell;
}

.hspacer5 {
  display:              inline;
  width:                5px;
  height:               1px;
  margin:               0 !important;
  padding:              0 !important;
}

td.hspacer5 {
  display:              table-cell;
}

.hspacer10 {
  display:              inline;
  width:                10px;
  height:               1px;
  margin:               0 !important;
  padding:              0 !important;
}

td.hspacer10 {
  display:              table-cell;
}

.hspacer15 {
  display:              inline;
  width:                15px;
  height:               1px;
  margin:               0 !important;
  padding:              0 !important;
}

td.hspacer15 {
  display:              table-cell;
}

.hspacer20 {
  display:              inline;
  width:                20px;
  height:               1px;
  margin:               0 !important;
  padding:              0 !important;
}

td.hspacer20 {
  display:              table-cell;
}

.hspacer25 {
  display:              inline;
  width:                25px;
  height:               1px;
  margin:               0 !important;
  padding:              0 !important;
}

td.hspacer25 {
  display:              table-cell;
}

.hspacer30 {
  display:              inline;
  width:                30px;
  height:               1px;
  margin:               0 !important;
  padding:              0 !important;
}

td.hspacer30 {
  display:              table-cell;
}

.hspacer35 {
  display:              inline;
  width:                35px;
  height:               1px;
  margin:               0 !important;
  padding:              0 !important;
}

td.hspacer35 {
  display:              table-cell;
}

.hspacer40 {
  display:              inline;
  width:                40px;
  height:               1px;
  margin:               0 !important;
  padding:              0 !important;
}

td.hspacer40 {
  display:              table-cell;
}

.hspacer45 {
  display:              inline;
  width:                45px;
  height:               1px;
  margin:               0 !important;
  padding:              0 !important;
}

td.hspacer45 {
  display:              table-cell;
}

.hspacer50 {
  display:              inline;
  width:                50px;
  height:               1px;
  margin:               0 !important;
  padding:              0 !important;
}

td.hspacer50 {
  display:              table-cell;
}

.vspacer0 {
  height:               0px;
  margin:               0 !important;
  padding:              0 !important;
}

.vspacer5 {
  height:               5px;
  margin:               0 !important;
  padding:              0 !important;
}

.vspacer10 {
  height:               10px;
  margin:               0 !important;
  padding:              0 !important;
}

.vspacer15 {
  height:               15px;
  margin:               0 !important;
  padding:              0 !important;
}

.vspacer20 {
  height:               20px;
  margin:               0 !important;
  padding:              0 !important;
}

.vspacer25 {
  height:               25px;
  margin:               0 !important;
  padding:              0 !important;
}

.vspacer30 {
  height:               30px;
  margin:               0 !important;
  padding:              0 !important;
}

.vspacer35 {
  height:               35px;
  margin:               0 !important;
  padding:              0 !important;
}

.vspacer40 {
  height:               40px;
  margin:               0 !important;
  padding:              0 !important;
}

.vspacer45 {
  height:               45px;
  margin:               0 !important;
  padding:              0 !important;
}

.vspacer50 {
  height:               50px;
  margin:               0 !important;
  padding:              0 !important;
}

.pad5 {
  padding:              5px;
}

.pad10 {
  padding:              10px;
}

.padtd5 td {
  padding:              5px;
}

.padtd10 td {
  padding:              10px;
}

/*************************
* Footer-related styles *
*************************/

.footermap {
  text-align:           center;
  font-size:            0.9em;
}

.copyright {
  text-align:           center;
  font-size:            0.9em;
}

.webmaster {
  text-align:           center;
  font-size:            0.6em;
}