body {
      background-color: #4e4e4e ;/*url(images/layout/forest/tree.jpg) no-repeat bottom left*/;
      text-align: center;
      font-size: 16px;
      }
 /*this is the stuff so that I can change the image on hover*/
 #personalnav {
      background: url(images/layout/forest/NavButtons/PersonalNavButton.png) no-repeat;
      /*position: absolute;*/
      float: left;
 }
 #personalnav:hover {
      background: url(images/layout/forest/NavButtons/PersonalNavButton2.png) no-repeat;
 }
 
 #servicesbutton {
      background: url(images/layout/forest/NavButtons/ParkServicesButton.png) no-repeat;
      /*position: absolute;*/
      float: left;
 }
 #servicesbutton:hover {
      background: url(images/layout/forest/NavButtons/ParkServicesButton2.png) no-repeat;
 }
 
 #comm {
      background: url(images/layout/forest/NavButtons/Communicationbutton.png) no-repeat;
      /*position: absolute;*/
      float: left;
 }
 #comm:hover {
      background: url(images/layout/forest/NavButtons/communicationbutton2.png) no-repeat;
 }
 
 #helpbutton {
      background: url(images/layout/forest/NavButtons/Helpbutton.png) no-repeat;
      /*position: absolute;*/
      float: left;
 }
 #helpbutton:hover {
      background: url(images/layout/forest/NavButtons/helpbutton2.png) no-repeat;
 }
 
 #adminbutton {
      background: url(images/layout/forest/NavButtons/adminbutton.png) no-repeat;
      /*position: absolute;*/
      float: left;
 }
 #adminbutton:hover {
      background: url(images/layout/forest/NavButtons/adminbutton2.png) no-repeat;
 }
/* The main divs and such */   
#leaves {
      margin: 0 auto;
      width: 950px;
      /*height: 75%;*/
      /*this doesn't really do anything, this is just so that the tree will go to the right spot*/
      overflow: hidden;
      text-align: left;
      background: #4e4e4e url(images/layout/forest/leaves.jpg) repeat-y left;

      }   
#container {
      margin: 0 auto;
      width: 950px;
      /*this doesn't really do anything, this is just so that the tree will go to the right spot*/
      overflow: hidden;
      text-align: left;
      background: url(images/layout/forest/tree.jpg) no-repeat bottom left;
      }

#header {
          text-align: center;
          width: 950px;
          height: 144px;
          background: url(images/layout/forest/header.png);
          }
         
#topnavigation {
          text-align: center;
          width: 950px;
          height: 83px;
          margin-top: 10px;
          background: url(images/layout/forest/topnav_forest.png);
          }

          
#userinfo {
          width: 175px;
          height: 210px;
          margin-top: 5px;          
          /*background: url(/images/layout/forest/user_forest.png) no-repeat;*/
          padding: 5px;
          }
          
#sidenavigation {
          width: 175px;
          height: 400px;
          margin-top: 20px;
          /*filter: alpha(opacity=72);
          -moz-opacity:0.72;*/
          /*background: #b6d6ca;*/
          }
          
/* float aligns it where I tell it too.. And has wrap around or something..
it lets me put things beside something */

#main {
          color: #004400;
          font-size: 14px;
          float: right;
          width: 765px;
          min-height: 800px;
          text-align: center;
          /*height: 700px;*/
          /*height: 100%;*/
          margin-top: 10px;         
          padding: 0px;
          }
          
a img {border: none}

/*div for the title headers*/
div.title{
          width: 478px;
          height: 120px;
          padding-top: 23px;
          padding-left:-100px;
          margin-left: auto;
          margin-right: auto;
          background: url(/images/layout/forest/titlebg.png) no-repeat;
          }

div.title h1{
          font-weight: bold;
          font-size: 28px;
          
          }


table{ 
          margin-left: auto;
          margin-right: auto;
          
          }
  
 
 /*footer div */
 div.footer{
          padding: 10px 50px;
          min-width: 600px;
          float: left;
          }   
          
 /*Sudoku table stuff*/
 table.sudoku{
          border: none;
          /*background: #225533;*/
          border-spacing: 5px;
          width: 650px;
          }
 
 table.news td{
          border: 2px #3a4d37;
          padding: 5px;
          background: #bbffdd
          
          }     
/*News Table Stuff*/

table.news{
          border: none;
          /*background: #225533;*/
          border-spacing: 5px;
          width: 650px;
          }

table.news th{
          border: 2px #3a4d37;
          background: #73D0B0;
          font-size: 20px;
          font-weight: bold;
          color: #004422;
          }

table.news td.info{
          border: 2px #3a4d37;
          background: #a0F0D0;
          width: 350px;
          text-align: center;
          font-weight: bold;
          color: #006600;          
          }

table.news td{
          border: 2px #3a4d37;
          padding: 5px;
          background: #bbffdd
          
          }

/* Animal table stuff*/

table.animal{
          border: none;
          /*background: #000000;*/
          width: 650px;
          font-size: 16px;  
          border-spacing: 3px;
          }
          
table.animal td{
          border: 2px #3a4d37;
          background: #73D0B0;

          }
          
table.animal td.image{
          border: 2px #3a4d37;
          background: #73D0B0;
          width: 400px;

          }
          
table.animal th{
          border: 5px #3a4d37;
          background: #73D0B0;
          font-size: 24px;
          height: 50px;
          }
 
       
table.colours {
          width: 175px;
          max-width: 175px;
          min-width: 175px;
          max-height: 200px;
          height: 200px;
          min-height: 200px;
          /*border:4px #007733 inset;*/
          border: none;
          /*background: #458867 ;*/
          border-spacing: 3px;
          }
          

      
table.colours td{
          border: 2px #3a4d37;
          background: #73D0B0;
          }
          
table.colours th{
          border: 2px #3a4d37;
          background: #73D0B0;
          max-height: 50px;
          }

div.changename{
          margin-left: auto;
          margin-right: auto;
          width: 650px;
          }    
          
div.transfer{
          margin-left: auto;
          margin-right: auto;
          width: 650px;
          float: left;
          }        
table.changename {
          width: 640px;
          max-width: 640px;
          min-width: 640px;
          border:none;
          /*background: #458867;*/
          }
table.changename td{
          border: 2px #3a4d37;
          background: #73D0B0;
          text-align: center;
          }

table.changename th{
          border: 2px #3a4d37;
          background: #73D0B0;
          max-height: 50px;
          }

table.transferanimal{
          width: 640px;
          max-width: 640px;
          min-width: 640px;
          /*background: #678867;*/
          border:none;
          }

table.transferanimal td{
          border: 2px #3a4d37;
          background: #73D0B0;
          text-align: center;
          }
/*animal pricing*/
table.animalprice {
          width: 300px;
          max-width: 300px;
          min-width: 300px;
          max-height: 150px;
          height: 150px;
          min-height: 150px;
          border: none;
          /*background: #458867 ;*/
          width: 200px;
          }   
          
table.animalprice td{
          border: 2px #3a4d37;
          background: #73D0B0;
          }
          
table.animalprice th{
          border: 2px #3a4d37;
          background: #73D0B0;
          max-height: 50px;
          }       
/*table info for lineage page*/

table.lineage{
          text-align: center;
          width: 700px;
          }
          
div.lineage{
          width: 700px;
          overflow: auto;
          }
/* pet page divs for marking/colour tables */

div.gencont {
        width: 210px;
        max-width: 215px;
        max-height: 200px;
        height: 200px;
        min-height: 200px;
        /*overflow: auto;*/
        float: left;
        margin: 5px;
        
       }
#genetics{
          width: 675px;
          max-height: 200px;
          height: 200px;
          max-width: 675px;
          margin-left: auto;
          margin-right: auto;
          }
#bases {
          width: 190px;
          max-width: 190px;
          max-height: 200px;
          height: 200px;
          min-height: 200px;
          overflow: auto;
          /*float: left;*/
          margin: 5px;
          
          }

#markings {
        width: 192px;
        max-width: 192px;
        max-height: 200px;
        height: 200px;
        min-height: 200px;
        overflow: auto;
        /*float: left;*/
        margin: 5px;
        
       }
       
#features {
        /*float: left;*/
        width: 190px;
        max-width: 190px;
        max-height: 200px;
        height: 200px;
        min-height: 200px;
        overflow: auto;
        margin: 5px;
        
       }  
       
div.prices {
        width: 675px;
        margin-left: auto;
        margin-right: auto;
        float: left;
        padding: 10px;
       }

table.breeding{
        border: 0px none;
        float: left;
        clear: left;
} 

div.animalstuff{
        margin-left: auto;
        margin-right: auto;
        width: 660px;
        float: left;
        }         

div.stud {
          width: 320px;
          float: left;
          margin: 5px;
          
          }

div.sell {
        width: 320px;
        float: left;
        margin: 5px;
        
       }
   
/* profile stuff, starting with the table */
table.user_data{
          border: none;
          /*background: #004400;*/
          width: 500px;
          color: #004400;
          border-spacing:3px;
}

table.user_data th{
          font-size: 24px;
          text-align: center;
          border: 2px #3a4d37;
          background: #99ddbb;
}

table.user_data td{
          width: 300px;
          /*text-align: right;*/
          border: 2px #3a4d37;
          background: #99ddbb;
          font-weight: bold;
}

table.user_places{
          border: 2px #004400 outset;
          background: #337744;
          width: 500px;
          color: #004400;
          border-spacing:5px;
          text-align: center
}

table.user_places th{
          font-size: 20px;
          text-align: center;
          /*border: 2px #bbffdd ridge;*/
          background: #99ddbb;
}

table.user_places td{
          width: 300px;
          /*text-align: right;*/
          border: 2px #aaeebb inset;
          background: #99ddbb;
}
/*tables for inventor*/
table.inventory{
          border: none;
          /*background: #aaddcc;*/
          color: #003300;
          border-spacing:3px;
          text-align: left;
          width: 300px;
}

table.inventory td{
          border: 2px #3a4d37;
          background: #99ddbb;
          text-align: center;
          
}
/*park page stuff*/
table.park{
          border: none;
          /*background: #004400;*/
          width: 650px;
          color: #004400;
          border-spacing:3px;
}

table.park th{
          font-size: 20px;
          text-align: center;
          border: 2px #3a4d37;
          background: #99ddbb;
}

table.park td{
          width: 200px;
          border: 2px #3a4d37;
          background: #99ddbb;
}

table.park td.label{
          width: 200px;
          border: 2px #3a4d37;
          background: #99ddbb;
          font-weight: bold
}

/* 650 px wide table borders*/
.Table650Sides {
  background-image: url(images/layout/forest/650_table_sides.png);
}

.Table650Topbot {
  background-image: url(images/layout/forest/650_table_topbot.png);
}

.roundedDialog tr .content div.tablestuff{
  position: relative;
  top: -10px;
  margin-bottom: -13px;
  left: -10px;
  padding-right: 5px;
  min-width: 175px;
  text-align: center;
  color: #004400;
  font-size: 17px;
}

/* Genetics table borders (205 or 188px wide)*/
.Table188Sides {
  background-image: url(images/layout/forest/188_table_sides.png);
}

.Table188Topbot {
  background-image: url(images/layout/forest/188_table_topbot.png);
}

.roundedDialog tr .content div.smalltablestuff{
  position: relative;
  top: -10px;
  margin-bottom: -20px;
  left: -15px;
  padding-right: 5px;
  min-width: 185px;
  max-width: 185px;
  text-align: center;
  color: #004400;
  font-size: 17px;
}

/*Half wide (320px wide) table borders */
.Table320Sides {
  background-image: url(images/layout/forest/320_table_sides.png);
}

.Table320Topbot {
  background-image: url(images/layout/forest/320_table_topbot.png);
}

.roundedDialog tr .content div.halftablestuff{
  position: relative;
  top: -10px;
  margin-bottom: -10px;
  left: -9px;
  padding-right: 0px;
  min-width: 300px;
  max-width: 300px;
  text-align: center;
  color: #004400;
  font-size: 17px;
}
/*group page stuff*/
/*park page stuff*/
table.groups{
          border: none;
          /*background: #004400;*/
          width: 300px;
          color: #004400;
          border-spacing:3px;
}

table.groups th{
          font-size: 19px;
          text-align: center;
          border: 2px #3a4d37;
          background: #99ddbb;
}

table.groups td{
          width: 200px;
          border: 2px #3a4d37;
          background: #99ddbb;
          text-align: center;
}

table.groups td.label{
          width: 200px;
          border: 2px #aaeebb;
          background: #99ddbb;
          font-weight: bold
}

textarea{
          background: #DBFEEB;
          border: 3px solid #004405;
          }

input[type=text]{
          background: #DBFEEB;
          border: 3px solid #004405;
          }
          
input[type=file]{
          background: #DBFEEB;
          border: 3px solid #004405;
          }

input[type=password]{
          background: #DBFEEB;
          border: 3px solid #004405;
          }

/*input[type=radio]{
          background: #DBFEEB;
          border: 3px solid #004405;
          }*/

input[type=checkbox]{
          background: #DBFEEB;
          border: 3px solid #004405;
          }
                    
input[type=submit]{
          background: #bbeecc;
          border: 1px outset #009900;
          /*font-weight: bold;*/
          }  
          
select{
          background: #DBFEEB;
          border: 3px solid #004405;
          }          
/*user shop stuff*/
textarea.usershop{
          width: 500px;
          height: 250px;
          /*border: 5px inset #003300;
          background: #CCFFdd;*/
}

textarea.bannerreferral{
          width: 450px;
          height: 50px;
          /*border: 5px inset #003300;
          background: #CCFFdd*/
}

textarea.buttonreferral{
          width: 150px;
          height: 50px;
          /*border: 5px inset #003300;
          background: #CCFFdd;*/
}

div.buttonref{
          float: left;
}
table.usershop{
          width: 300px;
          border: none;
          /*background: #008855;*/
          color: #004400;
          border-spacing: 3px;
}
table.usershop th{
          border: 2px #3a4d37;
          background: #88ccaa;
          
}
table.usershop td{
          border: 2px #3a4d37;
          background: #aaeecc;
}
/*search page stuff*/
table.search{
          border: none;
          color: #003300;
          /*background: #115522;*/
          width: 650px;
}
table.search td{
          border: 2px #3a4d37;
          background: #99ddbb;
}
table.search th{
          border: 2px #3a4d37;
          background: #99ddbb;
}
/*property page stuff*/
table.property{
          border: none;
          color: #003300;
          /*background: #227744;*/
}
table.property th{
          border: 2px #3a4d37;
          background: #99ddbb;
}
table.property td{
          border: 2px #3a4d37;
          background: #99ddbb;
}
/*breeding request page stuff */
div.tutorial{
          width: 650px;
          /*font-size: 14px;*/
          color: #003300;
          border: 2px #234730 solid;
          background: #91DDB1;
          padding: 5px;
          }

          
table.notice{
          border: none;
          /*background: #227744;*/
          color: #003300;
          width: 650px;
}
table.notice th{
          border: 2px #3a4d37;
          background: #99ddbb;
}
table.notice td{
          border: 2px #3a4d37;
          background: #99ddbb;
}
/* Shop stuff */
div.shop{
          float: left;
          margin: 25px;
          min-width: 175px;
          max-width: 175px;
          min-height: 200px;
}
div.inventory{
          width: 300px;
          float: left;
          margin: 25px;
}
table.shop{
          border:2px;
          text-align: center;
          margin-left: 0px;
}

table.shop tr{
          border: 3px dotted;
}      

table.shop td{
          border: 1px;
          
}          

/* general page links*/
          
a{
          text-decoration: none;
          color: #005555;
          }

a:visited{
          text-decoration: none;
          color: #007777;
          }
          
a:hover{
          text-decoration: underline;
          color: #44a876;
          }
          
 /*user info stuff*/
 a.userinfo{
          text-decoration: none;
          color: #007777;
          font-weight:  bold;
          }         

a:visited.userinfo{
          text-decoration: none;
          color: #005555;
          font-weight:  bold;
          }
          
a:hover.userinfo{
          text-decoration: none;
          color: #44a876;
          font-weight:  bold;
          }
/* Side navigation bar link stuff */


          
a.sidenav{
          padding: 5px;
          text-decoration: none;
          color: #004400;
          font-size: 15px;
          font-weight:  bold;
          }

a:visited.sidenav{
          text-decoration: none;
          color: #006666;
          font-size: 15px;
          font-weight:  bold;
          }
          
a:hover.sidenav{
          text-decoration: none;
          color: #44a876;
          font-size: 15px;
          }

/*logout link*/
a.logout{
          padding: 5px;
          text-decoration: none;
          color: #004400;
          font-size: 10px;
          }

a:visited.logout{
          text-decoration: none;
          color: #006666;
          font-size: 10px;
          }
          
a:hover.logout{
          text-decoration: none;
          color: #44a876;
          font-size: 10px;
          }

/*general stuff for formating, and colouring text*/                
h4.title{
          color: #004444;
          text-align: center;
          font-size: 32px;
          font-weight: bold;
          text-decoration: underline;
          }
          
h1.subtitle{
          color: #002244;
          text-align: left;
          font-size: 24px;
          font-weight:bold;
          }
    
font.faq{
          color: #227788;
          font-weight: bold;
          font-size: 17px;
          }

          
p.faq{        
          text-align:left;
          color: #227788;
          font-weight: bold;
          font-size: 17px;
          }
p{
          text-align:left;
          }
          
p.legal{
          font-size: 12px;
          position: bottom;
          text-align: center;
          }
          
object.forum {
          width: 100%;
          height: auto;
          overflow: hidden;
          }
          
          
/* rounded corners: basic setup */

.roundedDialog {
  border-collapse: collapse; 
  padding: 0px 0px 0px 0px;
  /*max-width: 725px;*/
  margin: 0px;
  background: none !important;
}

/* sets the locations */
.roundedDialog tr .topleft {
  background-position: top left;
}

.roundedDialog tr .top {
  background-position: top right;
}

.roundedDialog tr .left {
  background-position: left;
}

.roundedDialog tr .content {
  background-position: right;
}

/*tells it that it stays in the content, moves text up 50 px, and all that, so it doesn't look funny */
.roundedDialog tr .content div.stuff{
  position: relative;
  top: -50px;
  margin-bottom: -50px;
  padding-right: 35px;
  min-width: 175px;
  text-align: center;
  color: #004400;
  font-size: 17px;
}

.roundedDialog tr .content div.userstuff{
  position: relative;
  top: -50px;
  margin-bottom: -75px;
  padding-right: 30px;
  min-width: 100px;
  text-align: left;
  color: #004400;
  font-size: 14px;
  left: -10px;
  max-height: 150px;
  min-height: 150px;
}

.roundedDialog tr .content div.sidestuff{
  position: relative;
  top: -40px;
  margin-bottom: -60px;
  margin-left: -10px;
  padding-right: 60px;
  min-width: 100px;
  max-width: 170px;
  min-height: 500px;
  text-align: left;
  color: #004400;
  font-size: 14px;
}

/* locations again */
.roundedDialog tr .bottomleft {
  background-position: bottom left;
}

.roundedDialog tr .bottom {
  background-position: bottom right;
}

/* Specify your dialog setups here. */

.MainSides {
  background-image: url(images/layout/forest/main_forest_sides.png);
}

.MainTopBottom {
  background-image: url(images/layout/forest/main_forest_topbot.png);
}

.UserSides {
  background-image: url(images/layout/forest/user_forest_sides.png);
}

.UserTopBottom {
  background-image: url(images/layout/forest/user_forest_topbot.png);
}

.SideSides {
  background-image: url(images/layout/forest/side_forest_sides.png);
}

.SideTopBottom {
  background-image: url(images/layout/forest/side_forest_topbot.png);
}

/* admin notice box */

table.adminnotice {
            border: 5px #d40000;
            background: #ff7800;
            color: #005128;

}

table.adminnotice td{
            /*border: 5px #000000 ridge;*/
            background: #ff7800;
            color: #005128;

}

table.randomevent {
            border: 5px #0e4c78;
            background: #0e4c78;
            color: #073251;

}

table.randomevent td{
            /*border: 5px #000000 ridge;*/
            background: #59b5cf;
            color: #073251;

}
/* Error notice box */
table.errornotice{
            border: 5px #000000;
            background: #ff0033;
            color: #002200;
            }
            
table.errornotice td{
            /*border: 5px #000000 ridge;*/
            color: #002200;
            }
            
/*regular notice box*/
table.incommingnotice {
            border: 5px #000000;
            background: #005100;
            color: #B1F5D2;

}

table.incommingnotice td{
           /* border: 5px #000000 ridge;*/
            background: #005100;
            color: #B1F5D2;

}

table.incommingnotice a{

            color: #B1F5D2;

}

/*Forum related stuff*/
table.forum {
            border: none;
            /*background: #003300;*/
            color: #113333; 
            /*padding: 3px;*/
            min-width: 640px;
            max-width: 640px;
}

table.forum td{
            border: 2px #3a4d37;
            background: #99ddbb;
            border-spacing: 3px;
}

table.forum td.post2{
            border: 2px #3a4d37;
            background: #aaeebb;
            /*border-spacing: 3px;*/
}

table.forum td.body2{
            border: 2px #3a4d37;
            background: #99ddbb;
            /*border-spacing: 3px;*/
}

table.forum td.unreadmsg{
            border: 2px #3a4d37;
            background: #aaeedd;
            /*border-spacing: 3px;*/
}

table.forum td.info{
            border: 2px #3a4d37;
            background: #55ddbb;
            /*border-spacing: 3px;*/
}
table.forum th.info{
            border: 2px #3a4d37;
            background: #77ddbb;
            /*border-spacing: 3px;*/
}

table.forum td.cat{
            border: 2px #3a4d37;
            background: #aaffcc;
            /*border-spacing: 3px;*/
}

table.forum td.name{
            min-width: 180px;
            max-width: 180px;
}
table.forum td.posts{
            min-width: 50px;
            max-width: 50px;
}
table.forum td.topic{
            min-width: 70px;
            max-width: 70px;
}
table.forum td.lastpost{
            min-width: 120px;
            max-width: 120px;
}

table.forum td.postbody{
            min-width: 475px;
            max-width: 475px;
}

table.forum th{
            border: 2px #3a4d37;
            background: #33bb99;
            border-spacing: 5px;
            color: #001133;
}

table.forum th.cat{
            border: 2px #3a4d37;
            background: #aaffcc;
            border-spacing: 5px;
            color: #001133;
}

h1.forum {
            font-size: 20px;
            font-weight: strong;
            color: #003300;
}

h2.forum {
            font-size: 24px;
            font-weight: strong;
            color: #006622;
}

p.forumnav {
            text-align: right !important;
            font-size: 14px;
}

#newtopic{
            text-align: left;
            max-width: 103px;
            background: url(images/layout/forest/newpost.png) no-repeat;
}

#newtopic:hover{
            background: url(images/layout/forest/newpost_hover.png) no-repeat;
}

#newreply{
            text-align: left;
            max-width: 103px;
            background: url(images/layout/forest/reply.png) no-repeat;
}

#newreply:hover{
            background: url(images/layout/forest/reply_hover.png) no-repeat;
}

p.boarddesc{
            color: #003300;
}


/*notebook layouts*/
#inv_animals {
          width: 340px;
          /*max-width: 500px;
          max-height: 500px;
          height: 200px;*/
          min-height: 200px;
          overflow: auto;
          float: left;
          margin: 5px;
          
          }

#inv_people {
        width: 340px;
        /*max-width:500px;
        max-height: 250px;
        height: 200px;*/
        min-height: 200px;
        overflow: auto;
        float: left;
        margin: 5px;
        
       }
       
table.project {
      width: 300px;
      border: none;
      /*background: #002200;*/
      }
      
table.project td{
      background: #bbffdd;
      border: 2px #3a4d37;
      }
      
table.project th{
      font-size: 20px;
      font-weight: bold;
      border: 2px #3a4d37;
      background: #73D0B0;
      }