body{
   background-image: url("images/hempsymbol.jpg"); 
   background-repeat: both;
   text-align: center;
   border: 0px solid black;
}

img{
  border: 0px solid black; 
}

.nav_bar, .nav_bar2, .list_container , .box_style,
.paragaph, .text_index,
.paragaph, .text_index,
div.header, .footer{
  border: 1px solid rgb(27,142,40);#rgb(124,234,137);
  background-color:  rgb(110,200,80);#rgb(137,219,102);#rgb(27,142,40);
}

.nav_bar, .nav_bar2, .list_container , .box_style{
  margin: 1em;
  width: auto;
  padding: 1em;    
  color: white;  
  padding: 0px;
  margin: 5px 2px 2px 2px;
}

li :visited,li :link{
  color: white; 
  text-decoration: none;
}

li :hover{
  color: red; 
  text-decoration: underline;  
}


.nav_bar2{
  width: 80%;
  margin: 5px 10% 2px 10%;
}

.header_back_fade {
   background: black;
   color: white;
   background-image: url("back/back_red.png");
   background-position: left;
   background-repeat: both;
   background-attachment: fixed;
   background-position: 0 0;
}


h1,h2{
  font-size: 16pt;
  padding: 0px;
  margin: 0px;
}
h1{
  font-size: 225%; 
}

div.header, .footer{
  width: 800px;
  margin: 0px auto;    
  height: 50px;
  background-repeat: repeat-x;
  background-image: url("images/header_back_fade.gif");
  background-position: left bottom;
  font-size: 16pt;    
}

.footer{
  float: none;
	clear: both;
  width: 725px;
	margin: 10px auto;
  height: 60px;
  text-align: left;
  font-size: 12px;
  background-image: none;
  padding: 5px;
}
  
.ino_pargraphs{
   text-align: left; 
   margin: 0px 0px 10px 0px;
} 

.back-color-minor,
#back-color-minor{
    background-color: rgb(138,203,217);
}
.category_tag,.mutant_tag{
    float: right;
    margin-top: .25em;
    margin-right: .5em;
    color: white;
    background-color: rgb(138,203,217);#rgb(160,9,58);
    border: 0px solid rgb(103,9,30);
    border-right: 5px solid rgb(103,0,30);
    padding: 5px 10px 0 10px;
}
.mutant_tag{
	width: 300px;
  margin-top: -.55em;
  margin-right: -.5em;
}

.category_tag{
 float:left;
 width: 8em;
}
.ampersand{
    color:rgb(215,215,215);
    text-align: center;
    font-size: 40px; 
    z-index: 0;
}

.paragaph, 
.paragaph-smaller, 
.text_index{
  color: white;
  width: 800px;
  margin: 10px auto;

  padding: 10px 10px 35px 10px;
  text-align: center;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url("images/header_back_fade.gif---");
}
.paragaph-smaller{
	 width: 700px;
   margin: 10px auto;
}


.text_index{
  width: 8em;
  background: transparent;
  padding: 5px;
  margin: 10px auto 10px auto;
  border-style: dotted;
  border-left: 0;
  border-right: 0;
}

.center, .content{
   clear:left;
   text-align: center;
    width: 800px;
   margin: 10px auto;
   padding: 0px;
   border: 0px solid white;
}

.cente{ 
    position:absolute;
    text-align: center;
    left: 50%;
    padding: 0px;
    margin: 0px;
    margin-top: .2em;
    margin-left: -150;

    
}


.list_container{
  float: right;
  text-align: center;
  margin-top: 110px;  
}


ul, li{
  display: inline;
  padding: 0px;
  margin: 0px;
}
.nav-info-list ul, li{
  display: inline;
  padding: 0px 12px;
  margin: 0px;
}

div.nav_jewlery{
   float: left;
	 width: 75px;
/*   margin: 0 5px 0 5px;*/
   margin: 0px;
   padding: 0;
   border: 0px solid black;
}

div.nav_jewlery img{
   padding: 0;
   margin: 0 2px;
   border: 0px solid black;
}




.gallery-pargraphs{
	padding: 5px;
	border: 0px solid red;
	clear: left;
}
.gallery-pargraphs p{
	text-align: left;
	float: left;
	margin-top: 80px;
	margin-left: 20px;
	width: 420px;
	padding: 5px;
	border: 0px solid white;
	
}
.gallery-pargraphs img{
  float: left;
	margin-left: 20px;
}


what{
    position: relative;
    margin: 120px 250px 20px 10px;
 
   color: white;
    font-size: 20pt;
    font-family: sans-serif;
    font-weight: bold;
    font-style: italic;
    padding-right: 25px;

    border-bottom: 1px solid white;

    margin: 25px;
    
    width: 12em;
}