body
{
margin:0;
padding:0;
background-image:url(images/body_bg.png);
background-repeat:repeat-y;
background-position:800px;
font-family:sans-serif;
}

a
{
color:black;
}

#wrap
{
width:800px;
height:296px;
position:relative;
background-image:url(images/discnw_pic.jpg);
background-position:center 95px;
background-repeat:no-repeat;
}

#header
{
cursor: pointer;
background-image:url(images/header_fill.png);
height:63px;
}

#header img
{
float:left;
}

#header p
{
margin:0;
padding:0;
color:white;
font-size:.6em;
font-family:sans-serif;
float:right;
margin-top:10px;
padding-right:10px;
}

#header span
{
display:block;
text-align:center;
}

/* A <div id="header-overlay"> is used to overlay a warning message
 * on the test site. 
 */
#header-overlay {
    position: absolute;
    top: 10px;
    left: 340px;
    width: 285px;
    z-index: 1000;
    text-align: center;
    font-size: large;
    font-weight: bold;
    color: #3cf;
    text-decoration: blink;
}

/* end header */

/* begin menu */

#menu
{
background-color:#dca;
/*
background-image:url(images/menu_bg.png);
background-repeat:no-repeat;
background-position:36px top;
*/
padding-left:162px;
width:638px;
height:33px;
position:absolute;
z-index:10;
}

#menu ul, #menu h3, #menu li
{
margin:0;
padding:0;
list-style-type:none;
}

#menu ul
{
float:left;
background-image:url(images/menu_bg2.png);
background-repeat:no-repeat;
background-position:center 33px;
width:125px;
}

#menu li
{
display:none;

}

#menu h3
{
font-size:14px;
line-height:16px;
height:33px;
font-weight:normal;
text-align:center;
}

#menu a
{
text-decoration:none;
color:black;
}

#menu li a
{
color:white;
}

#menu ul:hover, #menu ul.sfhover
{
border-bottom:1px solid white;
}

#menu ul:hover li, #menu ul.sfhover li
{
display:block;
font-size:.8em;
padding:5px;
}

#menu ul:hover h3, #menu ul.sfhover h3
{
background:white;
margin-bottom:1em;
}

#menu li:hover a, #menu li.sfhover a
{
color:#dca;
}

/* end menu */

/* begin alemain */

#main
{
font-family: Georgia, "New Century Schoolbook", "Times New Roman", Times, serif; 
font-size: small;
width:520px;
float:left;
margin-top:253px;
margin-left:20px;
position:absolute;
border-right:1px dashed #999;
z-index: 5;
}

#main h2
{
font-family:georgia;
font-variant:small-caps;
letter-spacing:3px;
font-size:1.25em;
background:#CCC;
text-align:center;
margin-bottom:2px;
}

#main h5
{
margin-top:0px;
}

#main div
{
border-bottom:1px dashed #999;
padding-bottom:20px;
padding-right:10px;
}

#main div div
{
border:none;
padding:0;
margin:0;
}

#main #blog div
{ 
padding-bottom: 2ex;
}

#main a.button
{
font-weight: bold;
text-decoration: none;
color: inherit;
border: 2px outset #e2e2de;
background-color: #e2e2de;
padding: 2px 4px;
margin: 1px 2px;
}
#main a.button:active
{
border-style: inset;
}

#links
{
width:230px;
height:100px;
margin-top:240px;
position:absolute;
left:540px;
padding:15px;
}

#links h2 {
background: #ccc;
text-align:center;
font-size:medium;
}

a img
{
border:0;
}

a.firefox
{
text-align:center;
display:block;
}

/* Don't float inline icon images (used by /WhatsThis.m) */
img.icon, 
#wrap img.icon /* The '#wrap' is to add specificity so as to override
                * settings for '.playercard img', etc...
                */
{ 
float: none;
vertical-align: top;
}

#punwrap
{
margin-top:40px !important;
position:absolute;
z-index:5;
}

a.tweeter,
.twitter a.tweeter
{
color: #0084b8;
text-decoration: none;
}
a.tweeter:hover,
a.tweeter:active
{
text-decoration: underline;
}

#links .quick,
#links .twitter
{
margin-bottom:1.5ex;
font-size: 0.8em;
font-family: Georgia, "New Century Schoolbook",
             "Times New Roman", Times, serif;
}

#links .quick h3,
#links .twitter h3
{
margin:0;
padding-left: 5px;
font-size: inherit;
font-family: sans-serif;
font-variant: small-caps;
background-color: #ccc;
}

#links .quick div
{
margin:0 0 1.5ex 0;
padding: 2px 3px 2px 10px;
border: thin solid #ccc;
}
#links .twitter ul
{
margin: 0;
padding: 0;
border: thin solid #ccc;
}
.twitter li
{
display: block;
list-style-type: none;
border-top: thin solid #ccc;
padding: 2px 3px 2px 10px;
}
.twitter li:first-child
{
border-top: none;
}
.twitter li.zebra
{
background-color: #eee;
}
.twitter li a
{
text-decoration: none;
color: #009;
}
.twitter li a:hover,
.twitter li a:active
{
text-decoration: underline;
}

.twitter .notation
{
font-style: oblique;
font-size: smaller;
/* white-space: nowrap; */
display: block;
text-align: right;
}
.twitter .notation:before
{
content: "- "
}
.twitter a.button
{
font-size: 9px;
text-decoration: none;
font-style: normal;
font-variant: small-caps;
font-family: sans-serif;
font-weight: normal;

color: inherit;
border: 2px outset #e2e2de;
background-color: #e2e2de;
padding: 0px 1px;
margin: 1px 2px;
}

#main div.twitter-sample,
#main div.twitter-sample-response
{
margin: 0.5ex 4em 0.5ex 2em;
padding: 0.5ex 0.5em;
font-family: "Andale Mono", "Monaco", "Bitstream Vera Sans Mono", monospace;
}
#main div.twitter-sample
{
border: thin solid #999;
background-color: #f8f8f8;
}
#main div.twitter-sample-response
{
border: none;
background-color: white;
}

.posted
{
font-size:.8em;
margin:0;
color:#aaa;
}

table.financials
{
border-collapse:collapse;
}

table.financials td
{
border:1px solid #CCC;
}


/* Used by /encryptEmail.m */
.hidden-email {
  font-style: oblique;
}

/* Used by /javascript/Popup.js */
div.js-popup
/*, div#-discnw-js-popup-div */
{
  display: none;
  text-align: center;
  /*position: fixed;*/
  position: absolute;
  /*left: auto;
  right: auto;*/
  top: 160px;
  /*min-width: 400px;
  max-width: 700px;*/
  z-index: 251;
  background-color: #eee;
  border: 1px solid #555;
}
.js-popup h1 {
  font-size: medium;
  font-family: georgia;
  font-variant: small-caps;
  margin: 0;
  text-align: left;
  background-color: #888;
  color: #fff;
  padding: 4px 4px 4px 10px;
}
.js-popup div {
  padding: 0;
  margin: 5px 0 4px;
}
div.js-popup-body {
  margin: 5px 10px 10px;
  padding: 0;
  font-size: small;
}
div.js-popup-buttons {
  text-align: center;
}
div.js-popup-cover {
  display: none;
  z-index: 250;
  /* we'd like position: fixed, but IE has problems with that... */
  position: absolute;
  background-color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  /* height get set by javascript before display */
  opacity: 0.5;
  filter: Alpha(opacity=50);	/* for IE */
}

/* This is for the popup /WhatsThis.m messages */
div.js-popup.whats-this {
  text-align: left;
}
.js-popup.whats-this h1 {
  text-align: center;
  font-family: inherit;
}
.whats-this div.js-popup-body {
  font-size: normal;
}



/* For code in /javascript/jscalendar-1.0 */
div.calendar {
  z-index: 251;
}


/* For code in /javascript/SearchTable.js */
.tablesearcher, .tablemessage {
  color: black;
  background-color: #eee;
}
.tablemessage {
  text-align: center;
  font-style: oblique;
}

a.discouraged-link {
  color: #bbb;
  text-decoration: line-through;
}
a.discouraged-link:hover {
  color: #999;
  text-decoration: underline;
}