body { font-family: sans-serif; margin: 0px; padding: 0px; background-color: #515151; background-image: url(../images/bkgd.jpg); background-repeat: repeat }

p {  }

td { }

a:link { }

a:visited { }

a:hover { border-width: 3px; border-color: yellow;}

a:active { }

#mastheadlinks{
display: none;
}
.mastheadboxes { width: 0px;  }

#masthead { font-family: san-serif; width: 1000px; position:absolute; top: 0px; left: 20px; }
#masthead A { color:white; font-weight: bold; font-size: smaller; }
#masthead A:hover { border-width: 3px; border-color: yellow;}

.pagelinkbutton{ width: 205px; height: 27px; margin: 5px; text-align: center;  padding-left: 5px; padding-top:8px; background-repeat: no-repeat;  }

#leftmasthead  {  float:left; margin: 0px;}


#mastgraphicsbox { float: left; text-align: center; width: 0px; height: 0px; overflow: hidden; clip: rect(auto auto auto auto); }

#rightmasthead  {    float: left; margin: 0px;}

/* TESTING GLOBAL UNDER LINK IMAGE SWAP (overkill?)

a, a:visited {
   background: url(../images/dot.gif) repeat-x center bottom;
   text-decoration: none;
   padding-bottom: 2px;
   color: #900;
   }
   a:hover, a:active {
      background: url(../images/dot_color.gif) repeat-x center bottom;
   }

*/

.mainContentWrapper{
 background-image: url(../images/boxmiddle.png); 
 background-repeat: repeat-y; 
 margin-top: 50px;
 margin-left: 100px;
 color: white;
}

#mastgraphics { height: 0px; }

#contentTop {
background-image: url(../images/boxtop.png); 
background-repeat: no-repeat; 
width: 750px; height: 130px;
margin-top: -20px;
}

.contentbox { margin-top: 20px; padding-left: 40px; padding-right: 40px;width: 650px; }
/* original.contentbox { margin-top: -72px; padding-left: 40px; padding-right: 40px;width: 650px; } */

.highlight A {
   background: url(../images/dot.gif) repeat-x center bottom;
   text-decoration: none;
   padding-bottom: 2px;
   color: white;
}
.highlight A:visited, A:hover {
background: url(../images/dot_color.gif) repeat-x center bottom;
}

/* needs workaround for border highlight script
#freetobeme a:hover { background: url(../images/dot_color.gif) repeat-x center bottom; padding-bottom: 2px; text-align: center;}
*/

/* same issue with class or id
#freemelink a:hover, #freemelink a:active { background: url(../images/dot_color.gif) repeat-x center bottom; padding-bottom: 2px;}
*/

.footerbox { background-image: url(../images/boxbottom.png); background-repeat: no-repeat; width: 735px; height: 50px; margin-top: -20px; text-align: center;padding-top: 18px; font-size: smaller; color: white; line-height:1.4;}
.footerbox A {
   background: url(../images/dot.gif) repeat-x center bottom;
   text-decoration: none;
   padding-bottom: 2px;
   color: yellow;
}
.footerbox A:visited, A:hover {
background: url(../images/dot_color.gif) repeat-x center bottom;
}

                        A {
                        color: white;
                        text-decoration: none;
                        }
                        A:visited {
                        color:white;
                        text-decoration: none;
                        }