BODY {
  background-image: url(graphics/gradient.jpg);
  background-repeat: repeat-x;
  background-color: rgb(66,94,45);
  border-left: 4px solid #EFEBE7;
   border-right: 6px solid #EFEBE7;
   border-top: 3px solid #EFEBE7;
   border-bottom: 3px solid #EFEBE7;
 }

 top {
  border-left: 4px solid #EFEBE7;
   border-right: 4px solid #FFFFFF;
   border-top: 3px solid #EFEBE7;
   border-bottom: 3px solid #EFEBE7;
 }
 
 b {
 
   color: rgb(102,70,66);
 }
 
 
 /* This is for links in the content area of the site */
a:link {
  color: rgb(63,32,98); 
  text-decoration: dashed;
  FONT-WEIGHT: bold}
a:visited {
  color: rgb(63,32,98); 
  text-decoration: dashed;
  FONT-WEIGHT: bold}
a:hover {
  color: rgb(66,35,101); 
  text-decoration: dashed;}
a:active { 
  color: rgb(63,32,98); 
  text-decoration: dashed;}
 
 
/* CSS Tabs */
#navcontainer
{
/* background-color: rgb(215,179,31); */
background-color: rgb(132,35,6);
width: 100%;
margin: 0;
padding: 0;
font-family: verdana, arial, sans-serif;
font-size: 13px;
text-align: left;
}


ul#navlist {
 text-align: left;
 list-style: none;
 padding: 0;
 margin: 0;
 width: 100%;
}

ul#navlist li {
 display: block;
 margin: 0;
 padding: 0;

}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.4em 0 0.4em 1em;
border-width: 1px;
border-color: RGB(214,197,29) #aaab9c #ccc #fff;
border-style: solid;
color: rgb(106,84,73);
text-decoration: none;
background-color: rgb(224,170,27);
/* background: url(graphics/button.jpg) */

}

#navcontainer>ul#navlist li a { }

ul#navlist li#active a
{
background: rgb(255,166,255);
color: rgb(255,230,230);

}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: rgb(255,255,255);

border-color: #aaab9c #fff #fff #ccc;
background: url(graphics/button-hover.jpg)
}



.content-script {
   font-family: "Bradley Hand ITC", "Lucidia Grande", Verdana, Helvetica, Arial;
   font-size: 16px;   
   line-height: 20px;
		
   color: #773377;	
   background-color: #FFFFFF;
	
   padding-bottom: 5px;
	
   padding-top: 13px;
}


.content {
   font-family: "Lucida Grande", Verdana, Arial;
   font-size: 14px;   
   line-height: 18px;
		
   color: #444444;	
   background-color: rgb(223,224,197);
	
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 5px;
   padding-top: 13px;
}

 
.footer {
   font-family: verdana, arial, sans-serif;
   font-size: 12px; 
   line-height: 16px; 	
   color: rgb(89,89,79);	
   background-color:  rgb(226,91,44);
   padding-bottom: 4px;
	
   padding-top: 6px;
}


}

.footer a:link {
   font-family: verdana, arial, sans-serif;
   font-size: 9px;   	
   color: #FFFFFF;		
   padding-bottom: 4px;   	
   padding-top: 6px;
   padding: 6px 10px 4px 8px;


}


.shadowboxright {
   margin: 20px 10px 10px 10px;
   background: url(graphics/shadowlight.gif) repeat; 
   position: relative; /*IE needs this to show float properly*/
   float: right;
}


.shadowboxwide {
   margin: 10px 10px 10px 10px;
   background: url(graphics/shadowlight.gif) repeat;
   width: 360; 
   position: relative; /*IE needs this to show float properly*/
   float: left;
}


.shadowboxfloat {
   margin: 10px 10px 10px 10px;
   background: url(graphics/shadowlight.gif) repeat;
   width: 125; 
   position: relative; /*IE needs this to show float properly*/
   float: left;
}
			
.shadowcontent, .shadowcontent2 {
  position: relative;
  padding: 10px; 
  top: -5px; /* these two define the shadow 'offset'*/
  left: -5px;
  background: rgb(222,202,139)
  color: black;
  border: 1px solid #993300;
}


#bwdlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#bwdlist li 
{
padding-left: 10px;
background-image: url(graphics/indent_arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}