/* this defines the area surrounding outside of main table 
The max-width is for Firefox, to let it know how wide you want your page to be. It's the maximum width of the main content table.
*/

body {
max-width: 1050px;
background-color:#a4a469; 
font-family: Arial, Verdana,  sans-serif;
font-size: 93%; /*leave this...it sets the overall size of your fonts.*/
color: #000;
margin:auto;
padding:0;
text-align:center;
}

/* 
The width:expression part is for internet explorer, which doesnt understand max-width commands.
So this works WITH the max-width at the top of this page. If you change the width up there, then change it here too.
Otherwise, those using IE wont get the width constraint....their page would expand indefinitely.
Firefox will ignore this part, and IE will ignore the max-width part....you need both of them.
*/

.max-width {
width:expression(document.body.clientWidth > 1052? "1050px": "auto" );
}

/*the font size is 100% of the body font setting So while it says 100%, that is actually 100% of 93%. */
table {
font-size:100%; /*leave this font size, change the individual cells below, if the default size isnt to your liking*/
color:inherit;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}


/* class for thinner horizontal rule.*/
hr{
border: 0;
color:inherit;
background-color: #999;
height: 1px;
width: 80%;
text-align: center;
}



/* class for using graphics as bullets. */
 
/* ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}

li.custom {
background: url(http://www.needle-pain-management.com/images/bullet-buzzy.gif) left center no-repeat; 
padding-left: 20px;
margin-bottom: 10px;
 }
*/
  

 
/* Link-text and headings. */

a { font-family: Arial, Verdana, sans-serif; 
font-size: 100%; color: #000099; 
text-decoration: underline;
}

a:hover { font-family: Arial, Verdana, sans-serif;
 font-size: 100%; 
 background-color: #666666;
 color: #fff;
 }


h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: #000; text-align:center;}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 116%;  color: #666600; text-align:center;}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #000; text-align:center;}
h4 { font-family: Arial, Verdana, sans-serif; font-size: 120%;  color: #000; text-align:center;}

/* h4 { font-family: Arial, Verdana, sans-serif; font-size: 100%;  color: #000; text-align:center;} */


/* Background colors for the table cells. */

td.logo {
background-color:#99cc66;
font-size: 100%; 
}

td.headerbg {
background-color:#99cc66;
 background-image: url(../image-files/header.jpg);
 background-repeat: no repeat;
 font-size: 93%; 
}

td.spacerbg {
background-color:#99cc66;
 font-size: 93%;  
}

td.contentbg {
background-color:#fff;
border-left: 2px solid #b8ae42;
border-right: 2px solid  #b8ae42;
border-top: 2px solid  #b8ae42;
border-bottom: 2px solid  #b8ae42;
font-size: 93%; 
color:inherit;
padding:10px;
}

td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
color:inherit;
background-color:#99cc66; 
padding:5px;
}

td.leftbg {
font-size: 86%;
color:inherit;
margin-left: 5px;
background-color:#99cc66;
padding:5px; 
}

td.footerbg {
font-size: 86%;
color:inherit;
background-color:#99cc66;
padding:5px; 
}

/* heading background color....the H1, H2, and H3 tags*/
.hbg{
background-color:#666600; 
color:#fff;
width: auto;

}


/* information below is to remove the link styling for anchor links. */
a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}