/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

body {
  font-family: Garamond, Georgia, serif; 
  font-size: 1em;
  color: #000000;
  width: 100%;
  }
    
h2.white {
  color: white;
 }
   
div#header {
  width: 100%;
  background-color: #BC8BFF;
  padding: .5em;
 }

div#header h1 {
  font-weight: 600;
  font-size: 1.5em;
  color: #FFFFFF;
  margin-left: 2em;
  margin-top: 1.5em;
  padding: 0.5em 0.5em 0.5em 2em;
  } 

div#header p {
  font-weight: 500;
  font-size: 1em;
  color: #000000;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 1em;
  padding: 0 0 0 1em;
  } 

div#header img {
  float: left;
  margin: 0 2em .5em .25em;
  padding: 0 .25em .25em .25em;
   }

div#navbar {
  width: 100%;
  background-color: white;
  }

div#navbar ul { 
  font-family: inherit;
  list-style-type: none;
  padding-left: 1%; 
  }

.corky {
background:url("../images/backgrounds/cork-board.png");
left: 0;
 }

.corky h1 {
  text-align: center;
      }
    
div#navbar ul li {
  margin: 0 0 .25em 0;
  display: inline;
  width: 13.5%;
  float: left; 
  margin-right: .25em;
    }
     
div#navbar ul li a { 
  font-family: inherit;
  font-size: .9em;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  color: white; 
  display: block; 
  padding: .75em;
  }  

  
div.deflist {
width: 75%;
margin-left: 12%;
text-decoration:none;
 }
 
div.deflist ul { 
  font-family: inherit;
  list-style-type: none;
  padding-left: 1%; 
  }
  
div.deflist ul li  {
  margin: 0 0 .25em 0;
  display: inline;
  width: 16%;
  float: left; 
  margin-right: .25em;
    }
     
div.deflist ul li a { 
  font-family: inherit;
  font-size: .75em;
  font-weight: 600;
  text-align: center;
  color: #004A7F; 
  display: block; 
  padding: .75em;
  text-decoration: none;
  }  

a.different {
color: darkblue;
text-decoration: none;
    }
    
a.different:hover { 
color: #A53B5F;
text-decoration: none;
 }  
a.different:active {
color: #A53B5F;
text-decoration: none;
  }
a.different:visited {
color: darkblue;
text-decoration: none;
}    

div#main {
  font-size: 1em;
  margin-bottom: 2em;
   }
  
div#about1 {
width: 40%;
background: url("../images/backgrounds/seamless_paper_texture.png");
font-size: 1em;
font-weight: 600;
padding: 1em;
margin: 0 1% 0 40%;
border-right: 3px solid gray;
border-bottom: 2px solid gray;
 }

.middle {
text-align: center;
 }

.rightside {
text-align: right; 
}

div#about2 {
width: 60%;
background: url("../images/backgrounds/textured_paper_@2X.png");
font-size: 1.2em;
padding: .5em 2em 0 2em;
margin:5%;
border-right: 2px solid black;
border-bottom: 1px solid black;
 }

div#about3 {
width: 60%;
background: url("../images/backgrounds/furley_bg_@2X.png");
font-size: 1.2em;
padding: .5em 2em 0 2em;
margin: 5% 1% 5% 25%;
border-left: 2px solid brown;
border-bottom: 1px solid brown;
 }
 
li.change {
  background-color: #8000FF;
    }
li.change:hover { 
  background-color: #BC8BFF;
 }  
li.change:active {
  background-color: darkblue;
  }
li.change:visited {
  background-color: #004A7F;
   }  
.allclear {
  clear: both;
   }

div#service, div#main {
  width: 95%;
  padding-top: 1.5em;
  margin: 0 2.5% 0 2.5%;
  }

div#service h1 {
  width: 50%;
  font-size: 1.2em;
  background-color: #A1B7FF;
  text-transform: uppercase;
  }  
  
div#service p {
  margin: 3% 5% 0 5%;
  font-size: 1.3em;
  }  
   
div#content {
  border: none;
  width: 60%;
  float: left; 
  margin-left: 1em;
  }

div#content img {
  margin-left: 2em;
   }
   
div#content p  { 
  margin-left: 1em;
  font-weight: 700;
  }

div#sidebar {
  background-image:url("../images/backgrounds/ricepaper_v3_@2X.png");
  width: 20%;
  float: right; 
  margin-right: 3em;
  padding: 0 1.2em 0 2em;
  }
  
div#sidebar li {
  font-weight: 700;
  margin-bottom: 0.5em;
   }

img#sidebar {
  margin-left: 1.5em;
 }   

img.snazzy {
  float: left;
  display: inline;
  margin-left: 0.5em;
  padding: 1em;
   }

img.boxy {
  border: 2px solid black;
   }

p.menubar {
  text-decoration: none;
  text-align: center;
  font-size: 1.5em;
  font-weight: 800;
  }

p.menubar a:hover {
  color: black;
   }

p.menubar a, a#visited { 
  text-decoration: none;
   }

blockquote.xxyzy {
  text-align: justify;
  font-size: 1.5em;
  color: #004A7F;
  margin-right: 5%;
 }

.subtle {
  text-decoration: none; 
  text-align: center; 
  font-style: italic;
  color: black;
  font-size: 1em;
  font-weight: 400;
  }

.subtle a a#visited {
  text-decoration: none; 
   }  
 
div#orgs {
  float: left;
  display: inline;
   }   

table {
  width: 80%;
  border-spacing: 1em;
  font-size: 1.2em;
   }
table img {
border: 1px solid black;
 }

th, td {
  width: 33%;
  text-align: left; 
  vertical-align: center;
   }
 
td.pic {
  width: 20%;
  margin-right: 2%;
   }

td.desc {
  width: 78%;
   }
         
.notable {
  text-align: left;
  margin-bottom: 0.25em;
  font-size: 1.5em;
  font-weight: 800;
  color: #004A7F;
    }
    
    
table.rescs {
width: 80%;
font-size: .75em;
font-weight: 800;
 }

table.rescs tr, td {
margin: 0;
padding: 0;
 }

div#footer1 {
  width: 100%;
  background-color: #004A7F;
  font-size: 0.75em;
  text-align: center;
  color: white;
  border-bottom: 2px solid lightgrey;
    }
div#footer2 {
 }    
 
.bump {
  margin-left: 5%;
   }

.novel {
  font-style: italic;
  color: #3D57FF; 
  }
  
div#glossary {
  width: 90%;
  margin: 1em;
  padding: 1% 2% 0 4%;
  background: url("../images/backgrounds/furley_bg_@2X.png");
  font-size: 1.2em;
   }

div#glossary dt {
  font-weight: 700;
  font-style: italic; 
  color: #004A7F;
  padding-bottom: 0.3em;
   }
 
 div#glossary dd {
   font-weight: 600;
   text-align: justify;
   margin-right: 2em;
   padding-bottom: 1.5em;
       }
 .largish {
   font-size: 1.5em;
    }
 