/* CSS Document */

BODY { margin: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#333333; 
  background-color: #89AADD; background-image: url("extra/background.jpg"); background-repeat:repeat-x; }

H1 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:24px; color:#3366CC; margin-top: 5px; }
H2 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; color: #333333; 
  padding-top: 3px; padding-bottom: 3px; border-bottom: 1px dashed navy; }
  /* Note: H2 defined again later on for #topic division */
H3 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#3366CC; text-decoration:underline; }

A { text-decoration: none; }

/* DIVISIONS - Listed in order of appearance */

#topnav { }
  #buttonbar { float: right; }
  #logo { }
#main { margin: 20px 0px 10px 172px; background-color:#FFFFFF; width: auto ; }
#tl { margin: -1px 0px 0px -1px; float: left; }
#tr { margin: -1px -1px 0px 0px; float: right; }
/* #topic { background-color:#FFFFFF; margin: 10px 240px 10px 10px; text-align:justify; font-size: 14px; padding-top: 10px; } */
#topic { background-color:#FFFFFF; margin: 10px 225px 10px 10px; text-align:justify; font-size: 14px; padding-top: 10px; min-height: 250px; }
#topic H2 { background-image:url(extra/h2bg.gif); background-repeat:no-repeat; padding-left: 5px; border-bottom: 1px solid #333333; }
#topic A, A:visited { color: #3366cc; font-size: 14px; font-weight:inherit; }
#topic LI { margin-bottom: 5px; margin-top: 3px; }
/*  #rightcol { position: absolute; top:75px; right: 15px; width: 215px; background-color:#FFFFFF; } */
#rightcol { position: absolute; top:75px; right: 15px; width: 205px; background-color:#FFFFFF; }
  #related { background-color: #FFFFCC; padding: 0px 10px 10px 10px; font-size:12px; }
  #related A, A:visited { color: blue; text-decoration:none; }
  #related A:hover { color: red; text-decoration:none; }
  #external { background-color:#EEEEEE; padding: 0px 10px 10px 10px; font-size:12px; }
  #external A, A:visited { color: blue; text-decoration:none; }
  #external A:hover { color: black; text-decoration:none; }

#leftcol { position: absolute; top: 70px; left: 15px; width: 160px; }
/* #search { background-color:#D5FFFF; padding: 0px 10px 10px 10px; font-size:12px;  } */
  #search { background-image: url("extra/searchbox.gif"); background-repeat:no-repeat; width: 150px; height: 100px; 
    color:#FFCC00; text-align: center; padding-top: 10px; line-height: 1.5; }
  #advanced { background-image: url("extra/leftbox.gif"); background-repeat:no-repeat; width: 150px; height: 30px;
    color:white; text-align: center; padding-top: 8px; }
  #advanced A { color: white; font-size: 12px; }
  #alpha { background-image: url("extra/leftbox.gif"); background-repeat:no-repeat; width: 150px; height: 30px;
    color:white; text-align: center; padding-top: 8px; }
  #alpha A { color: white; font-size: 12px; }
  #printfriendly { text-align: center; margin-top: 8px; }
  #printfriendly A { color: white; font-size: 12px; }
  #addfaves { position:fixed; left:30px; bottom:20px; }

#footer { margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #FFCC00; padding: 1px 0px 1px 0px; 
  font-size:10px; text-align:center; clear: both; line-height: 1.7; }
#footer A { font-size: 10px; color: blue; }

/*  Division Specific Classes */

.navtop { width:100px; height:30px; margin-left: 10px; margin-top: 7px; padding-top:7px;  
  text-align:center; color: #666666; font-weight: 500; font-size:12px; 
  background-image: url("extra/btnwhite.gif"); background-repeat:no-repeat; 
  float:left; }
.navtop A, A:visited { color: #666666; font-weight: 500; font-size:12px; text-decoration: none; }
.navtop A:hover { color: #3366CC; font-weight: 600; font-size:12px; text-decoration: none; }

/* General Classes */
.red { color: red; }
.exoblue { color: #3366cc; }
.darkblue { color: #0046CF; }
.gold { color:#FFCC00; }
.posleft { float: left; margin-right: 10px; }
.posright { float: right; margin-left: 10px; }
.smalltext { font-size: small; }
.h3 { color:#3366CC; border-bottom: 1px solid #FFCC00; }
.attention { background-color: #eeeeee; border: 1px solid red; padding: 5px; }
.source { background-image:  url("extra/bookmark.gif"); background-repeat: no-repeat; 
 padding-left: 25px; padding-top: 3px; margin-bottom: 8px; }
 
/* Extra instructions for scrollbars in related links */
#related { max-height: 425px; overflow-x: hidden; overflow-y: auto; margin-top: 12px; } 
#related H2 { margin-top: 0px; }