body  
{
    background-image: url("images/bluefadebackground.jpg");
    background-repeat:repeat-x ;
text-align:center;
width:900px;
position:absolute;
left:50%; 
margin-left: -450px; 
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #ffffff;
font-family: Arial Narrow, Trebuchet MS, Verdana, Arial, sans-serif;
font-size:10 pt;
z-index:0;
}

.centerbody 
{
    text-align:center;
    width:900px;
    position:absolute;
    left:50%; 
    margin-left: -450px; 
}

hr, TD, LI, UL, Table {
font-family : Arial, Trebuchet MS, Verdana, sans-serif;
font-size : 10 pt;
}

p {font-family : Arial, Trebuchet MS, Verdana, sans-serif;
font-size : 10 pt;
text-align:justify;
}

.indent{
margin-left: 20px; 
}

td img {
display: inline;
}

/*'hide' used in portfolio submenus */
.show {visibility:visible; display:inherit;}
.hide {visibility:hidden; display:none;}

/* this group sets the normal (default) link colors */
.topmenu {font-weight:bold;font-family: Arial;font-size: x-small;text-align:right;vertical-align:bottom;}
.topmenu A {font-weight : bold; font-style:normal;}
.topmenu A:LINK {font-weight : bold; color:teal;text-decoration:none;}
.topmenu A:VISITED {font-weight : bold; color:teal; text-decoration:none;}
.topmenu A:HOVER {font-weight : bold; color:#000000; text-decoration:none;}
.topmenu A:ACTIVE {font-weight : bold; color:#000000; text-decoration:none;}

.menu {font-weight:bold;font-family: Segoe Script, Arial;font-size: x-small;text-align:center;vertical-align:top;background-image:url(images/redfademenu.jpg);background-repeat:repeat-x;}
.menu A {font-weight : bold; font-style:normal;}
.menu A:LINK {font-weight : bold; color:#000000;text-decoration:underline;}
.menu A:VISITED {font-weight : bold; color:#000000; text-decoration:underline;}
.menu A:HOVER {font-weight : bold; color:#000000; text-decoration:none;}
.menu A:ACTIVE {font-weight : bold; color:#000000; text-decoration:none;}

a.imagelink img{}
a.imagelink:LINK img{border:0px;}
a.imagelink:VISITED img{border:0px;}
a.imagelink:HOVER img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; border:0px;}
a.imagelink:ACTIVE img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; border:0px;}

A {font-weight : bold; font-style:normal;}
A:LINK {font-weight : bold; color: #333333;text-decoration:underline;}
A:VISITED {font-weight : bold; color:maroon; text-decoration:none;}
A:HOVER {font-weight : bold; color:red; text-decoration:underline;}
A:ACTIVE {font-weight : bold; color:#333333; text-decoration:none;}


H1 {font-size : 24 pt;font-weight : bold;color: #ffffff;letter-spacing: 0px;font-family: "Monotype Corsiva";}
H2 { font-size : 18 pt;font-weight : bold;color: #ffffff;letter-spacing: 0px; outline:red solid 2px;}
H3 {font-size : 12 pt;font-weight : bold;color: #000000;letter-spacing: 0px;}
H4, H5, H6 {font-size : 10 pt;font-weight : bold;color: black;letter-spacing: 2px;}

.username {
 color:#000000;vertical-align:top;text-align:right;float:right;font-size:x-small;
 text-decoration:underline overline;background-color:#cccccc
 }
 
/* TABLES AND TABLE CELLS -- GENERAL */
.maintable {
    margin: 10px;
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    width:900px;
    /*
    background-image:url('images/pipevalve_600.gif');
    background-image:url('images/hosecap.gif');
    background-image:url('images/pipevalve2_600.gif');
    */
    background-repeat:no-repeat;
    background-position: right 150px; 
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    border-left: 0px solid #000000;
    border-right: 0px solid #000000;
    border-top: 0px solid #000000;
    border-bottom: 0px solid #000000;
    color:#000000;
    border-collapse:collapse;
}

.header {
background-image:url('images/header3.gif');
background-position:top left;
background-repeat:no-repeat;
text-align:left;
width:900px;
height:125px;
letter-spacing: 0px;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border-collapse:separate;
vertical-align:bottom;
font-family: "Monotype Corsiva";
font-size:xx-large;
}

.left {
background-image:url('');
background-position: bottom right;
background-repeat:no-repeat;
text-align:left;
vertical-align:top;
position:relative;
width:125px;
padding-top: 25px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border-right: 0px solid #ffffff;
border-collapse:separate;
}

.main {
color:#000000;
background-image:url('');
background-position:top left;
background-repeat:no-repeat;
position:relative;
text-align:left;
vertical-align:top;
padding-right: 25px;
padding-left: 25px;
padding-top: 25px;
padding-bottom: 10px;
width:625px;
}

.right {
background-image:url('');
background-position:top right;
background-repeat: no-repeat;
text-align:center;
vertical-align:top;
width:150px;
padding-top: 25px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
white-space:nowrap;
}

.footer {
background-image:url('images/bggreen.gif'); 
background-repeat:repeat;
background-position:left bottom;
width:900px;
height:50px;
text-align:center;
vertical-align:middle;
color:#000000;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}


.datalist 
{ font-size:9pt;
  text-align:left;
  white-space:nowrap;
}
  
/*  TABLES AND CELLS -- SPECIALIZED */

.htopictable {
width:65%;
text-align:left;
float:right;
border-left: 0px solid #D1CFD0;
border-right: 0px solid #D1CFD0;
border-top: 0px solid #D1CFD0;
border-bottom: 0px solid #D1CFD0;
}

.htopictop {
font-family : Agency FB, Trebuchet MS, Arial, sans-serif;
font-weight:bold;
font-size:14pt;
color:#cc9933;
text-align:left;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 1px;
}

.htopicmid {
font-family : Trebuchet MS, Verdana, Arial, sans-serif;
font-size:12pt;
text-align:left;
color:#cc9933;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 1px;
}

.htopicbtm {
font-family : Trebuchet MS, Verdana, Arial, sans-serif;
font-size:10pt;
text-align:right;
color:#cc9933;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 1px;
}

.cellpaddings {
padding-bottom: 5px;
padding-right: 5px;
padding-top: 5px;
padding-left: 5px;
}

.ulinecell {
border-bottom: 1px solid #D1CFD0;
}

/*********  DIVS ************/

.divmain{
width:750px;
height:400px;
position:relative;
background-image: url(images/XXXX.jpg);
background-repeat: no-repeat;
background-position: 25 100;
background-color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}

.divleft{ width:50%; text-align:left; }
.divright{ float:right; text-align:right;  }
.divcenter { text-align:center; }

.divleftbottom{
width:50%;
text-align:left;
vertical-align:bottom;
background-image:url('images/leftbottom.jpg');
background-position: bottom right;
background-repeat:no-repeat;
}


.divbotright
{
text-align:right;
float:right;
position:relative;
bottom:0px;
right:0px;
}

.divbotmenu{
position:absolute;
bottom:0;
left:0;
text-align:left;
}

.opaque {
background:transparent;
background-color:#dddddd;
}

.htopic {
position:absolute;
bottom:0;
left:0;
}



/******************* ASP controls ********************/
.listbox1 
{   width:600px;
    height:150px;
    text-align:center;
}
.listbox2 
{   width:300px;
    height:75px;
    text-align:center;
}
.droplist 
{   width:200px;
    height:30px;
    text-align:center;
    font-size:9pt;
}
.datalist 
{ font-size:9pt;
  text-align:left;
  white-space:nowrap;
}
.datagrid  { float:left; }

.datagrid td 
{ font-size:xx-small;
  text-align:left;
  white-space:nowrap;
}

.calendar { position:absolute;  z-index:2; }

.message { color:#009966; font-weight:bold; font-style:italic; margin-left:30px; }

.username {
    color:#000000;text-decoration:underline overline;background-color:#cccccc;font-size:x-small;
    width:220px; vertical-align:top; text-align:right;position:relative;left:0px; }

.topmain {float:left; width:500px;}
 

input {font-size:xx-small;}

.transparent {background-color: transparent}
.posrel {position:relative;}
.buttontext {position:absolute;top:40px;left:5px;color:red;font-family:Monotype Corsiva;font-weight:bold;font-size:large;white-space:nowrap;}

.corners {border:0px solid #ffffff; border-collapse:collapse;width:225px}
.ul {background-image:url(images/ul.gif);background-position:top left;background-repeat:no-repeat;width:10px;height:10px;border:0px solid white;border-collapse:collapse;}
.ur {background-image:url(images/ur.gif);background-position:top right;background-repeat:no-repeat;width:10px;height:10px;border:0px solid white;border-collapse:collapse;}
.ll {background-image:url(images/ll.gif);background-position:bottom left;background-repeat:no-repeat;width:10px;height:10px;border:0px solid white;border-collapse:collapse;}
.lr {background-image:url(images/lr.gif);background-position:bottom right;background-repeat:no-repeat;width:10px;height:10px;border:0px solid white;border-collapse:collapse;}
.whtcol {background-image:url(images/ul.gif);background-color: #ffffff;border:0px solid #ffffff;width:10px;height:10px;}
.wht {background-color: #ffffff;border:0px solid #ffffff;}
.topline {font-weight:bold;text-decoration:underline;font-size:small;color:Navy;font-family:Candara;text-align:center;width:100% }

.border{border:solid 1px white}