body{
   color: black;
   background: rgb(204, 207, 210);
   font-family: Helvetica, Arial, sans-serif;
  }
  /*hyperlinks*/
a:link{
   color: rgb(30, 96, 218);
   background: inherit;
   text-decoration: none;
   font-weight: bold;
  } 
a:visited{
   color: rgb(30, 96, 218);
   background: inherit;
   text-decoration: none;
   font-weight: bold;
  } 
a:hover{
   color: rgb(30, 96, 218);
   background: inherit;
   text-decoration: underline;
   font-weight: bold;
  } 
a:active{
   color: rgb(150, 10, 10);
   background: inherit;
   text-decoration: underline;
   font-weight: bold;
  }
  /*main box*/ 
#box{
   width: 900px;   
   margin-left: auto;
   margin-right: auto;
   background-color: rgb(255, 255, 255);
   color: inherit;
   border: double 6px rgb(30, 96, 218);
   border-radius: 12px;
   box-shadow: 0px 0px 15px rgb(100, 100, 100);
  }
  /*menu box and menu buttons*/
#box2{
   height: auto;
   margin: 0 50px 0 50px;
   padding: 20px 20px 10px 20px;
   overflow: hidden;
   
  }
div.menu{
   text-align: center;
   background-color: rgb(183, 195, 195);
   color: inherit;
   font-size: 85%;
   font-weight: bold;
   font-variant: small-caps;
   padding: 10px;
   border: 0;
   border-radius: 5px;
   box-shadow: inset 2px 2px 2px #8e9797;
  }
#menu{
   padding:0;
   margin:0;
   color: rgb(255, 255, 255);
   background-color: inherit;
   font-family: arial, helvetica, sans-serif;
   white-space:nowrap;
   list-style-type:none;
   border-radius: 5px;
  }
#menu li {
   display:inline;
    
  }
#menu li a{
   padding:0.2em 0.7em;
   background:rgb(30, 96, 218);
   color: rgb(255, 255, 255);
   font-weight: bold;
   text-decoration:none;
   margin: 7px;
   letter-spacing: .15em;
   border: solid 1px rgb(30, 96, 218);
   border-radius: 5px;   
  }
#menu li a:hover {
   background: url(decor/hoverbuttonbg.jpg) center rgb(255, 255, 255);
   color: rgb(30, 96, 218);
   border: solid 1px rgb(30, 96, 218);
   border-radius: 5px;
   text-shadow: 2px 2px 2px rgb(30, 96, 218);
   box-shadow: 1px 1px 1px rgb(30, 96, 218);
  }
#menu li a:active {
   background: rgb(245, 245, 255);
   color: rgb(30, 96, 218);
   border: solid 1px rgb(30, 96, 218);
   border-radius: 5px;
   box-shadow: inset 1px 1px 1px #555;
   text-shadow: -1px -1px 2px rgb(30, 96, 218);
   
  }
  /*content box*/
#box3a{
   background: url("decor/bgblend.jpg") fixed repeat-y center;
   color: inherit;
   box-shadow: 3px 3px 3px rgb(205, 217, 231);
   margin: 10px 20px 20px 20px;
   border: 0;
   border-radius: 10px;
  }
#box3{
   background: url("decor/Cloud-dove.gif") fixed no-repeat center center;
   color: inherit;
   padding: 10px 20px 20px 20px;
   margin: 10px 20px 20px 20px;
  }
.titles em{
  font-style: italic;
  font-family: Georgia, "Times Roman", serif;
  color: #55557b;
  
 }
.intro{
   font-family: 'Times New Roman', serif;
   font-size: 1.05em;
   font-weight: bold;
  }
.large{
   font-size: 125%;
  }
.no{
   list-style: none;
   margin-top: -10px;
  }
.no li{
   margin-left: -15px;
  }
.first p:first-letter{ 
    font-size:150%;
    color: rgb(30, 96, 218);
    background: inherit;
    font-weight: bold;
    font-family: 'Times New Roman', serif;
    text-shadow: 2px 2px 2px #3333ff;
    
  }

.bold{
   font-weight: bold;
  }
.bio{
   
   margin: 0 30px 0 30px;
  }
.reduce{
   font-size: 90%;
  }
.bio2{
   margin: 0 20px 0 20px;
  }
h4{
   margin-bottom: 5px;
   }
.seperate{
   text-align: center;
   color: rgb(30, 96, 218);
   margin-top: 20px;
   margin-bottom: 0;
  }

  /*home page*/
#details{
   margin: 30px;
   font-size: 1.1em;
  }
#details h2{
   margin-bottom: 0;
   font-variant: small-caps;
   font-family: 'Times New Roman', serif;
  }
#details ul{
   list-style-type: none;
   margin-top: 5px;
  }
#details li{
   font-weight: bold;
  }
  /*program page*/
#program{
   margin: 30px 20px 30px 20px;
   font-size: 1.2em;
  }
#program h1{
   text-align: center;
   font-size: 2em;
   color: rgb(30, 96, 218);
   background: inherit;
   font-variant: small-caps;   
   font-family: Georgia, 'Times New Roman', serif;
   text-shadow: 3px 3px 3px #3333ff;
  }
#program h2{
   text-align: center;
   color: rgb(30, 96, 218);
   font-size: 1.5em;
   font-style: italic;
   background: inherit;
   font-variant: small-caps;
   font-family: Georgia, "Times New Roman", serif;
   margin-left: -20px;
   margin-right: -20px;
   text-shadow: 2px 2px 2px #3333ff;
  }
#program .reader{
   font-style: italic;
  }

#program .panel{
   color: rgb(30, 96, 218);
   background: inherit;   
   font-size: 1.14em;
   font-family: "Times New Roman", Georgia, serif;   
   margin-left: -30px;
  }
#program h3{
   margin: 5px 50px 0 50px;
   
  }
#program ul{   
   margin-top: 5px;
   
  }
#program li{
   font-weight: bold;
   margin-left: 60px; 
   list-style-image: url("decor/dovebullit.png"); 
  }
#program li ul{
   list-style-image: none;
   list-style-type: none;
   margin: 0;
   margin-bottom: 8px;
  }
#program li ul li{
   margin-left: -10px;
   color: #55557b;
   font-family: Georgia, "Times New Roman", serif;
   font-style: italic;
   list-style-type: none;
   list-style-image: none;
  }
#program li ul li span{
   font-family: Helvetica, Arial, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 90%;
   color: #000;
   margin-left: 10px;
  }
#program em{
   font-family: Georgia, 'Times New Roman', serif;
   font-style: italic;
   color: #55557b;
  }
#program h4, h5{
   text-align: center;
   font-size: 1.2em;
   color: rgb(30, 96, 218);
  }
a.bkgd{
   font-size: 75%;
   font-style: italic;
  }
  /*resources page*/
#resources{
   margin: 30px 20px 30px 20px;
   font-size: 1.2em;
  }
#resources p{
   
   margin-left: 50px;
   font-size: 87%;
  }
#resources p em{
   font-style: italic;
   font-family: Georgia, "Times New Roman", serif;
   color: #55557b;
   font-size: 105%;   
  }
   
#resources li em {
   font-style: italic;
   font-family: Georgia, "Times New Roman", serif;
   color: #55557b;
   font-weight: bold;
   
  }
#resources h1{
   text-align: center;
   font-size: 2em;
   color: rgb(30, 96, 218);
   background: inherit;
   font-variant: small-caps;   
   font-family: Georgia, 'Times New Roman', serif;
   text-shadow: 3px 3px 3px #3333ff;
  }
#resources h3{
   color: rgb(30, 96, 218);
  }
#resources ul{
   list-style-type: none;  
  }
#resources li{
   font-weight: bold;
   margin: 9px 0px 9px -10px;
  }
#resources li ul li ul li{
   font-weight: normal;
   font-size: 87%;
   list-style-image: url("decor/tri_blue.gif");
   margin-left: -5px;
   font-family: Helvetica, Arial, sans-serif;
   font-style: normal;
   color: #000;
  }
#resources li ul li{
   color: #55557b;
   font-family: Georgia, "Times New Roman", serif;
   font-style: italic;
   margin-left: -20px;
  }
#resources li ul li ol li{
   font-family: Helvetica, Arial, sans-serif;
   font-style: normal;
   color: #000;
  }

  /*backgrounds page*/
#background p{
   margin: 10px 30px 10px 30px;
   }
#background p em{
   font-family: Georgia, 'Times New Roman', serif;
   font-style: italic;
   font-weight: bold;
   color: #55557b;
  }