body { 
text-align:center;
width:900px;
position:absolute;
left:50%; 
margin-left: -450px; 
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #cccccc;
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 */
.mmsmenu A {font-weight : bold; font-style:normal;}
.mmsmenu A:LINK {font-weight : bold; color:#ffffff;text-decoration:none;}
.mmsmenu A:VISITED {font-weight : bold; color:#ffffff; text-decoration:none;}
.mmsmenu A:HOVER {font-weight : bold; color:#ffffff; text-decoration:none; background-color:#009999; }
.mmsmenu A:ACTIVE {font-weight : bold; color:#ffffff; text-decoration:none;}

A {font-weight : bold; font-style:normal;}
A:LINK {font-weight : bold; color: black;text-decoration:underline;}
A:VISITED {font-weight : bold; color:black; text-decoration:underline;}
A:HOVER {font-weight : bold; color:orange; text-decoration:none; }
A:ACTIVE {font-weight : bold; color:black; text-decoration:underline;}

H1 {
font-size : 24 pt;
font-weight : bold;
color: black;
letter-spacing: 0px;
}

H2 { 
font-size : 18 pt;
font-weight : bold;
color: black;
letter-spacing: 0px;
}

H3 {
font-size : 12 pt;
font-weight : bold;
color: black;
letter-spacing: 0px;
}

H4, H5, H6 {
font-size : 10 pt;
font-weight : bold;
color: black;
letter-spacing: 2px;
}

.menu {
font-weight:bold;
font-family: Arial;
font-size:10 pt;
text-align:left;
vertical-align:bottom;
}

.botmenu{
background-image:url('');
background-repeat:no-repeat;
background-position:bottom center;
position:relative;
bottom:0px;
text-align:center;
vertical-align:bottom;
}

/* 'subdetail' used in formatting A links in services pages */
#subdetail
{text-align:center;
 font-size:10pt;
 padding-bottom:0px;
 vertical-align:bottom;
}

#subdetail a
{font-size:10pt;
 text-decoration:underline overline;
}

/* chose to default this: olive wasn't working.
#subdetail a:link {color:Olive}
#subdetail a:visited {color:Olive}
#subdetail a:hover {color:#cc9933}
#subdetail a:active {color:Olive}
*/

.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/bgorange.jpg');
    background-repeat:repeat;
    background-color: #ffffff;
    padding-right: 10px;
    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/fullheadOrange900.jpg');
background-position:top left;
background-repeat:no-repeat;

text-align:right;
vertical-align:bottom;
width:900px;
height:204px;
letter-spacing: 0px;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
}

.left {
background-image:url('images/leftbottomOrange.jpg');
background-position: bottom right;
background-repeat:no-repeat;
text-align:left;
vertical-align:top;
position:relative;
width:150px;
height:300px;
padding-top: 30px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}

.main {
color:#000000;
background-color:#ffffff;
background-image:url('images/ulcornerOrange.jpg');
background-position:top left;
background-repeat:no-repeat;
position:relative;
width:750px;
text-align:left;
vertical-align:top;
padding-right: 35px;
padding-left: 35px;
padding-top: 35px;
padding-bottom: 35px;
border-right: 0px solid #000000;
}

.right {
background-image:url('images/mainright.jpg');
background-position:top right;
background-repeat: no-repeat;
text-align:center;
vertical-align:top;
width:0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
white-space:nowrap;
}

.footer 
{
background-color:#cccccc;
background-image:url(''); 
background-repeat:no-repeat;
background-position:left bottom;
width:900px;
height:50px;
text-align:center;
vertical-align:middle;
color:#000000;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

.whiteback {
background-color: #ffffff;
}

.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{ text-align:right; float: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;
}