body{
   background: rgb(233, 187, 125) url("decor/constitution1.jpg") center center fixed;
   font-family: Helvetica, Arial, sans-serif;
  }

  
  /*link styles*/
a:link{
   color: #962521;
   text-decoration: none;
   background: inherit;
   font-weight: bold;
  }
a:visited{
   color: #962521;
   text-decoration: none;
   background: inherit;
  }
a:hover{
   text-decoration: underline;
   color: #d5352f;
   background: inherit;
  }
a:active{
   text-decoration: underline;
   color: #d5352f;
   background: inherit;
  }
  
  /*main box*/
#box{
   width: 900px;
   clear: both;
   background: transparent url("decor/boxbg.png");
   background: rgba(248, 228, 182, 0.7);   
   margin: auto;
   padding: 20px;
   overflow: auto;
   border-radius: 15px;
   box-shadow: 1px 1px 20px #888;
  }
#banner{   
   padding: 10px 20px 20px 5px;
  }
#banner img{   
   box-shadow: 3px 3px 5px #555;   
  }
#banner .poclad{
   border-radius:0 7px 7px 0;
  }
#banner .flag{
   border-radius: 7px 0 0 7px ;
  }
  
  /*menu buttons*/
.menu{
   padding:0px;
   margin:-5px 0 0 0;
   color:#fff;
   background-color: inherit;
   font-size: 95%;
   font-family: arial, helvetica, sans-serif;
   font-variant: small-caps;
   white-space:nowrap;
   list-style-type:none;
   float: right;
   width: 310px;
   text-align: center;
  }
.menu li {
   display:inline;   
  }
.menu li a{
   padding:0.3em .5em;
   background:#962521;
   color:#fff;
   font-weight: bold;
   text-decoration:none;
   margin: 1px; 
   border-radius: 5px;  
  }
.menu li a:hover {
   background:url("decor/buttonbg.jpg") repeat scroll center center rgb(235, 189, 129);
   box-shadow: 2px 2px 2px #962521;
   text-shadow: 1px 1px 1px #962521;
   color:#962521;
  }
.menu li a:active {
   background:url("decor/button5.jpg") repeat scroll center center rgb(235, 189, 129);
   box-shadow: inset 2px 2px 2px #962521;   
   color:#962521;
  }
.menu .donate-button{   
   color: #fff;
   text-shadow: 1px 1px 1px #962521;   
   background: #ff8100;
   background: url('/decor/donatebuttonbg.png') repeat-x;
   background: -webkit-linear-gradient(#ffac79, #ff6100); /* For Safari */
   background: -o-linear-gradient(#ffac79, #ff6100); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#ffac79, #ff6100); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#ffac79, #ff6100); /* Standard syntax */ 
   border: solid #962521 3px;
 }
.menu .donate-button:hover{
   color: #962521;
   background: #ff8100;
   background: url('/decor/donatebuttonbg.png') repeat-x;
   background: -webkit-linear-gradient(top, #ffac79, #ff6100); /* For Safari */
   background: -o-linear-gradient(top, #ffac79, #ff6100); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(top, #ffac79, #ff6100); /* For Firefox 3.6 to 15 */
   background: linear-gradient(top, #ffac79, #ff6100); /* Standard syntax */ 
   border: solid #962521 3px;
 }   

#home h1{
   font-size: 2.2em;
   font-variant: small-caps;
   color: #962521;
  }    
#home .imglt{
   float: left;
   width: 520px;
   margin: 0 0 30px 0;
  }
#home .imglt img{ 
   border-radius: 4px;
  }
  /*content box left*/
.sepdot{
   border-top: dotted 1px #962521;
   
  }
.sepsolid{
   border-top: solid 2px #962521;
   margin: 30px 0 30px 0;
  }
.textbox2{
   border: solid 2px #d4b17d;
   border-radius: 10px;
   background: transparent url(/decor/dicpgsbg.png);
   background: rgba(235, 189, 129, 0.4);   
   box-shadow: 2px 2px 3px #d4b17d;
   padding: 10px;
   width: 90%;
   margin: 0 auto;
  }
.textbox3{
   border: solid 2px #d4b17d;
   border-radius: 10px;
   background: transparent url(/decor/dicpgsbg.png);
   background: rgba(235, 189, 129, 0.3);  
   box-shadow: 2px 2px 3px #d4b17d;
   padding: 0 10px;
   width: 90%;
   margin: auto;
  }
  

#content{
   width: 570px;
   margin: 25px 0 0 0;
   padding: 1px 20px;
   border-radius: 15px;
   background: transparent url(decor/contentbg.png);
   background: rgba(255, 255, 255, 0.75);   
   box-shadow: 5px 5px 5px #888; 
   line-height: 1.5;  
  }
#content .date{
   color: #962521;
   width: 50%;
   text-align: right;
   float: right;   
  }
#content .BWA{
   color: #962521;
   float: left;
   width: 50%;
  }

#content ul ol.loweralpha li{
   list-style-image: none;
   list-style-type: lower-alpha;
  }

.grossman:first-letter{
   font-weight: bold;
   font-family: Georgia,"Times New Roman", serif;
   font-size: 120%;
   color: #962521;
   background-color: inherit;
   
  } 
.grossman:first-line{
   font-weight: bold;
  }
sup{
   font-size: 80%;
  }
#content em{
   font-family: Georgia, "Times New Roman", serif;
   font-size: 1.05em;
  }
#content h1{
   font-variant: small-caps;
   text-shadow: 2px 2px 2px #999;
   color: #962521;
   background: transparent;
  }

#content p{
   margin-left: 5px;
  }
  
#content ol li{
   margin:0 0 10px -10px;
  }
#content .ulmargin li{
   margin: 10px 0 10px -10px;
   list-style-image: url('decor/tribullitt.gif');
  }
#content .uprom{
   list-style-type: upper-roman;
   margin: 0 20px 0 -10px;
  }
#content p.indent{
   margin: 0 50px 0 30px;
  }
#content .textbox{
   width: 80%;
   margin: auto;
   background: transparent url("decor/boxbg.png");
   background: rgba(248, 228, 182, 0.7);
   padding: 0 5px 0 5px;
   border: solid 1px #d4b17d;
   border-radius: 5px;
   box-shadow: 3px 3px 3px #999;
  } 
.featured{
   background: transparent url(/decor/dicpgsbg.png);
   background: rgba(235, 189, 129, 0.45);
   margin: 20px auto;
   box-shadow: 3px 3px 3px #d4b17d;
   padding: 1px 20px;
   border: solid 2px #d4b17d;    
   border-radius: 15px;
  }  
  /*column on right side*/
#colrt{
   float: right;
   width: 225px;
   margin-top: 25px;
   padding: 20px;
   font-size: 95%;
   background: transparent url(decor/colrt.png);
   background: rgba(235, 189, 129, 0.7);   
   border-radius: 15px;   
   box-shadow: 5px 5px 5px #888;   
  }
#colrt h3{   
   
  }

#diclink, #colrt p{
   font-weight: bold;
  }
#diclink, #colrt ul{
   list-style-type: none;
   font-size: 90%;
  }
#colrt ul li{
   padding-bottom: 10px;
   font-weight: bold;
   margin: 0 0 0 -38px;
   clear: both;
   
   
  }
#colrt li ul{
   font-size: 100%;
  }
#colrt li ul li{
   margin: 2px 0 0 -32px;   
  }
#diclink, #colrt ul li a{
   color: #962521;
   text-decoration: none;
  }

#diclink, #colrt ul li a:hover{
   text-decoration: underline;
   color: #d5352f;
  }
.linkbox:hover{
   box-shadow: inset 2px 2px 3px #d4b17d;
   
  }
.linkbox{
   background: transparent url(decor/bwa.png);
   background: rgba(255, 255, 255, 0.2);
   padding: 1px 5px;
   border: solid 2px #d4b17d;    
   border-radius: 15px;
   margin-bottom: 20px;
   font-size: 97%;
  }
.dp{
   float: right;
   width: 36px;
   margin: 0px 0px 0px 0px;
   padding: 0 0 5px 0;
  }
.linkbox .catagory{
   background: transparent url(decor/colrt.png);
   background: rgba(235, 189, 129, 0.4); 
   color: #962521;
   text-align: center;
   font-size: 110%;
   width: 90%;
   margin: auto;   
   padding: 5px;
   border:  5px double #962521;
   border-radius: 7px;
   box-shadow: 3px 3px 3px #d4b17d;
   
  }
#colrt .BWA{
   background: #962521;
   
   color: #fff;
   font-size: 112%;
   font-variant: small-caps;
   
   padding: 5px 5px 5px 5px;
   border-radius: 5px;
   width: 40px;   
  }
.linkbox .year{
   background: #962521;
   color: #fff;
   padding: 0 2px 0 2px;
   border-radius: 5px;
   width: 40px;   
  }
.linkbox .date{
   background: #962521;
   color: #fff;
   padding: 2px;
   margin-left: 13px;   
   border-radius: 5px;
   font-size: 70%;
   width: 25px;   
  }
.linkbox .summer{
   background: #962521;
   color: #fff;
   padding: 2px;      
   border-radius: 5px;
   font-size: 70%;
   width: 20px;
  }
.linkbox .spring{
   background: #962521;
   color: #fff;
   padding: 2px;
   margin-left: 1px;   
   border-radius: 5px;
   font-size: 70%;
   width: 20px;
  }
.linkbox .fall{
   background: #962521;
   color: #fff;
   padding: 2px;
   margin-left: 13px;   
   border-radius: 5px;
   font-size: 70%;
   width: 20px;   
  }  
.linkbox .winter{
   background: #962521;
   color: #fff;
   padding: 2px;
   margin-left: 1px;   
   border-radius: 5px;
   font-size: 70%;
   width: 20px;
  }
.linkbox .pdf{
   font-size: 70%;   
   background: #d4b17d;
   width: 20px;   
   padding: 2px;
   margin-left: 13px;   
   border-radius: 5px;
  }
#art p img{
   width: 180px;   
   opacity: 0.7;
   border-radius: 5px;
  }
.artwork img{
   width: 560px;
   border-radius: 7px;
   box-shadow: 5px 5px 5px #aaa;
  }
.arttitle{
   float: left;
   width: 50%;
   
   margin-top: 15px;
  }
.artauth{
   text-align: right;
   
  }
   
#art p img:hover{
   opacity:1.0;
   
   box-shadow: 5px 5px 5px #777;
  }

  /*Move to Amend box*/
.mtabtn{
   text-align: center;
  }
.mta{
   text-align: center;
   margin: 0 0 10px 20px;
   padding: 10px;
  }  
.mta h3{
   font-variant: small-caps;
   font-size: 110%;
  }
.dicdiv{
   width: 325px;
   float: right;
  }
.dicpgs .mtabtn a:link{
   width: 180px;
   background: url(decor/btn.jpg) red;
   color: white;
   border: solid 1px white;
   border-radius: 7px;
   padding: 2px 10px 2px 10px;
  }
.dicpgs .mtabtn a:visited{
   color: white;
   background: inherit;
  }
.dicpgs .mtabtn a:hover{
   background: blue;
   border: solid 1px black;
   text-decoration: none;
  }

.diclink li{
   margin: 10px 10px 0 -20px;
   font-size: 120%;
  }
.diclink{
   margin: 10px 10px 0 -30px;   
  }
.diclink .pdf{
   font-size: 70%;   
   background: #d4b17d;
   width: 20px;   
   padding: 2px;
   margin: 0 -13px 0 0;      
   border-radius: 5px;
   
  }
.diclinkmain{
  float: right;
  width: 300px;
  margin-top: -40px;
  
}
.diclinkmain a:link{
  text-decoration: none;
   
  background: #962521; 
  color: #fff;
  padding: 5px;
  text-align: center;
  border-radius: 5px;
 }
.diclinkmain a:visited{
  color: #fff;
 }
  
/* expand css*/
.toggle-box {
  display: none;
}

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

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

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

.toggle-box + label:before {
  background-color: #962521;  
  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";}
  
.lihyphen {list-style-type: none;}
  
.lihyphen li:before{
	content:"-";
	position:relative;
	margin-left: -8px; /* optional, for multiline li element */
	left: -5px;  

 

   
  
/*footer*/
#footer{
   clear: both;
  }