/* style sheet for snFund   */

body {
   background:linear-gradient( rgba(230, 230,230, 0.81) 100%, rgba(250, 250, 250, 0.81) 100%),url("seaGull.JPG");
}
.mainSection {
   width:95%;
   position: absolue;
}

.grayBackMain {
   background-color:#dfdfdf !important ;
}

.jumpbar {
    background-color:#efefef;
   margin:3px 1em 3px 1em;
   position:fixed;
   top:1px;
   left:1px;
   z-index:1;
}
.jumpbarR {
   margin:3px 1em 3px 1em;
   position:fixed;
   top:1px;
   right:10px;
   z-index:1;
}


.rowul {
   list-style-type: none;
   padding: 0px;
   margin:3px;
}
.rowul2 {
   list-style-type: none;
   padding: 0px;
   margin:3px;
}

.rowulInput0  {
  color:brown;
  font-size: 100%;
  padding:0px;
  display:inline-block;
  vertical-align:top;
  margin:-3px;
}

.rowulInput  {
  font-size:90%;
  margin:1px 5px 1px 5px;
  display:inline-block;
  vertical-align:top;
}


.rowulInput2  {
  font-size:90%;
    margin:2px 2px 2px 2px;
   border-top:1px solid gray;
   border-left:1px solid gray;
   border-bottom:3px inset gray;
   border-right:3px inset gray;
   display:inline-block;
}



.rowulA, .rowInputButton   {
  font-size:90%;
  margin:1px 5px 1px 5px;
  display:inline;
  background-color:#dedede;
   border-top:1px solid gray;
   border-left:1px solid gray;
   border-bottom:4px groove gray;
   border-right:4px groove gray;
   padding:1px 10px 1px 10px;
   text-decoration:none;
      border-radius:3px 5px;
}

.rowInputButtonInner {
   display:inline;
   color:blue;
   background-color:#aaaabb;
}

.rowul a {
  text-decoration: none;
}

.sectionIsOn {
   background-color:#ffcaaf   !important ;
   font-family: monospace;
   font-size:100%;
}
.xsectionIsOn::before {
   content: "Z" ;
   color:blue;
     position: absolute;
  border-color: #009933;
  border-style: solid;
  border-width: 0 0.3em 0.25em 0;
  height: 1em;
  top: 1.3em;
}

.commentMenuButtonsC {
   display:none;
   padding: 1px;
   margin: 3px;
}

.subMenuC {
  color:pink;
   list-style-type: none;
   margin:1px;
   padding:1px;
}

.topHeaderA {
    position:absolute;
    top:47px;
    left:31px;
    height:300px;
    width:1200px;
    margin:0.5em 1em 1px 1em;
    padding:13px 1em 13px 1em;
    background-color:lightblue;
    background-image: url('headerBkg.JPG');
    background-size: 100% 100%;
    border-radius: 30px 30px 30px 30px / 10px 10px 10px 10px;
    z-index: 0;
    opacity:0.6;
    overflow:hidden;
}
.topHeaderA::before {
    content: "";
    position: absolute;
    border-radius: 30px 30px 30px 30px / 10px 10px 10px 10px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.35);
    z-index: 0;
}

.topHeaderB {
    position:absolute;
    top:47px;
    left:31px;
    margin:0.5em 1em 1px 1em;
    padding:13px 1em 13px 1em;
    width:1200px;
    border-radius:5px;
    z-index:0;
    overflow:auto  ;

}

.topSimplify {
   float:left;
   width:30%;
   margin:5px;
   padding:4px;
   vertical-align: middle;
   text-align:center;
   font-style: oblique;
   z-index:10;
}

.topTitle {
   float:left;
   display: inline-block;
   width:30%;
   margin: 1em 1em 1em 1em;
   padding:10px;

   background-image: url('titleBkgWhite.GIF');
   background-size: 100% 100%;
   box-shadow:   -4px -4px 22px 5px lightgray;
   border-radius:13px;

   vertical-align: middle;
   text-align:center;
   font-size:300%;
   font-style: oblique;
   font-family:"Helvetica Neue", "Arial", sans-serif;

   z-index:10;
}


.topImage1 {
   display: inline-block;
   width:30%;
   height:300px;
   float:left;
   z-index:10;
   overflow:hidden;
   align:center;
   border-radius:10px;
   box-shadow:    0 0  15px 5px  lightgray  ;
}


.topImage2 {
   display: inline-block;
   width:30%;
   height:300px;
   float:right;
   z-index:10;
   overflow:hidden;
   border-radius:10px;
   margin-right:0px;
   box-shadow:    0 0   15px 5px  lightgray  ;
}

.allContentC {
   width:99%;
   position:absolute;
   left:15px;
   top:20em;
   padding:3.0em 1em 0.2em 1em;
}

.whyThisFund {
    margin:5px 3em 5px 3em;
    width:95%;
}


.descriptionViewHeader {
   font-weight: 700;
   font-size:125%;
   border-top:1px solid #dfdfdf ;
   margin:1em 5px 5px 5px ;
   padding-top:0.5em;
}
.description {
  width:99%;
  margin:0.5em 1em 0.5em 1em;
  padding:1em;
  color:black ;
}

.fundingViewHeader {
   font-weight: 700;
   font-size:125%;
   border-top:4px inset #225522 ;
   margin:1em 5px 1em 5px ;
   padding-top:0.5em;
}

.funding {
  width:99%;
  margin:0.5em 1em 0.5em 1em;
  padding:1em;
  color:#225522 ;
}

.donationsViewHeader {
   font-weight: 700;
   font-size:125%;
   border-top:4px inset #99cc99 ;
   margin:1em 5px 1em 5px ;
   padding-top:0.5em;
}

.donations {
  width:99%;
   margin:0.5em 1em 0.5em 1em;
  padding:1em;
   color:blue;
}


.comments {
   margin:1em ;
  padding:3px;
  width:99%;

}

.addComment {
   list-style-type: none;
   padding: 0px;
   margin:3px;
}
.addComment li {
   border:1px solid gray;
    margin:3px 3px 6px 3px;
    padding:5px;
}

.liSay {
 width:6em;
  display:inline-block;
 color:#987898;
 vertical-align:top;

}

.commentsViewHeader {
   font-weight: 700;
   font-size:125%;
   border-top:4px inset #898989;
   margin:1em 5px 1em 5px ;
   padding-top:0.5em;
}

.ccommentsOld {
  xborder-top:1px inset #aaaabb;
  padding:5px  ;
  margin:5px 2px 1em 3em;
  width:95%;
}

.ccommentsOld2 {
   overflow:auto;
   height:20em;
}

.commentsAddHeader {
   font-weight: 700;
   font-size:125%;
   border-top:4px inset #88aacc89;
   margin:1em 5px 1em 5px ;
   padding-top:0.5em;
}

.cnewComment {
  xborder-top:1px solid cyan;
  margin-top:0.5em;
  padding:1.4em ;
}

.cdate {
   font-size:90%;
   color:brown;
}
.cfrom {
   margin:3px 3px 3px 2px ;
   display: inline-block;
   font-family:monospace;
   color:brown;
}
.cfrom::before {
   content:"From:";
   color:brown;
}
.ctitle {
  margin-left:2em;
  font-style:oblique;
}
.ctitle::before {
   content:"Subject:";
}
.ccontent {
   margin:3px 1em 3px 1em;
   padding:4px;
   background-color:#dfdffd;
}
.delayLengthOuterC {
   display:inline-block;
   position:relative;
   top:.52em;
   display:none;
   background-color:#ddeedd;

}
.c1delayLengthLabel {
  position: relative;
  color:#9f1619;
  opacity:0.8;
}

.c2delayLengthLabel {
   position: relative;
  color:red !important;
   left:4em  !important;
   top:-0.9em  !important;
   opacity:0.5;
}

.signatureLine {
   position:fixed;
  bottom:1px ;
  left:.1em;
  margin-top:6px;
  background-color:#cecece;
  opacity:0.8 ;
    filter: blur(0.5px);
  width:100%;
  z-index:0;


}