/* NORMALIZE================================================================ */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;} audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;height:0;} [hidden]{display:none;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100% ;} html,button,input,select,textarea{font-family:sans-serif;} body{margin:0;} a:focus{outline:thin dotted;} a:active,a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;} h2{font-size:1.5em;margin:0.83em 0;} h3{font-size:1.17em;margin:1em 0;} h4{font-size:1em;margin:1.33em 0;} h5{font-size:.83em;margin:1.67em 0;} h6{font-size:.67em;margin:2.33em 0;} abbr[title]{border-bottom:1px dotted;} b,strong{font-weight:700;} blockquote{margin:1em 40px;} dfn{font-style:italic;} mark{background:#ff0;color:#000000;} p,pre{margin:1em 0;}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} q{quotes:none;} q:before,q:after{content:'';content:none;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;}
dl,menu,ol,ul{margin:1em 0;} dd{margin:0 0 0 40px;} menu,ol,ul{padding:0 0 0 20px;} nav ul,nav ol{list-style:none;list-style-image:none;} img{border:0;-ms-interpolation-mode:bicubic ;} svg:not(:root){overflow:hidden;} figure{margin:0;} form{margin:0;} fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend{border:0;padding:0;white-space:normal;*margin-left:-7px ;} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle ;}
button,input{line-height:normal; position: relative; max-width: 100%; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible ;}
button[disabled],input[disabled]{cursor:default;} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px ;} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} textarea{overflow:auto;vertical-align:top ;} table{border-collapse:collapse;border-spacing:0;}
/* CORE================================================================ */
html, body {min-height: 100%; padding: 0; margin: 0; width: 100%; }
html.fuel-site {
   font-size: 62.5%; color: #333;
   background: linear-gradient(to right, #345 1%,  #DEF 5%, #DEF 95%, #345 99%);
}
html.fuel-site body {
   background: linear-gradient(to right, #345 1%,  #DEF 5%, #DEF 95%, #345 99%);
}
body {font-size: 16px; line-height: 1.5;  font-family: 'Raleway', 'Lucida Grande', 'Gill Sans', Arial, Helvetica, Sans-serif; color: #333;
   }
body > svg, .main_container > svg { display: none; }
.wrapper { margin: 0 auto; }
.page { }
a:link, a:visited { color: #3dbfd9; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }
nav a:hover, nav a:active, nav a:focus { text-decoration: none; }

h1 { font-size: 56px; line-height: 1; margin: 0;  font-weight: bold;}
h2 { font-size: 35px; font-weight: bold; }
h3 { font-size: 30px; margin: 0.25em 0; font-weight: bold;}
h4 { font-size: 24px; font-weight: bold; margin: 1.2em 0; color: #3dbfd9; font-weight: bold;}
.contribution{color:#6F6;}
.page_header { text-align: center; padding-top: 20px; }
section { padding: 3em; }
section header { border-top: 1px solid #3dbfd9; border-bottom: 1px solid #3dbfd9; clear: both; }
ol { list-style: none; margin: 2em 0; padding:0;  }
ol li { clear: both; margin: 1em 0; }
.icon_block { float: left; width: 16%; min-width: 100px; text-align: center; margin-top: 5px; }
.content_block { overflow: hidden; }
.circle { margin-top: 0.4em; display: inline-block; font-size: 30px; font-weight: bold; line-height: 55px; background: #3dbfd9; border-radius: 50%; width: 60px; height: 60px; }
.circle svg { margin: 15px; float: left; }
.bullets li { list-style: disc; margin-bottom: 0.74em; }
.bullets li ul { padding-left: 0; }
.bullets li li { list-style: none; margin: 0.5em 0; }
.small { font-size: 14px; }
.cta, .cta:link, .cta:visited { font-weight: bold; position: relative; float: right; border: 2px solid white; text-transform: uppercase; white-space: nowrap; color: #ffffff; border-radius: 8px; -webkit-border-radius: 8px; line-height: 2; font-size: 20px; padding: 0.3em 3.5em 0.3em 1em; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #ff0000; }
.cta:hover, .cta:active, .cta:focus {text-decoration: none; background: #333333; }
.cta svg { position: absolute; right: 1em; top: 20%; }
.writable { padding: 0; list-style: none; }
.writable li { color: #212326; border-radius: 8px; background: #e2f5f9; padding: 0.75em 1em; }
.writable .error { border: 2px solid red; }
.writable .success { border: 2px solid green; }
.footer { padding: 5px 0; position: relative; }
.footer .mainnav {margin-top: 0.5em; font-size:.8em; }
.footer a:link, .footer a:visited { color: white; }
.mainnav { font-size: 20px; text-align: center; font-weight:bold;}
.mainnav ul { padding: 0; margin: 0 auto; }
.mainnav li { display: inline-block; float: none; position: relative; }
.mainnav a { text-transform: uppercase; margin-right: 0.8em; position: relative; }
.mainnav a:link, .mainnav a:visited { color: #333; }
.mainnav a:hover, .mainnav a:active, .mainnav a:focus {color: #66C; }

.mainnav .first a {padding-left: 0; outline: none; }

.footer * {text-align:center; vertical-align:top;}
.footer .left { position: absolute; margin: 0; }
.colophon {clear: both; text-align: center; margin-top: 3em; font-size: 12px; }
.colophon svg { margin-bottom: -8px; }
.small svg { margin-bottom: -15px; }
.callout { color: #f00; }
#error_404 { padding: 2em; text-align: center; }



#main_inner {
   border: 3px solid #114;
   background:white; color:#333; border-radius: 15px;
   margin:0 2%;
   background: repeating-linear-gradient(
      0deg,
         #FFF,
         #FFF 40px,
         #F6F6FF 40px,
         #F6F6FF 42px
);
}

div#navTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 50px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
nav {
    color: #373;
}

#navTop span.fancy {
    font-size: 26px;
    font-weight: bold;
    text-shadow: 0px -1px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.color-1 {
    color: #FC3;
}
.fancy {
    font-family: 'Cinzel', serif;
    font-weight: bold;
    text-shadow: 0px -1px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.page header h1 {display:none;}
footer {}

.page .mainnav{
   margin-bottom:10px;
}

.page .mainnav li.active a{
   font-weight:bold;
   text-shadow:  0px -1px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, -1px 0px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
   color: #FFFFAA;
   border-color:white;
}


.page .mainnav li a{
   padding-left: 68px;
   padding-right: 16px;
   height: 56px;
   background-size: 56px;
   display: inline-block;
   vertical-align: middle;
   border: 2px solid #666;
   border-radius:30px;
   line-height:52px;
}
.page .mainnav li a{
   display:inline-block;
   vertical-align: middle;
   margin-top:12px
}
.page .mainnav li a[href*='/home'],
.page .mainnav li.home a {
   background: transparent url(/assets/home.png) no-repeat 12px center;
   background-size: 48px;
   background-color: #EFF;
}
.page .mainnav li a[href*='/donor'],
.page .mainnav li.donors a {
   background: transparent url(/assets/donor.png) no-repeat 12px center;
   background-size: 48px;
   background-color: #6A6;
}
.page .mainnav li a[href*='/schools'],
.page .mainnav li.schools a {
   background: transparent url(/assets/bus.png) no-repeat 12px center;
   background-size: 56px;
   background-color: #FFA;
}

.page .mainnav li a[href*='/parents'],
.page .mainnav li.parents a {
   background: transparent url(/assets/parents.png) no-repeat 12px center;
   background-size: 48px;
   background-color: #DDF;
}
.page .subnav.parents ul {    background-color: #DDF;}

.page .mainnav li a[href*='/about-us'],
.page .mainnav li.about-us a {
   background: transparent url(/assets/dome.png) no-repeat 20px center;
   background-size: 48px;
   background-color: #FC9;
}
.page .subnav.about-us ul{    background-color: #FC9;}

header .mainnav ul ul {display:none;}
header .mainnav .active a {box-shadow: 0px 0px 15px 5px #FFA;  }

header .subnav .active a { background:#FFE; text-decoration:underline;  }


header .subnav {text-align:left; border-radius:25px; position:relative; float:left; margin-right: 10px; margin-top:-25px; margin-bottom:25px;}
@media (min-width:768px){
   header .subnav { margin-left:-20px;}
}
header .subnav ul { border: 1px solid black; background-color:white; border-radius: 25px; display:inline-block; min-width:175px;  padding:5px; max-width:300px;}
header .subnav li { display:block; }
header .subnav li > a {
   display:block; border-radius:5px; background:rgba(255, 255, 255, 0.6); font-weight:bold; padding:5px; border:1px solid #EEF; margin: 5px;}