body { 
   background-color: #e4ce9f;
   background-image: url(../images/background.png);
   background-repeat: repeat-x;
   padding: 0px;
   margin: 0px;
}
* {
    margin: 0px;
    padding: 0px;
}
p {
   padding: 8px;
}
#pageContainer {
   font-family: ariel, sans-serif;
   position: relative;
   margin: auto;
   top: 0px;
   width: 800px;
   border-style: solid;
   border-color: green;
   border-width: 0px;
}
#logo {
   margin: auto;
   width: 800px;
   text-align: center;
   position: relative;
   top: 0px;
}
#tbox {
   position:relative; 
   padding: 0px;
   margin: 0px;
   border-color:red;  
   top:-100px; 
   left: 100px; 
   height:100px; 
   width:100px; 
   border-style: solid; 
   border-width:0px;
}
#nav {
   position:relative; 
   top:-110px; 
   left: 600px; 
   height:250px; 
   width:100px; 
   border-style: solid; 
   border-width:0px;
   border-color:blue; 
   padding: 0px;
   margin: 0px;
   z-index: 100;
}
/* home page stuff */
#testamonials {
   position:relative; 
   top:-330px; 
   left: 0px; 
   width: 380px; 
   height:300px; 
   border-style: solid; 
   border-color: yellow; 
   border-width: 0px;
   overflow-y: scroll;
}
#tabs {
   position:relative; 
   top:-630px; 
   left: 385px; 
   height:300px; 
   width:415px; 
   border-color: blue; 
   border-style: solid; 
   border-width: 0px;
}
#tabsText {
   position:relative; 
   width: 307px;
   top: 0px;
   border-color: yellow; 
   border-style: solid; 
   border-width: 0px;
   /*overflow-y: scroll;*/
}
#tabsNav {
   position:absolute; 
   width: 100px;
   top: 0px;
   left: 312px;
   border-color: red; 
   border-style: solid; 
   border-width: 0px;
}

img.paddle {
   border-width: 1px;
   border-style: solid;
   border-color: #e4ce9f;
   padding: 0px;
   margin: 0px;
   padding-bottom: 1px;
}
/* end home page stuff */

/* not home page stuff */
#content {
   position:relative; 
   top:-330px; 
   left: 0px; 
   width: 780px; 
   /*height:300px;*/ 
   border-style: solid; 
   border-color: #f5dfb0;
   border-width: 2px;
   /*overflow-y: scroll;*/

}
 #content li {
   position: relative;
   left: 50px;
}
.inText {
   margin-right: 10px;
}
.beginner {
   padding: 5px;
   background-color: #ccffcc;
}
.advanced {
   padding: 5px;
   background-color: #ffffcc;
}
.ecom {
   padding: 5px;
   background-color: #deedff;
}
.allplans {
   padding: 5px;
   background-color: #ffeebb;
}
.centered {
   margin: auto;
}


/* end not home page stuff */
table {
   border-collapse: collapse;
   border-width: 0px;
   padding: 0px;
   margin: 0px;
   border-spacing: 0px;
}
td {
   border-collapse: collapse;
   border-width: 0px;
   padding: 0px;
   margin: 0px;
   border-spacing: 0px;
}   

/* for the menu */
/*div.menu {
   padding: 0px;
   margin: 0px;
   z-index: 100;
}*/
* {
  margin: 0;
  padding: 0;
}

/* Layout */

#navigation {
  float: left;
  height: 25px;
  list-style-type: none;
  font: normal 12px Arial, Tahoma, Verdana, sans-serif;
  background: #f4deaf; /*top level menu item background*/
  z-index: 200;
  width: 100px;
  position: relative; top: 0px; left: 0px;
}

#navigation li {
  display: inline;
  float: left;
  height: 25px;
  position: relative;
  list-style: none;
  margin: 0px;
  z-index: 200;
  border: 1px solid blue; /*top level and lower level borders*/
  width: 100px;
}

#navigation li a {
  display: block;
  padding: 6px 8px;
  color: black; /*top level and lower level text*/
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  z-index: 200;
}

#navigation ul {
  display: block;
  position: absolute;
  left: -10px;
  top: 25px;
  width: 280px;
  padding: 1px 8px 8px 8px;
  z-index: 200;
}

#navigation ul li {
  float: left; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  margin: 0;
  padding: 0;
  line-height: normal;
  height: 25px;
  width: 200px; /* width of lower menu items */
  z-index: 200;
}

#navigation ul li a {
  display: block;
  margin: 0;
  padding: 8px;
  font-weight: normal;
  background: #f4deaf; /*lower level background*/
  text-align: left;
  line-height: normal;
  z-index: 200;
}

#navigation ul li a:hover {
  color: #f0f0f0;
  background: #0a4395;
  z-index: 200;
}




