/* P { margin: 2em } */

a{text-decoration:none; color : #666600; }
/* a:hover{color : #660000; font-Weight : bolder} */
a:hover{color : #660000; }




/* font-size : xx-small | x-small | small | medium | large | x-large | xx-large */
/* body { margin: 5px 0px 2px 25px }  */

/* the margin-left does not seem to have any effect except on the first word.  Wrapped
   text and <br>text is not affected.  Is that the way its supposed to work? Does work
   with "p" & "div" element though 
sideBar.small{ font-size: x-small; padding-left: 4px; color: #666600 }
sideBar.large{ font-size: small; margin: 4px; color: #666600 }
*/

/* font-weight : normal | bold | lighter | bolder | 100 | ... | 900 */



p.h1{ text-align: center; font-size: small; font-weight: bolder; color: #666600 }
p.h2{ font-size: small; color: #666600; margin-left: 4px }

div.regular{ font-size: medium; color: #0000ff}

div.small{ font-size: x-small; margin-left: 4px; color: #666600 }
div.subtext{ font-size: x-small; margin-left: 8px; color: #666600 } 
div.centerLarge{ text-align: center; font-size: large; color: #ffffff }
div.notify{ font-size: medium; font-weight: bolder; color: #ffcc00 }
div.title{ font-size: large; font-weight: bolder; color: #ffffff }
div.sh1{ font-size: small; font-weight: bolder; color: #2222ff }
div.sh2{ font-size: small; color: #5555aa }
div.sh3{ font-size: small; font-weight: bolder; color: #ff7777 }


tr.sh1{ font-size: small; font-weight: bolder; color: #2222ff }
tr.sh2{ font-size: small; color: #5555aa; background-color: white }
tr.sh3{ font-size: small; color: #5555aa; background-color: #aaaaaa }
tr.regular{ font-size: medium; color: #0000ff }


/* border-width doesn't seem to have any affect */
table.main { width: 100%; height:100%; border-width: 0; background-color: #fdfdfd }
table.sub  { width: 70%; align: center; background-color: white; border-width: thick thin thick thin }
table.box { width: 40%; background-color: white } 
td.header { border-width:0 0 thick 0 }


div.menu2{ text-align: center; font-size: small; font-weight: bolder; color: #006600 } 
div.menu3{ font-size: small; color: #006600; margin-left: 4px }
a.menu3{ display:block; }

tr.menu { background-color:#0044ff }

/* IE: left will shrink the width while margin-left will preserve
       width
   NS: left and margin-left have same effect.
   IE: margin-right seems to have no effect in div, but does have an
       effect in body.
   NS: margin-right has an effect in div.
*/
body.posA { background-color : #8888aa; }

div.posA { position : absolute; 
           left : 132px; right : auto; top : 0px; 
           margin-left : 0px; margin-top : 0px; 
           height : 100% }
div.posB { position : absolute; 
           left : 2px; right : auto; top : 17px; width : 130px; 
           margin-left : 0px; margin-top : 0px; 
           height : 100%; background-color : #8888aa }