/* 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;}
 
/* Rollover snav*/
a.rollover2:link {color: #000000; display:block;}
a.rollover2:active {color: #000000; display:block;}
a.rollover2:visited {color: #000000; display:block;}
a.rollover2:hover {color: green; 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: #FAEFA0;
border-left-width: 3px;
border-left-style: solid;
border-left-color: #669933; }

#sidetable2 {
background-color: #FFFFCC;
background-image: url(icon_chtlve.png);
background-position: center;
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-top: 3px;
border-top-style: solid;
border-top-color: #669933;
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: 3px;
border-style: solid; }

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

#mainbody {
background-color: #EAE099 }

#maintitle{
background-color: #EAE099 }

#AreYouTable {
 background-image: url();
 background-repeat: repeat;
 background-color: #ffffcc;
 border: 1px;
 border-color: #000000;
 border-style: solid;
 padding: 3px;
 margin-left:12px;
 margin-right:12px;
 text-align: center;
  }

/* 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;
}

.Welcome {
 display: block;
 padding: 3px;
 background-color:#FFFFCC;
 border-width:3px;
 border-style:solid;
 border-color:#669933;
 color: #000000;
 font-size: 15px;
 font-family: Trebuchet MS, serif;
 text-decoration: none;
 text-align: center;
 word-spacing: -2px;
 }

.floatleft { float: left; margin: 0px 5px 5px 0px; }
.floatright { float: right; margin: 0px 0px 5px 5px; }

@media only screen and (max-width: 1192px) {
  .floating-menu, .floating-left { visibility: hidden; }
}

 /* Menu */
div.floating-menu {
position:fixed; right:12px; top:-15px; left:87%; width:137px; z-index:100; display:block; padding-bottom:0px;}

 /* left float */
div.floating-left {
position: absolute; left:auto; top:212px; width:126px; z-index:100; display:block; padding-bottom:0px;}

.menu-adjust {
margin-left:;
margin-top:13px;
 }

.shopnow {
position: fixed; left:auto; top:100px; width:126px; z-index:100; display:block; padding-bottom:0px;}

.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;
 }
 
 .sidenavicontainer {
 color:#000000;
 font-size: 15px; 
 font-family: Trebuchet MS, Tahoma, sans-serif;
 line-height: 22px;
 text-indent: 0em;
 padding: 1.5px;
 background-color: #D0E171;
 border-style:solid;
 border-color:#669933;
 border-width: 3px;
 width: 203px;
 }
 
 .sidenavitext {
 outline-color: #336699;
 outline-width: 1px;
 outline-style: solid;
 color: ffffff;
 font-family: "Palatino Linotype", "Book Antiqua", serif;
 font-size: 15px; }

p.dropcaps:first-letter {
 font-family: "Times New Roman", Times, serif;
 font-size: 3em;
 color: #003300;
 float: left;
 margin-bottom: -7px;
 margin-right: 1px;
 line-height: 31px; }

 .dropcap {
 font-family: "Times New Roman", Times, serif;
 font-size: 3em;
 color:#003300;
 float: left;
 margin-right: 1px;
 line-height: 32px; }
 
 .browntextcontainer {
 background-color:#ECE8CA;
 border-width:thin;
 border-style:solid;
 border-color:#0F220B;
 }
 
  .otherservice {
 background-color:#ECE8CA;
 border-width:thin;
 border-style:solid;
 border-color:#0F220B;
 height: 400px;
 }
 
 .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-bottom: 3px;
 border-color: #669900;
 border-style: solid;
 padding: 0px;
 margin-left:0px;
 margin-right:0px;
 text-align: center;
 z-index:1;
  }
  
 #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;
 }

#titlebox {
border-bottom:3px;
border-bottom-color:#669933;
background-color:#EAE099;
border-bottom-style:solid;
padding-bottom: 9px;
}

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; }
 
 .tempcover {
 display: block;
 float: left;
 position:absolute;
 top:1945px;
 left:200px;
 width: 853px;
 height: 115px;
 padding: 3px;
 background-color:#FFFFCC;
 border-width:2px;
 border-style:solid;
 border-color:#669933;
 color: #000000;
 font-size: 15px;
 font-family: Trebuchet MS, serif;
 text-decoration: none;
 text-align: center;
 word-spacing: -2px;
 }
 
 .notice {
 display: block;
 float: left;
 position:absolute;
 top:171px;
 left:433px;
 width: 387px;
 height: 32px;
 padding: 2px;
 background-color:#FFCCFF;
 border-width:2px;
 border-style:solid;
 border-color:#FF99FF;
 color: #000000;
 font-size: 11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 text-align: center;
 word-spacing: -2px;
 line-height:15px;
 }



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;  
}

.logo {  
display: inline; 
width: 76px;  
height: 131px;  
background: url(http://www.naturalangle.us/title/3-.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 **/  
  
.logo:visited.logo {  
background-position: 0 0 0px;  
}  
   
.logo:hover.logo {  
background-position: 0 -131px;  
}  
  
.logo:active.logo {  
background-position: 0 0px;  
}
