body{
   color: black;
   background: #D6DBEC;
   font-family: Helvetica, Arial, sans-serif;
   z-index: 0;
  }
  
  /*hyperlinks*/
a:link{
   color: rgb(51, 102, 255);
   background: inherit;
   text-decoration: none;
   font-weight: bold;
  } 
a:visited{
   color: rgb(51, 102, 255);
   background: inherit;
   text-decoration: none;
   font-weight: bold;
  } 
a:hover{
   color: rgb(51, 102, 255);
   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{
   position: relative;
   width: 900px;   
   margin: auto;
   background: url(/decor/fallback.png) left top repeat-x #3366ff; /*fallback*/
   background: -webkit-linear-gradient(#d2e1f6 0px, #3366ff 1500px); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#d2e1f6 0px, #3366ff 1500px); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#d2e1f6 0px, #3366ff 1500px); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#d2e1f6 0px, #3366ff 1500px); /* Standard syntax */
   color: inherit;
   border: solid 2px rgb(51, 102, 225);
   border-radius: 12px;
   box-shadow: 0px 0px 15px rgb(100, 100, 100);
  }
  
  /*Main Banner*/
 .banner{
    width: 900px;
    height: 180px;
    border-radius: 12px 12px 0 0;
    background: url(/decor/campaign-nonviolenceblue-adjusted.png) no-repeat;
   }
   
  /*sub title*/
.subttl{
   background:  url(/decor/subttl.png) repeat-y;
   background: -webkit-linear-gradient(left, #3366ff,#d2e1f6); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(right, #3366ff,#d2e1f6); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(right, #3366ff,#d2e1f6); /* For Firefox 3.6 to 15 */
   background: linear-gradient(to right, #3366ff,#d2e1f6); /* Standard syntax */
   text-align: center;
   font-style: italic;
   white-space: pre;
   padding: 2px;
   color: #fff;
   text-shadow: 2px 2px 2px #000;
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   border-radius: 7px;
   font-size: 1.2em;
  }
.subttl a{
   background: transparent;
   text-shadow: 0 0 10px #D2E1F6;
  }
  /*content box*/
.box2{
   
   color: inherit;
   padding: 0 10px;
   margin: 0;
   border: 0;
   
  }
  /*left column*/
 .collt{
   float: left;
   width: 265px;
   margin: 0 20px 10px 5px;
  }
  /*qoutes rules*/
.quotes{
   list-style-type: none;   
   padding: 10px;
   background: rgb(210, 225, 246);
   margin-bottom: 20px;
   border-radius: 10px;
   box-shadow: 0 0 10px #777;   
  }
.quotes ul{
   list-style-type: none;
   border-radius: 0; 
   box-shadow: none;   
  }
.quotes li{
   border: solid 1px #3366ff;
   border-radius: 3px;
   font-size: .8em;
   margin: 15px 0 0 -40px;
   padding: 3px;
   background: #C8D9F6;
  }
.quotes li li{
   background: #AFC5F4;
   padding: 5px;
   font-size: .8em;
   font-style: italic;
   list-style-type: none;
   margin-top: 0;
   border-radius: 3px;
   border: 0;
  }
  
/*pages menu box and menu buttons*/
.pages{
   padding: 10px;
   background: rgb(210, 225, 246);
   margin-bottom: 20px;
   border-radius: 10px;
   box-shadow: 0 0 10px #777;
  }
.pages ul{
   list-style-type: none;
   margin: 0 0 10px 0;
   padding: 0;
   font-variant: small-caps;
   font-size: 1.2em;
  }
.pages li{
   background:  url(/decor/buttonbg.png) repeat-y;
   background: -webkit-linear-gradient(left, #3366ff,#d2e1f6); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(right, #3366ff,#d2e1f6); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(right, #3366ff,#d2e1f6); /* For Firefox 3.6 to 15 */
   background: linear-gradient(to right, #3366ff,#d2e1f6); /* Standard syntax */
   text-align: center;
   font-style: italic;
   white-space: pre;
   font-weight: bold;
   margin: 10px auto 0 auto;   
   width: 75%;
   padding: 5px;
   border-radius: 10px;
   box-shadow: 1px 1px 1px #000
  }
.pages li:hover{
   
  }
.pages li a{
   text-decoration: none;
   color: #fff;
   text-shadow: 2px 2px 2px #000;
   background: transparent;   
  } 
.pages li a:visited{
   color: #fff;
  }
.pages li a:hover{
   color: #d2e1f6;
   text-shadow: 0 0 2px #36f;
  }
.fetglobal{
   padding: 10px;
   background: rgb(210, 225, 246);
   margin-bottom: 20px;
   border-radius: 10px;
   box-shadow: 0 0 10px #777;
  }
  
 /*content section*/
.content{   
   background:  url("/decor/CNVbglogo.png") no-repeat center top rgba(210, 225, 246, 1);   
   width: 545px;   
   color: inherit;
   padding: 10px 20px 20px 20px;
   margin: 10px 5px 10px 290px;
   border-radius: 10px;
   box-shadow: 0 0 10px #777;
  }
.firstln::first-line{
   font-weight: bold;
   font-size: 1.1em;
  }
.firstlt::first-letter{
   font-family: Georgia, serif;
   color: #3366ff;
   font-size: 1.5em;
  }
.uldove li{
   list-style-image: url("/decor/dovebullit.png");
  }
.clear{
   clear: both;
  }
.bookthumbs{   
   width: 60px;
   float: left;
   margin: 5px;
  }
.books li p{
   background: #C8D9F6;
   padding: 3px 5px;
   border: solid 1px #3366ff;
   border-radius: 5px;
  }
.books li p:hover{
   background: #C8D9F6;
   box-shadow: 3px 3px 3px #999;
   cursor: url(/decor/dove.cur),default;
  }

/* expand css*/
.toggle-box {
  display: none;
}

.toggle-box + label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 5px;
  color: #3366ff;
}

.toggle-box + label + div {
  display: none;
  margin-bottom: 10px;  
}

.toggle-box:checked + label + div {
  display: block;
}

.toggle-box + label:before {
  background-color: #3366ff;  
  border-radius: 10px;
  color: #FFFFFF;
  content: "+";
  display: block;
  float: left;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}

.toggle-box:checked + label:before {
  content: "\2212";
} 
/*end cnv



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);
   
  }
.box5{
   width: 200px;
   
   }
.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;
  }