/* Rollover */
a.rollover:link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;text-decoration: none; font-weight: bold; padding: 1.5px; display:block;}
a.rollover:active {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;text-decoration: none; font-weight: bold; padding: 1.5px; display:block;}
a.rollover:visited {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;text-decoration: none; font-weight: bold; padding: 1.5px; display:block;}
a.rollover:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #E29000;text-decoration: none; font-weight: bold; padding: 1.5px; display:block;}
 
#infotable {
background-image: url(aztecpattern.png);
background-position: right;
background-repeat: repeat-y;
background-position: right top;
background-color: #FFFFCC;
border: 3px;
border-color: #666600;
border-style: solid;
margin-left: 20px;
margin-right: 20px;
}

#infoimg_pond {
background: url(ipond.jpg) no-repeat; }
#infoimg_plant {
background: url(iplant.jpg) no-repeat; }
#infoimg_insect {
background: url(iinsect.jpg) no-repeat; }
#infoimg_frog {
background: url(ifrog.jpg) no-repeat; }
#infoimg_fish {
background: url(ifish.jpg) no-repeat; }
#infoimg_turtle {
background: url(iturtle.jpg) no-repeat; }
#infoimg_raccoon {
background: url(iraccoon.jpg) no-repeat; }
#infoimg_rabbit {
background: url(irabbit.jpg) no-repeat; }
#infoimg_myth {
background: url(imyth.jpg) no-repeat; }
#infoimg_pets {
background: url(ipet.jpg) no-repeat; }
#infoimg_squirrel {
background: url(isquirrel.jpg) no-repeat; }
#infoimg_native {
background: url(inative.jpg) no-repeat; }
#infoimg_snake {
background: url(isnake.jpg) no-repeat; }

#chattable {
background-image: url();
background-color: #FAEFA0;
border: 2px;
border-color: #E16C70;
border-style: solid; }

#formtable {
background-image: url();
background-color: #F2E5B8;
border: 3px;
border-color: #669933;
border-style: solid; }

#sidetable {
background-color: #FFFFCC;
background-image: url(sdenavimg.gif);
background-position: bottom left;
background-repeat: no-repeat;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #669933; }

#divimage {
position: relative;
left: -2px;
top: 1px;
}

#righttable {
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #669933;
background-color: #FFFFCC }

#Log {
font-family: "Courier New", Courier, mono;
font-size: 17px;
color: #000000; }

#rightpadding {
padding-right: 22px; }

#leftcenterpadding {
padding-right: 13px;
padding-left: 12px }

#border {
border-color: #669933;
border-width: 2px;
border-style: solid; }

#main {
border-color: #669933;
border-width: 5px;
border-style: solid;
background-color: #EAE099 }

#mainbody {
background-color: #EAE099 }

#maintitle{
background-color: #EAE099 }

/* Moss textbox */
.roundcont {
        width: 100%;
        background-color: #DEEFB7;
        color: #000000;
}

.roundcont p {
        margin: 0 7px;
}

.roundtop { 
        background: url(Mtr.gif) no-repeat top right; 
}

.roundbottom {
        background: url(Mbr.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

/* Green textbox */
.roundc {
        width: 100%;
        background-color: #669933;
        color: #000000;
}

.roundc p {
        margin: 0 10px;
}

.roundt { 
        background: url(Gtr.gif) no-repeat top right; 
}

.roundb {
        background: url(Gbr.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

.greentextcontainer {
 color:#000000;
 font-size: 16px; 
 font-family: Trebuchet MS, Tahoma, sans-serif;
 line-height: 25px;
 text-indent: 0em;
 padding: 3px;
 background-color:#FFFFCC;
 border-width:thin;
 border-style:solid;
 border-color:#0F220B;
 }
 
 .browntextcontainer {
 background-color:#ECE8CA;
 border-width:thin;
 border-style:solid;
 border-color:#0F220B;
 }
 
 .servicetext {
 color:#000000;
 font-size: 14.3px; 
 font-family: Trebuchet MS, Tahoma, sans-serif;
 line-height: 25px;
 text-indent: 0em;
 padding: 3px;
 margin: 0px 3px;
 }
 
 .navtextnotice{
 color:#000000;
 font-size: 12px; 
 font-family: Trebuchet MS, Tahoma, sans-serif;
 line-height: 25px;
 text-indent: 0em;
 padding: 0px;
 margin: 0px 5px;
 background-color:#FFFFCC;
 border-width:thin;
 border-style:solid;
 border-color:#0F220B;
 border-bottom-width: 0px;
 }
 
.img-border {
border-width: 1px; border-style: solid; border-color: #000000;
 }
 
 .style1 {
	color: #0000FF;
	font-style: italic;
}
.style2 {
	color: #0000FF;
	font-style: italic;
	font-weight: bold;
}
.style5 {
	color: #3366FF;
	font-style: italic;
}
.style7 {color: #0000FF}
.style9 {color: #3366FF}
.style11 {color: #0000FF; font-weight: bold; }
.style12 {font-size: 16px}
.style12-1 {font-size: 15px}
 
 .sidebuggy {
	padding:0,0;
	position:absolute;
	margin-left:30%;
	left: -256px;
	top: 139px;
 }
 
 .leftside
{
	BACKGROUND: url(dragonfly.png) no-repeat left top;
	LEFT: -238px;
	WIDTH: 52px;
	POSITION: absolute;
	margin-left:30%;
	TOP: 139px;
	HEIGHT: 75px;
	background-image: url(dragonfly.png);
}

 
 #gal {
 background-image: url(bg_g_pattern.gif);
 background-repeat: repeat;
 border: 3px;
 border-color: #669900;
 border-style: solid;
 padding: 3px;
 margin-left:0px;
 margin-right:0px;
 text-align: center;
  }
  
 #dl {
 background-color: #666633;
 background-image: url();
 background-repeat: repeat;
 border: 3px;
 border-color: #473C25;
 border-style: solid;
 padding: 3px;
 margin-left:55px;
 margin-right:55px;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px;
 line-height: 17px;
 }

td#servbox {
padding: 1px;
}

td#navbox {
 color:#000000; 
 background-color: #CFE879;
 background-image: url();
 background-repeat: no-repeat;
 background-position: bottom;
 font-size: 14px; 
 font-family: Trebuchet MS, Tahoma, sans-serif;
 line-height: 25px;
 text-indent: 0em;
 text-decoration: underline;
 border-right-width: thin;
 border-right-style: solid;
 border-right-color: #000000;
 padding: 0px; }

td#testbox {
 background-color: #FFFFFF;
 border: 2px;
 border-color: #000000;
 border-style: solid; }
 
 td#speicesbox {
 border: 3px;
 border-color: #B1CB8F;
 border-style: solid; }

a.swapped:link, a.swapped:visited {
display:block; /*allows width and height settings to apply*/
width: 221px; /*match to width of the image*/
line-height: 88px; /*match to height of the image*/
text-indent:-0.0em; /*moves the text off screen*/
text-decoration:none; /*removes the underline*/
background:url(http://www.naturalangle.us/gallery.jpg) no-repeat; /*sets the unmoused image*/
}
a.swapped:link:hover, a.swapped:visited:hover {
background:url(http://www.naturalangle.us/gallery.jpg) no-repeat 0 -88px; /*changes to the moused image on hover*/
} 

a.swapp:link, a.swapp:visited {
display:block; /*allows width and height settings to apply*/
width: 172px; /*match to width of the image*/
line-height: 42px; /*match to height of the image*/
text-indent:-0.0em; /*moves the text off screen*/
text-decoration:none; /*removes the underline*/
background:url(http://www.naturalangle.us/title/navstore.jpg) no-repeat; /*sets the unmoused image*/
}
a.swapp:link:hover, a.swapp:visited:hover {
background:url(http://www.naturalangle.us/title/navstore.jpg) no-repeat 0 -42px; /*changes to the moused image on hover*/
}

a.singleRollover {  
display: block;  
width: 172px;  
height: 42px;  
background: url(http://www.naturalangle.us/title/navstore.jpg) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
 }  
   
/** Declaration for the additional states of the a.singleRollover selector **/  
  
a:visited.singleRollover {  
background-position: 100 -42px;  
}  
   
a:hover.singleRollover {  
background-position: 0 -42px;  
}  
  
a:active.singleRollover {  
background-position: 0 -42px;  
}  

a.swapping {  
display: block;  
width: 173px;  
height: 42px;  
background: url(http://www.naturalangle.us/title/navcustom.jpg) no-repeat 0 0;  
overflow: hidden;  
text-indent: -10000px;  
font-size: 0px;  
line-height: 0px;  
 }  
   
/** Declaration for the additional states of the a.singleRollover selector **/  
  
a:visited.swapping {  
background-position: 100 100 -42px;  
}  
   
a:hover.swapping {  
background-position: 0 -42px;  
}  
  
a:active.swapping {  
background-position: 0 -42px;  
}