@font-face {
    font-family: "Century Gothic W10";
    src: url("") format("woff");
}

html { min-height: 100%; }

body
{
   background-image: -o-linear-gradient(#809658, #dbdec9);
   background-image: -webkit-linear-gradient(#809658, #dbdec9);
   background-image: -moz-linear-gradient(#809658, #dbdec9);
   background-image: linear-gradient(#809658, #dbdec9);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF809658,endColorstr=#FFdbdec9)";
   background-color:#809658;
   width:96%;
   max-width:1000px;
   margin:0 auto;
   font-size:62.5%;
}

header h1 a
{
   font-family: "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
   text-decoration: none;
   color:white;
   font-style:italic;
   text-shadow: 1px 1px 1px #434f2c,-1px -1px 1px #434f2c, -1px 1px 1px #434f2c, 1px -1px 1px #434f2c, 0px 0px 10px #ffffbe;
   font-size:240%;
}

header h1 a span.tagline
{
   text-shadow: none;
   font-size:25%;
}

header h1 a span.tagline abbr
{
   border:0;
   outline:0;
}

header h1 a span.tagline2
{
   display:block;
   text-shadow: none;
   font-size:49%;
}

nav#main ul
{
   overflow:auto;
   margin:0;
   padding:0 15px;
   background-image: -o-linear-gradient(#dff4bc 0%, #83a836 90%, #83a836 90%, #a2be69 100%);
   background-image: -webkit-linear-gradient(#dff4bc 0%, #83a836 90%, #83a836 90%, #a2be69 100%);
   background-image: -moz-linear-gradient(#dff4bc 0%, #83a836 90%, #83a836 90%, #a2be69 100%);
   background-image: linear-gradient(#dff4bc 0%, #83a836 90%, #83a836 90%, #a2be69 100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFdff4bc,endColorstr=#FF83a836)";
   border-radius:5px;

}

nav#main li
{
   list-style-type:none;
   float:left;
   display:block;
   width:20%;
   margin:0;
   padding:0;
}

nav#main li a
{
   text-decoration: none;
   text-align:center;
   display:block;
   border-right:1px solid #8bad4c;
   border-left:1px solid #b1d46e;
   color:#0f3a07;
   background-image: -o-linear-gradient(#dff4bc 0%, #83a836 90%, #83a836 90%, #a2be69 100%);
   background-image: -webkit-linear-gradient(#dff4bc 0%, #83a836 90%, #83a836 90%, #a2be69 100%);
   background-image: -moz-linear-gradient(#dff4bc 0%, #83a836 90%, #83a836 90%, #a2be69 100%);
   background-image: linear-gradient(#dff4bc 0%, #83a836 90%, #83a836 90%, #a2be69 100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFdff4bc,endColorstr=#FF83a836)";
   font-family: "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
   font-size:160%;

   padding:8px 0;
}

nav#main li.first a
{
   border-left:1px solid #8bad4c;
}


nav#main li a:hover
{
   background-color:#e3978e;
   background-image: -o-linear-gradient(#e3978e 0%, #f3c4bf 90%, #f3c4bf 90%, #e3978e 100%);
   background-image: -webkit-linear-gradient(#e3978e 0%, #f3c4bf 90%, #f3c4bf 90%, #e3978e 100%);
   background-image: -moz-linear-gradient(#e3978e 0%, #f3c4bf 90%, #f3c4bf 90%, #e3978e 100%);
   background-image: linear-gradient(#e3978e 0%, #f3c4bf 90%, #f3c4bf 90%, #e3978e 100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe3978e,endColorstr=#FFf3c4bf)";
   border-color:#c99893;
   color:#333;
}

nav#main .current a
{
   background-color:#e3978e;
   background-image: -o-linear-gradient(#70b2b7 0%, #c4f8fc 90%, #c4f8fc 90%, #70b2b7 100%);
   background-image: -webkit-linear-gradient(#70b2b7 0%, #c4f8fc 90%, #c4f8fc 90%, #70b2b7 100%);
   background-image: -moz-linear-gradient(#70b2b7 0%, #c4f8fc 90%, #c4f8fc 90%, #70b2b7 100%);
   background-image: linear-gradient(#70b2b7 0%, #c4f8fc 90%, #c4f8fc 90%, #70b2b7 100%);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFc4f8fc,endColorstr=#FF70b2b7)";
   border-color:#c99893;
   color:#333;
}

#wrapper
{
   background-image: -o-linear-gradient(#9aab7a, #e5e7d8);
   background-image: -webkit-linear-gradient(#9aab7a, #e5e7d8);
   background-image: -moz-linear-gradient(#809658, #e5e7d8);
   background-image: linear-gradient(#9aab7a, #e5e7d8);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF9aab7a,endColorstr=#FFe5e7d8)";
   background-color:#e5e7d8;
   border-radius:15px;
   padding:15px;
   margin-bottom:20px;
}

div[role='main']
{
   background-image:url('../imgs/curve.png');
   background-position:64% 100%;
   background-repeat:no-repeat;
   padding-bottom:64px;
   border-radius:0 0 15px 15px;
}

#splashImage
{
   background-color:white;
   padding:20px 20px 5px 20px ;
   text-align:center;
}

#splashImage img
{
   max-width: 100%;
}
#frontCols
{
   overflow:auto;
   background-color:white;
   padding:5px 25px;
   padding-bottom:15px;
   margin-bottom:0;
}

#frontCols article
{
   width: 29.33333333%;
   float:left;
   margin:0 1.5%;
   padding:1%;
   background-color:blue;
   min-height: 200px;
   position:relative;
   border-radius:15px;
   font-family:Calibri,Helvetica,Arial,sans-serif;
}

#frontCols article h2
{
   font-family: "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
   font-size:200%;
   /*text-shadow: 1px 1px 1px #666,-1px -1px 1px #666, -1px 1px 1px #666, 1px -1px 1px #666;*/
   text-shadow: 1px 1px 1px #999,-1px -1px 1px #999, -1px 1px 1px #999, 1px -1px 1px #999;
   text-align:center;
   color:white;
}

#frontCols article h2 a
{
   color:white;
   text-decoration: none;
}

#frontCols article p
{
   font-size: 140%;
   line-height:130%;
   color:#333;
}

#frontCols article.col1
{
   margin-left:0;
   background-color:#e8cb7f;
}

#frontCols article.col2
{
   background-color:#70b2b7;
}

#frontCols article.col3
{
   margin-right:0;
   background-color:#e3978e;
}

#frontCols article .readMore
{
   position:absolute;
   bottom:10px;
   right:20px;
   color:#333;
   text-decoration: none;
   font-size:110%;
}

.innerPage
{
   background-color:white;
   padding:1% 5%;
   padding-bottom:1.5%;
   margin-bottom:0;
   font-family:Calibri,Helvetica,Arial,sans-serif;
   overflow:auto;
}

.innerPage h2,
.innerPage h3,
.innerPage h4,
.innerPage h5,
.innerPage h6
{
   color:#9d6474;
   font-weight:normal;
}

.innerPage h2 { font-size:300%; }
.innerPage h3 { font-size:200%; }
.innerPage h4 { font-size:200%; }
.innerPage h5 { font-size:200%; }
.innerPage h6 { font-size:200%; }

.innerPage p,
.innerPage li
{
   font-size:160%;
   line-height:140%;
}

.innerPage section
{
   clear:both;
}

.innerPage p.contactInfo
{
   text-align:center;
}

.innerPage p.contactInfo strong
{
   font-size:150%;
}

.innerPage #contactForm
{
   font-size:150%;
}

.innerPage #contactForm input.submit
{
   background-color:#70B2B7;
   color:white;
   font-weight:bold;
   text-transform: uppercase;
}

.innerPage img
{
   max-width:96%;
}

.innerPage img.goLeft,
.innerPage img.goRight
{
   margin:0 2% 2%;
   border:1px solid #ccc;
}

.innerPage img.goLeft
{
   margin-left:0px;
   float:left;
}

.innerPage img.goRight
{
   margin-right:0px;
   float:right;
}

.innerPage section:target
{
   padding:1%;
   background-color:#ffc;
}

.innerPage section:target h2
{
   margin-top:0;
   padding-top:0px;
}

a.footnote
{
   text-decoration:none;
}

p#footnote,
p.footnote
{
   font-size:110%;
   width:68%;
   margin:5% auto 0;
   padding:1%;
}

p#footnote:target
{
   background-color:#ffc;
}

footer
{
   font-weight: bold;
   text-align:right;
   padding:5px 10px;
   height:20px;
   margin-bottom:-30px;
   color:#929e67;
   font-size:120%;
   font-family:Calibri,Helvetica,Arial,sans-serif;
}
