/* thsese are general styles for the entire site */
html,body              {  color: #000000; font-family: Arial, Helvetica, sans-serif;  font-size: 10pt; font-weight: normal; background-image:url(../gfx/jbr_bkd_lg.jpg); background-color:#2A91A1; }

td                     {  color: #000000; font-family: Arial, Helvetica, sans-serif;  font-size: 10pt; font-weight: normal; }

h1,h2,h3,h4,h5         {  font-family:Georgia, "Times New Roman", Times, serif;}

h1                     {  color: #000000;}
h2                     {  color: #000000;  display:inline; margin: 10pix 0pix 5pix 0pix; }
h3                     {  color: #000000;  }
h4                     {  color: #000000;  }
h5                     {  color: #000000;  }

h6                     {  color: #333333; font-family:Arial, Helvetica, sans-serif  }


/* these are the default link styles */
A:link                { color: #DDDDDD; text-decoration: none; font-weight: bold; }
A:active              { color: #DDDDDD; text-decoration: none; font-weight: bold; }
A:visited             { color: #DDDDDD; text-decoration: none; font-weight: bold; }
A:hover               { color: #444444; text-decoration: none; font-weight: bold; display: inline; background-color: CCCCCC; }

/* thsese are useful css classes for specific needs */  
.S                    {  font-size: 8pt; }
.L                    {  font-size: 10pt; color: #333333; font-weight: bold; }
.XL                   {  font-size: 14pt; }
.XXL                  {  font-size: 16pt; }
.XXXL                 {  font-size: 20pt; font-weight: bold; }

.quote                { font-size: 9pt; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic }


/* thsese styles will be applied inside div tags with id="topbar" */ 
#topbar			      {margin-bottom: 20px;}
#topbar a	          { font-family:Georgia, "Times New Roman", Times, serif; !important}
#topbar A:link        { color: #000099; text-decoration: none; font-weight: bold; }
#topbar A:active      { color: #000099; text-decoration: none; font-weight: bold; }
#topbar A:visited     { color: #000099; text-decoration: none; font-weight: bold; }
#topbar A:hover       { color: #000066; text-decoration: none; font-weight: bold; display: block; background-color: #E5E7BA;}
#topbar td	          { padding: 0px; }

/* this class applies to the table cell for the left column */ 
td.leftColumn   		  { vertical-align:top; width:200px; vertical-align:top; height:500px;}

/* thsese styles will be applied inside div tags with id="leftmenu" */  
#leftmenu A:link         { color: #009999; text-decoration: none; font-weight: bold; }
#leftmenu A:active       { color: #009999; text-decoration: none; font-weight: bold; }
#leftmenu A:hover        { color: #009999; text-decoration: none; font-weight: bold; }
#leftmenu A:visited      { color: #009999; text-decoration: none; font-weight: bold; }
#leftmenu li 			 { margin-top: .7em; }
#leftmenu		         { height:500px; background-image:url(/gfx/bkgd/panel_01_mid.gif);}


/* thsese styles will be applied inside div tags with id="body" */  
#body			     { vertical-align:top; padding-left:20px; }
#body td			 { vertical-align:top; }
#body A:link         { color: #000099; text-decoration: none; font-weight: normal; }
#body A:active       { color: #000099; text-decoration: none; font-weight: normal; }
#body A:hover        { color: #000099; text-decoration: none; font-weight: normal; }
#body A:visited      { color: #000099; text-decoration: none; font-weight: normal; }