body {
	padding: 0px;
	margin: 0px;
	font-family: "georgia","times","times new roman",serif;
}

a {
   /*color: #255505;*/
   color: #990000;
   text-decoration: none;
   font-weight: 500;
  /* border-bottom: 1px dotted;*/
}

a:hover {
  border-bottom: 1px dotted;
  /*text-decoration: underline;*/
}

a img {
    border-bottom: none;
}

#background {
    position: fixed;
    top:  0;
    left: 0;
    width:  100%;
    height: 100%;
    z-index: 0;
    font-size: 1pt;
}

#nowbackground {
   position: fixed;
   left: 53%;
   top: 2.5%;
   width: 40%;
   height: 4%;
   z-index: 1;
}

#logobackground {
   position: fixed;
   left: 6%;
   top: 96%;
   width: 44%;
   height: 3%;
   z-index: 1;
}

#nav {
    position: fixed;
    top: 18%;
    left: 5%;
    width: 16.5%;
    height: 72%;
    z-index: 1;
}

.navbtn {
   position: absolute;
   z-index: 2;   
}


#nav_about {
  top: 1.5%;
  left: 1%;
  width: 100%;
  height: 18%;
}

#nav_projects {
  top: 17.5%;
  left: 3%;
  width: 87%;
  height: 21.5%;
}

#nav_map {
 top: 37%;
 left: 9%;
 width: 73%;
 height: 21%;
}

#nav_join {
 top: 58%;
 left: 8%;
 width: 77%;
 height: 19%;
}

#nav_donate {
 top: 55%;
 left: 8%;
 width: 77%;
 height: 19%;
}

#nav_contact {
 top: 74.5%;
 left: 9%;
 width: 72%;
 height: 19%;
}

#feature {
  position: fixed;
  top: 58.5%;
  left: 78.5%;
  width: 13%;
  height: 22.5%;
  text-align: center;
  z-index: 1;
}

#feature img {
  width: 95%;
}

#nav_feature {
}

#bigsign {
 position: fixed;
 top: 23%;
 left: 26%;
 width: 47%;
 height: 55%;
 z-index: 1;
}

#project_nav {
 position: absolute;
 top:  -2%;
 left: 0;
 width: 100%;
 height: 18%;
 margin: auto;
 text-align: center;
}

.projectnavbtn {
  position: relative;
  float: left;
  width: 20%;
  height: 100%;
  margin: 0 2%;
}

#bigsign_content {
 position: absolute;
 top: 17%;
 left: 0%;
 height: 81%;
 width: 100%;
 z-index: 1;
 text-align: justify;
 overflow: auto;
 padding: 5px;
 /*position: absolute;
 top: 0%;
 left: 0%;
 height: 100%;
 width: 100%;
 z-index: 1;
 text-align: justify;
 overflow: auto;
 padding: 5px;*/
}

img {
 border: 0px;
}

#gallery_nav {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 10px;
    text-align: center;
    background-color: white;
}

#gallery_nav a {
   color: #000000;
   text-decoration: none;
}

#flashcontent {
 position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}

#description,
#details,
#media {
   display: none;
}

.detail {
   color: #aaaaaa;
   font-size: small;
}

.keyword {
   color: #6699ff;
   font-weight: bold;
}

.question {
   margin-bottom: 0;
   padding-bottom: 0;
   color: #6699ff;
   font-weight: bold;
}

.answer {
    position: relative;
    /*left: 15px;*/
    width: 90%;
    margin: auto;
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
    font-size: small;
    text-align: justify;
}

.keyword2 {
   color: #990000;
   font-weight: bold;
}

.quote{
   color: #333333; 
   /*font-style: italic;*/
   /*font-family: "Times New Roman", Times, serif;*/
   /*font-family: fantasy;*/
   /*padding: 5px; 
   margin: 0px 10px;*/   
}

p.quote {
   padding: 5px 0px; 
   border-top: 1px dotted; 
   border-bottom: 1px dotted;
}

ul.projectYear {
   list-style-type: none;
   font-size: large;
   text-align: center;
}

ul.projectYear > li {
   font-size: 1.5em;
}

ul.projects {
   margin: 10px 0px;
}

ul.projectYear:first-child {
   font-size: 2em;   
   border-bottom: 1px dashed #aaaaaa;
}

ul.projects > li {
   display: inline;
   margin: 3%;
}

hr {
   color: #cccccc;
}

ul.serviceslist {
   list-style: none;
   float: left;
   font-size: small;
}

ul.serviceslist li {
   padding: 2px 0px;
}


.leftinfo {
   width: 45%;
   height: 50%;
   margin: 2%;
   text-align: right;
   float: left;
}

.rightinfo {
  width: 46%;
  height: 50%;
  margin: 2%;
  text-align: left;
  float: left;
}

.infotext {
    padding: 10% 0%; 
    font-size: x-large;
}

#signbottom {
    position: absolute; 
    top: 75%; 
    height: 22%; 
    left: 0%; 
    width: 100%;
}

#signbottom a:hover {
    border-bottom: none;
}

table.projects {
    width: 100%;
    /*font-size: large;*/
    margin-bottom: 1%;
}

table.projects td {
   border: 1px solid #cccccc;
   padding: 1%;
}

table.projects td.year {
   text-align: center;
   font-size: xx-large;
   width: 20%;
}

.tagline {
   font-style: italic;
   font-size: small;
}

@media screen
  {
  #nav
    {
    position: fixed;
    }
    #bigsign{
        position: fixed;
        }
    #feature {
        position: fixed;
    }
    #nowbackground {
        position: fixed;
    }
  /* Don't do this at home */
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: auto;
    height: 100%;
    padding: 0 1em 0 14em;
    font-size: 100%;
    }
  * html div#nav
    {
    position: absolute;  
    }
  * html div#bigsign {
    position: absolute;
    left: 23%;
  }
  * html div#signbottom {
    position: absolute;
  }
  * html div#feature {
    position: absolute;
    left: 78.5%;
  }
  * html img#background {
    position: absolute;
  }
  * html img#nowbackground {
    position: absolute;
     left: 53%;
  }
  * html img#logobackground {
    position: absolute;
  }
  /* All done. */
  }
  
.ribbon {
    color: #ffffff; 
    text-align: center; 
    position: absolute; 
    left: 5.5%; 
    right: 6%; 
    padding: 10px 25px; 
    background-image: url('/images/window.png'); 
    background-repeat: repeat;
}

#registrationBanner {
    top: 30%;     
}

#projectBanner {
    text-align: center; 
    position: absolute; 
    left: 7%; 
    top:6%; 
    color: #336699;
}

#registrationBanner a {
   color: #f7f1e0;
}

#registrationBanner a:hover {
   color: #336699;
   border-bottom: none;
}