<style type="text/css">

a:link {text-decoration: none; color: #000066;}
a:visited {text-decoration: none; color: #000066;}
a:active {text-decoration: none; color: #000066;}
a:hover {text-decoration: underline; color: red;}



body {
   background-color: #006666;
   position:relative; 

}

.A1 A:link{
    text-decoration: none;
    font: oblique 12px trebuchet ms; 
    color: #FCFDC7;
    }
.A1 A:visited{
    text-decoration: none;
    font: oblique 12px trebuchet ms; 
    color: #FCFDC7;
    }
.A1 A:focus{
    text-decoration: none;
    font: oblique 12px trebuchet ms; 
    font-weight: bold;
    color: #FF0000;
    } 
.A1 A:hover{
    text-decoration: none;
    font: oblique 12px trebuchet ms; 
    font-weight: bold;
    color: #FF0000;
    } 
.A1 A:active{
    text-decoration: none;
    font: oblique 12px trebuchet ms; 
    color: #FCFDC7;
    }

.A2 A:link {text-decoration: none; color: #fffff6;}
.A2 A:visited {text-decoration: none; color: #fffff6;}
.A2 A:active {text-decoration: none; color: #fffff6;}
.A2 A:hover {font: oblique; text-decoration: none; color: red; font-weight: bold;}
.A2 A:focus {font: oblique; text-decoration: none; color: red; font-weight: bold; }
.A2 {font: 12px trebuchet ms; color: #ffffff; font-weight: bold;}


.A3 A:link {text-decoration: none; color: #00000f;}
.A3 A:visited {text-decoration: none; color: #00000f;}
.A3 A:active {text-decoration: none; color: #00000f;}
.A3 A:hover {font: oblique; text-decoration: none; color: red; font-weight: bold;}
.A3 A:focus {font: oblique; text-decoration: none; color: red; font-weight: bold;}
.A3 {font: 14px  times ms; color: #000066;}

.A4 A:link {text-decoration: none; color: #FFFFC0;}
.A4 A:visited {text-decoration: none; color: #FFFFC0;}
.A4 A:active {text-decoration: none; color: #FFFFC0;}
.A4 A:hover {text-decoration: underline; color: red;}
.A4 {font: 12px trebuchet ms; color: #FFFFC0; font-weight: bold;}

.A5 A:link {text-decoration: none; color: #FFFFC0;}
.A5 A:visited {text-decoration: none; color: #FFFFC0;}
.A5 A:active {text-decoration: none; color: #FFFFC0;}
.A5 A:hover {font: oblique; text-decoration: none; color: red;}
.A5 A:focus {font: oblique; text-decoration: none; color: red;}
.A5 {font: 14px  trebuchet ms; color: #FFFFC0; font-weight: bold;}

.A6 A:link {text-decoration: none; color: #FFFFC0;}
.A6 A:visited {text-decoration: none; color: #FFFFC0;}
.A6 A:active {text-decoration: none; color: #FFFFC0;}
.A6 A:hover {text-decoration: underline; color: red;}
.A6 {font: 29px  trebuchet ms; color: #FFFFC0; font-weight: bold;}

.A7 {font: 17px  trebuchet ms; color: #FFFFC0; font-weight: bold;}

.A8 A:link {text-decoration: none; color: #00003f;}
.A8 A:visited {text-decoration: none; color: #00003f;}
.A8 A:active {text-decoration: none; color: #00003f;}
.A8 A:hover {text-decoration: none; color: red;}
.A8 {font: 16px  trebuchet ms; color: #00003f; font-weight: bold; margin-left: 35px;}


.main { width:850px;
        height: 95%;
	   background-image: url(../image/phone_edge.gif);
}

.main-image{ float: right;
             margin: 10px;
             height: 320px
             width: 220px; 

}

.table-wrapper{
   width: 800px;
   height: 700px;
}


.masthead-text {
   font: oblique 28px  times roman ms;
   color: #ffffff;
   vertical-align: center;
   padding-left: 5px;   
   padding-right: 5px;   
   font-weight: bold;
   }

.masthead-text2 {
   font: 14px times ms;
   color: #ffffff;
   vertical-align: "top";
   padding-left:  5px;   
   padding-right: 5px;   
   font-weight: bold;
   }

.prod1 {
   border-style: inset;
   width: 700px;	
   background-image: url(../image/blue_cnvbkgnd.jpg);
   }

.prod1-text{
   font: 39px  trebuchet ms;
   color: #000000;
   font-weight: bold;
   margin-left: 35px; 
   }

.prod2-text{
   font: 14px  trebuchet ms;
   color: #000000;
   font-weight: bold;
   margin-left: 35px; 
   }


.media1 {
   width: 200px;
   height: 330px;
   overflow: auto;
   background-color: #000033;
   border: solid 1px;
   border-color: #c7c7c7;
   text-align: center;
   }


.media2 {
   background-image: url(../image/vvltgrayparch.jpg);
   position: relative;
   top: 0;
   right: 0;
   border-style: inset;
   width: 500px;
   }

.media3 {
   position: relative;
   right: 0;
   top: 0;
   width: 500px;
   }

.quote-text-ex-small{
   font: 11px  times ms;
   color: #FFFFb0;
   }

.spacerx{
   font: 2PX times ms;
   color: #FFFFb0;
   }

.quote-text{
   font: 16px  times ms;
   color: #FFFFC0;
   font-weight: bold;
   }

.quote-text-large{
   font: 21px  times ms;
   color: #FFFFC0;
   font-weight: bold;
   }

.quote-text-small{
   font: 11px  times ms;
   color: #FFFFff;
   font-weight: bold;
   }


.media1-text{
   font: 17px  times ms;
   color: #ffffff;
   font-weight: bold;
   }

.media2-text{
   font: 16px  times ms;
   color: #000044;
   }

.rcnt_artc_txt{
   font: 19px  times ms;
   color: #000006;
   font-weight: bold;
   }



.ppal-text{
   font: 21px  times ms;
   color: #ffffff;
   vertical-align: center;
   background: #000066;
   }

.ppal-text2{
   font: 14px  times ms;
   color: #ffffff;
   vertical-align: center;
   background: #000033;
   font-weight: bold;
   }

.ppal-text3{
   font: 21px  times ms;
   color: #ffffff;
   vertical-align: center;
   background: #000066;
   font-weight: bold;
   }

.ppal-text4{
   font: 19px  times ms;
   color: #ffffff;
   vertical-align: center;
   background: #dd0000;
   font-weight: bold;
   text-decoration: blink;   
   }

.ppal-text4b{
   font: 19px  times ms;
   color: #ffffff;
   vertical-align: center;
   background: #dd0000;
   font-weight: bold;
   text-decoration: blink;   
   border-style: inset;
   }

.ppal-text5{
   font: 19px  times ms;
   color: #ffffff;
   vertical-align: center;
   background: #00000F;
   font-weight: bold;
   border-style: inset;

   }



.sidebar{
   position: absolute;
   top: 130px;
   right: 10px;
   width: 40%;
   background: #5F6390;
   }

.sidebar-text{
   font: 17px  trebuchet ms;
   color: #fff;
   vertical-align: "center";
   }

.footer {
   width: 200px;
   background: #000033;
   border-style: inset;
   margin-top: 15px;
   }

.footer-text{
   font: 19px  times ms;
   color: #ffffff;
   }




.bio-header-text {
                 font-family: Georgia; 
                 font-size: 32px; 
                 font-weight: bold; 
                 color: #000044;
                 margin-left: 5%;
                 }

.gallery-tab1 {
              width:720px;  
              border: solid 2px; 
              background-color: #00003f; 
              border-color: #c7c7c7;
              }


.bio-text{
            font: 18px comic sans ms;
			color: #000000;
			text-align: left;

}





.bottom-half {
            height: 100%;
            width: 850px;; 
			text-align: left;
            } 


.strong-text {
                font: oblique 14px georgia;
                color: #ffffff;
                background-color: #300030;
                font-weight: bold;
              }

.strong-ytext {
                font: 18px georgia;
                color: #FFFF80;
                background-color: #300030;
                font-weight: bold;
}

.stronger-text{
                font: 24px comic sans ms;
                color: #000000;
                font-weight: bold;

}

.digit {
  float: left;
  width: 14px;
  height: 26px;
  margin-right: 2px;
  background: #000 url(../image/ledmarquee.gif) 0px 0px;
}

#ledmarquee {
  height: 26px;
  visibility: hidden;
  background-color: #000;
}

.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../image/overbtn.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 211px;
height: 44px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 211px;
height: 44px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 211px;
height: 44px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



 
</style>
