body{
  background-color: #000000;
  background-image: url("images/bg.jpg");
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif, BadAcid™;
}
a {
  color: #FF9900;
  text-decoration:none;
}
a:hover{
    color:#99CC33;
    text-decoration: underline;
}
a:visted{
    color:#669900;
    text-decoration: underline;
}
img, div { behavior: url('http://www.mindimaging.com/iepngfix/iepngfix.htc'); }
h1 {font-size: 250%;
    font-family: BadAcid™,Helvetica;
    border: none;
    padding:10px;
}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
div.header{
     margin-left: 15%;
   margin-right: 50%;
   background: #000000;
   background-image: url('images/top.png');
   background-repeat: no-repeat;
   background-position: center;
   width:800px;
   height:275px;
   }
div.advertisement{
   margin-left: 15%;
   margin-right: 50%;
   width:800px;
   height:90px;
   }
div.mid{
     margin-left: 15%;
   margin-right: 50%;
      background: #000000;
   background-image: url('images/mid.png');
   background-repeat: repeat;
   background-position: center;
   width:800px;
   }
div.footer{
     margin-left: 15%;
   margin-right: 50%;
      background: #000000;
   background-image: url('images/bot.png');
   background-repeat: no-repeat;
   background-position: center;
   width:800px;
   height:275px;
   }
div.backing
   {
     margin-left: 10%;
     margin-right: 50%px;
     position: center;
     background-image: url('images/innerbg.png');
     background-repeat: no-repeat;
     background-position: center;
     width:660px;
     min-height:470px;
     height:470px;
   }
div.textarea{
   position: center;
   background-image: url('images/textarea2.png');
   background-repeat: repeat;
   color: #006699;
   width:580px;
   
   padding:5px;
   margin-left:16%;
   margin-right:50%px;
   font-size:80%;
   border:5px;
   border-color:#CC0000;

   }
div.textarea table{
   color: #006699;
   width:580px;
   padding:5px;
   margin-left:16%;
   margin-right:50%px;
   font-size:80%;

}

/* ************ */
/* Menu styling */
/* ************ */

 /* Set up the default font and ovrall size to include image */
.menu {

width:700px;
padding:15px;
margin:10px;
margin-left:50px;
margin-top:-50px;
font-size:80%;

}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#FFCC00;
width:80px;
height:1.5em;
font-weight:bold;
color:#FF9900;
border-bottom:8px solid #990000;
padding-left:10px;
line-height:1.5em;
margin-right:2px;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:98px;
width:88px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px;
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#FF9900;
border-bottom:8px solid #FF6600;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block;
position:absolute;
top:1.2em;
margin-top:11px;
left:0;
width:96px;
border:1px solid #646464;
border-top:0;
background:#FFCC00;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block;
background:transparent url(../../opacity/opaque.png);
color:#000;
border:0;
margin:0;
color:#333;
font-weight:normal;
font-size:0.9em;
height:auto;
line-height:1em;
padding:5px;
width:86px
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#646464;
color:#FFCC00;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#646464;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
}

