/*--------------------------*/
/* CSS Chapleau Foundation
/*--------------------------*/
body {
background: #D0E6B7;
margin:0px;
padding: 0px;
color: black;
font-family: arial;
font-size: 12.5px;
font-weight: normal;
}

table { margin: 0px;  padding: 0px; }
td    { margin: 0px;  padding: 0px; }

img { margin: 0px;  padding: 0px;  border: 0px; }

div { margin: 0px;  padding: 0px; }

ul { margin: 0px;  padding: 0px;  line-height: 18px; }

.clearFloat { clear: both }

.middle { vertical-align: middle }

/*---- Main table ----*/
table#maintab {
width: 850px;
margin: auto;
margin-top: 8px;
}

table#maintab td {
margin: 0px;
padding: 0px;
}

/*---- Sub table ----*/
table#subtab {
width: 100%;
margin: 0px 0px -4px 0px;
}

table#subtab td.template {
border-left: 3px solid #355250;
border-right: 3px solid #355250;
background: white;
vertical-align: top;
}

/* footer */
.footer {
margin: 5px 5px 0px 0px;
color: black;
text-align: center;
font-size: 12px;
font-style: italic
}

/*---- Text ----*/
p { margin: 0px;  padding: 0px;  line-height: 1.5em; }
p.H1 { font-size: 1.1em;  font-weight: bold;  margin-bottom: 6px; color: black}
p.H2 { font-size: 1.0em;  font-weight: bold;  margin-bottom: 5px; color: black}
p.H3 { font-size: 0.9em;  font-weight: bold;  margin-bottom: 4px; color: black}

p.G1 { font-size: 1.1em;  font-weight: bold;  margin-bottom: 6px; color: #081}
p.G2 { font-size: 1.0em;  font-weight: bold;  margin-bottom: 5px; color: #081}
p.G3 { font-size: 0.9em;  font-weight: bold;  margin-bottom: 4px; color: #081}

span { margin: 0px;  padding: 0px;  line-height: 1.5em; }
span.H1 { font-size: 1.1em;  font-weight: bold;  margin-bottom: 6px; color: black}
span.H2 { font-size: 1.0em;  font-weight: bold;  margin-bottom: 5px; color: black}
span.H3 { font-size: 0.9em;  font-weight: bold;  margin-bottom: 4px; color: black}

span.G1 { font-size: 1.1em;  font-weight: bold;  margin-bottom: 6px; color: #081}
span.G2 { font-size: 1.0em;  font-weight: bold;  margin-bottom: 5px; color: #081}
span.G3 { font-size: 0.9;  font-weight: bold;  margin-bottom: 4px; color: #081}

.A1 {
color: black;
font-family: arial;
font-size: 1.0em;
font-weight: normal;
margin: 0px;
padding: 0px;
line-height: 18px;
}

.A2 {
color: #081;
font-family: arial;
font-size: 1.0em;
font-weight: normal;
margin: 0px;
padding: 0px;
line-height: 18px;
}

.grow {
color: #1f8b6c;
font-family: arial;
font-size: 1.0em;
font-weight: normal;
margin: 0px;
padding: 0px;
line-height: 18px;
}

.headBox {
color: black;
font-size: 1.0em;
font-weight: bold;
margin: 4px 0px 0px 5px;
}

/*---- Links ----*/
a { color:black;  text-decoration:none}
a:visited {color:black}
a:hover {color:red}

/* regular link */
a.A1 {
color: #02b;
font-family: arial;
font-size: 1.0em;
font-weight: normal;
text-decoration:none;
}
a.A1:visited {color:#02b;}
a.A1:hover {color:red;}

/* bold link */
a.A2 {
color: #04a;
font-family: arial;
font-size: 1.0em;
font-weight: bold;
text-decoration:none;
}
a.A2:visited {color:#04a;}
a.A2:hover {color:red;}

/* More... link */
a.A3 {
color: #0028FE;
font-family: arial;
font-size: 0.9em;
font-weight: normal;
text-decoration: none;
}
a.A3:visited {color:#0028FE}
a.A3:hover {color:red}

/* foundation topmenu link */
a.foundmenu {
color: black;
font-family: arial;
font-size: 1.0em;
font-weight: normal;
text-decoration: none;
}
a.foundmenu:visited {color:black;}
a.foundmenu:hover {color:blue;}

/* search link */
a.search { display:none }

/* donate button link */
a.A4 {color: #a00;}
a.A4:visited {color: #a00}
a.A4:hover {color: blue}

/* white background link */
a.A5 {color: #fbfbfb;}
a.A5:visited {color: #fbfbfb}
a.A5:hover {color: #dbdbdb}

/* fake regular link */
.flink {
color: #02b;
font-family: arial;
font-size: 1.0em;
font-weight: normal;
text-decoration:none;
}

/* skip to main content */
a.skipnav { color: white; }
a.skipnav:active, a.skipnav:focus { color: black; }

/*---- Table with border ----*/
.tabB {
border-collapse: collapse;
}

.tabB td, th {
border: 1px solid black;
}

/*---- Box table ----*/
.tabBox {
border-collapse: collapse;
border-spacing: 0px;
}

.tabBox td {
vertical-align: top;
}

/*---- Boxes ----*/
.boxG1 {background:#EEF7E6;}
.boxG1C1 {background:url('../images/boxes/boxC1.bmp'); width:8px; height:24px; }
.boxG1C2 {background:url('../images/boxes/boxC2.bmp'); width:8px; height:24px; }
.boxG1C3 {background:url('../images/boxes/boxC3.bmp'); width:8px; height:8px;}
.boxG1C4 {background:url('../images/boxes/boxC4.bmp'); width:8px; height:8px;}
.boxG1B1 {background:url('../images/boxes/boxB1.bmp'); height:24px; }
.boxG1B2 {background:url('../images/boxes/boxB2.bmp'); width:8px; }
.boxG1B3 {background:url('../images/boxes/boxB3.bmp'); height:8px; }
.boxG1B4 {background:url('../images/boxes/boxB4.bmp'); width:8px; }

.boxR1 {background:#FFF2F1;}
.boxR1C1 {background:url('../images/boxes/boxE1.bmp'); width:8px; height:24px; }
.boxR1C2 {background:url('../images/boxes/boxE2.bmp'); width:8px; height:24px; }
.boxR1C3 {background:url('../images/boxes/boxE3.bmp'); width:8px; height:8px;}
.boxR1C4 {background:url('../images/boxes/boxE4.bmp'); width:8px; height:8px;}
.boxR1B1 {background:url('../imagesboxes//boxD1.bmp'); height:24px; }
.boxR1B2 {background:url('../imagesboxes//boxD2.bmp'); width:8px; }
.boxR1B3 {background:url('../images/boxes/boxD3.bmp'); height:8px; }
.boxR1B4 {background:url('../imagesboxes//boxD4.bmp'); width:8px; }

/*----------- Main Menu -----------*/
.navbar {
  overflow: hidden;
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  font-family: arial;
  font-size: 0.91em;
  font-weight: normal;
  margin-left: 12px;
}

.navbar a {
  background: #355250;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  float: left;
  font-size: 1.0em;
  color: white;
  text-align: center;
  padding: 7px 14px;
  text-decoration: none;
}

.nav-section {
  background: #355250;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  float: left;
  margin-right: 2px;
  text-align: center;
}

.dropdown {
  background: #355250;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  cursor: pointer;
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  margin: 0;
  padding: 7px 14px;
  background-color: inherit;
  font-family: inherit;
  font-size: 1.0em;
}

.navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus, .nav-section:hover {
  background-color: #677;
}

.dropdown-content {
  display: none;
  position: absolute;
  background: #D8EAC2;
  border: 1px solid #444;
  min-width: 140px;
  z-index: 1;
}

.dropdown-content a {
  background: #D8EAC2;
  float: none;
  color: black;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.show {
  display: block;
}