body {
       margin: 0px;
       padding: 0px;
}
#header {
          background: #5b6a62;
          width: 100%;
          height: 60px;
}
#leftcol {
           background: #5b6a62;
           float: left;
           width: 10%;
}
#rightcol {
            background: #5b6a62;
            float: right;
            width: 10%;
}
#content {
           background: #5b6a62;
           float: left;
           width: 80%;
           }
#footer {
  background: #0f0;
  clear: both;
  width: 100%;
  height: 20px;
}

#picboxAbs 
{
  position: absolute;
  top: 80px; left: 80px;
  background: #5b6a62;
  padding: 0px;
  display:block; 
  border:1px solid white;
  z-index: 1;
}

#picOverlay 
{
  position: absolute;
  top: 80px; left: 80px;
  height: 584px; width: 876px;
  background: rgba(25,25,25,0.15);
  padding: 0px;
  z-index: 2;
}
/* http://www.webmasterworld.com/css/3270729.htm 
   for small gap at bottom of pictures in div and also
   for yuotube iframes.
*/
img { display:block;  }

#box1Abs 
{
  position: absolute;
  top: 200px; left: 395px;
  height: 300px; width: 550px;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(50, 50, 50) transparent;
  background: rgba(50,50,50,0.75);
  font-family:Arial;
  font-size: 17px;
  font-weight:bold;
  color: white;
  float: left;
  padding: 0px;
  border:1px solid black;
  z-index: 4;
  height:auto;
  }
#box1Abs p
{
  margin:8px 30px;
  color: white;
  position:relative;
  height:auto;
  }
#box1Abs inputfield
{
  margin:8px 30px;
#  color: white;
  position:relative;
#  height:auto;
  }
#box1Abs a
{
  margin:0px 0px;
  color: white;
  position:relative;
  height:auto;
  }

#box2Abs 
{
  position: absolute;
  top: 200px; left: 385px;
  height: 315px; width: 560px;
  /* Fallback for web browsers that doesn't support RGBa */
  /*background: rgb(50, 50, 50) transparent;
  background: rgba(50,50,50,0.75); */
  font-family:Arial;
  font-size: 16px;
  font-weight:bold;
  color: white;
  float: left;
  padding: 0px 0px;
  border:1px solid black;
  z-index: 5;
  height:auto;
  margin:0px 0px;
  }

#buttonContainer
{ 
  position: absolute;
/*   top: 100px; left: 964px; */
  top: 200px; left: 90px;
  height: 500px; width: 150px;
  /*background: #d1dde5;*/
  /* background: rgba(5,5,5,0.6); */
  /* background: rgba(f,f,f,0.0); */
  font-family:Arial;
  font-size: 25px;
  padding: 0px;
  z-index: 3;
  margin:0px 0px;
  }

#buttonContainerBot
{ 
  position: absolute;
  top: 613px; left: 90px;
  height: 34px; width: 1050px;
  font-family:Arial;
  font-size: 20px;
  padding: 0px;
  z-index: 3;
  margin:0px 0px;
  }

#buttonContainerRight
{ 
  position: absolute;
  top: 200px; left: 90px;
  height: 100px; width: 150px;
  font-family:Arial;
  font-size: 25px;
  padding: 0px;
  z-index: 3;
  margin:0px 0px;
  }
#picContainerRightx
{ 
  position: absolute;
  top: 90px; left: 1000px;
  font-family:Arial;
  font-size: 25px;
  padding: 0px;
  z-index: 3;
  margin:0px 0px;
  }
#picContainerBottomx
{ 
  position: absolute;
  top: 612px; left: 565px;
  height: 50px; width: 400px;
  font-family:Arial;
  font-size: 25px;
  padding: 0px;
  z-index: 3;
  margin:0px 0px;
  }
.picfloat
{ 
  float: left;
  width: 200px;
  }
#phone
{ 
  position: absolute;
  top: 93px; left: 690px;
  font-family:Arial;
  font-weight:bold;
  font-size: 22px;
  color: white;
  padding: 0px;
  z-index: 3;
  margin:0px 0px;
  }
#phone *
{
  margin:0px 0px;
  color: white;
  position:relative;
  height:auto;
  }
#email
{ 
  position: absolute;
  top: 675px; left: 318px;
  font-family:Arial;
  font-weight:bold;
  font-size: 25px;
  color: white;
  padding: 0px;
  z-index: 3;
  margin:0px 0px;
  }
#email *
{
  margin:0px 0px;
  color: white;
  position:relative;
  height:auto;
  }
.button
{ 
  margin:0px 0px;
  font-weight:bold;
  font-size: 20px;
  text-align: center;
  width: 100%;
  /* Fallback for web browsers that don't support RGBa */
  background: rgb(200,200,200) transparent;
  background: rgba(200,200,200,0.7);
  color:#304038;
  border:1px solid black;
 }

.button *
{ 
  position:relative;
  margin:0px 0px;
 }
.buttonR
{ 
  margin:0px 0px;
  font-weight:bold;
  font-size: 20px;
  text-align: center;
  width: 100%;
  background: rgba(91,106,98,1.0);
  color:#fff;
  border:1px solid white;
 }

.buttonR *
{ 
  position:relative;
  margin:0px 0px;
 }

.buttonSep
{ 
  margin:0px 0px;
  width: 100%;
  height: 6px;
  border:0px solid black;
  padding: 0px;
  font-size:0px/* IE6 makes the min height of a div that of the current font-size */
 }
.buttonHover
{ 
  margin:0px 0px;
  font-weight:bold;
  font-size: 20px;
  text-align: center;
  width: 100%;
  /* Fallback for web browsers that don't support RGBa */
  background: rgb(50, 50, 50) transparent;
  background: rgba(50,50,50,0.35);
  color:white;
  border:1px solid black;
  height: auto;
 }
.buttonHover *
{ 
  position:relative;
  margin:0px 0px;
 }

.buttons
{ 
  margin:0px;
  font-weight:bold;
  font-size: 20px;
  text-align: center;
  width: 100%;
  /* Fallback for web browsers that don't support RGBa */
  background: rgb(50, 50, 50) transparent;
  background: rgba(50,50,50,0.65);
  color:white;
  border:1px solid black;
  height: auto;
  padding: 0px;
  }
.buttons *
{
  position:relative;
  margin:0px 0px;
  padding: 0px;
  width: 100%;
  }
.buttons:hover
{
  margin:0px;
  font-weight:bold;
  font-size: 20px;
  text-align: center;
  width: 100%;
  /* Fallback for web browsers that don't support RGBa */
  background: rgb(200,200,200) transparent;
  background: rgba(200,200,200,0.7);
  color:#304038;
  border:1px solid black;
  padding: 0px;
  }
.buttons A:link {text-decoration: none; color:white;}
.buttons A:visited {text-decoration: none; color:white;}
.buttons A:active {text-decoration: none; color:white; width 100%;}
.buttons A:hover {text-decoration: none; color: #304038;}
/**************************************************************/
.buttonSepH
{ 
  float: left;
  margin:0px 0px;
  width: 5px;
  height: auto;
  border:0px solid black;
  padding: 1px;
  font-size:0px/* IE6 makes the min height of a div that of the current font-size */
 }
/**************************************************************/

#approved
{ 
  margin:0px 0px;
  font-weight:bold;
  font-size: 100px;
  text-align: center;
  font-family:Arial;
  text-outline: 10px 10px #ccc;
  color: white;
  position: absolute;
  top: 0px; left: 90px;
  height: 80px; width: 350px;
  z-index: 5;
  }

.approvedPic
{ 
  position: absolute;
  top: 34px; left: 87px;
  height: 130px; width: 425px;
  background: url(ApprovedBase4px425x130.png) no-repeat;
  z-index: 5;
  }

ul{
     list-style-type: square;
     }
li {
   margin-top:0.5em;
   margin-bottom:0.5em;
}
.getfee
{ 
  position: absolute;
  top: 140px; left: 785px;
  height: 29px; width: 135px;
  font-family:Arial;
  font-size: 22px;
  z-index: 3;
  margin:0px;
  color:white;
  background: rgb(50, 50, 50) transparent;
  background: rgba(50,50,50,0.75);
  border:1px solid black;
  font-weight:bold;
  text-align: center;
  }
.getfee:hover
{ 
  position: absolute;
  top: 140px; left: 785px;
  height: 29px; width: 135px;
  font-family:Arial;
  font-size: 22px;
  z-index: 3;
  margin:0px;
  background: rgb(200,200,200) transparent;
  background: rgba(200,200,200,0.7);
  color:#304038;
  border:1px solid black;
  font-weight:bold;
  text-align: center;
  }
.getfee *
{
  width: 135px;
  height: 29px;
  margin:0px;
  padding: 0px;
  }
.getfee A:link {text-decoration: none; color:white;}
.getfee A:visited {text-decoration: none; color:white;}
.getfee A:active 
{
  text-decoration: none; 
  color:white;
  width: 135px;
  height: 29px;
  margin:0px;
  padding: 0px;
  }
.getfee A:hover {text-decoration: none; color: #304038;}
/*
.getfee p
{
  width: 135px;
  height: 30px;
  margin:0px;
  padding: 0px;
  }
*/