html,body {
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 15px; 
}

a { text-decoration: none; color: #253477; }
a:hover { text-decoration: underline; color: #0daad7; }
    
#header{
      width: 1000px;
      height: 129px;
      margin: 0 auto;
      background: #2cc4f5 url(images/noggheader.jpg) center no-repeat;
      border: 1px solid #ccc;
      border-top: none;
}

#containerdiv {
      margin: 0 auto;
      overflow: hidden;   
      position: relative;
      text-align: left;
      font-family: arial, Helvetica, sans-serif;
      width: 1000px;
} 

#leftbar {
      position: absolute;
      left: 0;
      top: 70px;
      width: 150px;
      height: 600px;   
      text-align: center;
}

#rightbar {
      position: absolute;
      right: 0;
      top: 70px;
      width: 150px;
      height: 600px;
      text-align: center;
}

#leftbar img, #rightbar img {
      margin: 0 auto 20px auto; border: 0;
}

#maincontentdiv {      
      overflow: hidden;
      margin: 0 auto;
      padding: 18px 15px 0px 0px; 
      background: url(images/border-top.gif) repeat-x;
      width: 760px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 745px;
}

#maincontentdiv p {
      margin-left: 15px;
}
#maincontentdiv a {
      margin-left: 15px;
}

.graph_div {
      position: relative;
}

#footer{
      border-top: 1px solid #ccc; 
      width: 100%;
}

/* ----------------- Headings ---------------------- */
.replace{ 
      position: relative;
      margin: 0px; 
      padding: 0px; 
      /* hide overflow:hidden from IE5/Mac */ /* \*/ 
      overflow: hidden; /* */ 
} 

.replace span{ 
      display:block; 
      position:absolute; 
      top:0px; 
      left:0px; 
      z-index:1; /*for Opera 5 and 6*/ 
      margin: 0;
      padding: 0;
} 

h1 { 
      padding-top: 0;
      margin-top: 0;
      font: 135% Arial;
      font-weight: bold;
      color: #b4b268;
      height: 35px;
}

h2 { 
      margin: 0px 0 0 15px;
      padding: 0px;
      font: 120% Arial;
      font-weight: bold;
      height: 30px;      
}

.subheading{
      font-weight: bold;
}

.graph_key{
      font-size: 11px;
      font-weight: bold;
}

h1#welcome, h1#welcome span {
      width: 530px;
      background: url(images/heading-welcome.gif) no-repeat;
}

h1#graphs, h1#graphs span {
      width: 530px;
      background: url(images/heading-graphs.gif) no-repeat;
}

/* ----------------- Graph Input ---------------------- */

#graphInput input{
      padding: 2px;
      background: url("images/background_forminput.jpg") repeat-x;
      border: 1px solid #c9c48f;
      border-top: 1px solid #d4d0a7;
      border-left: 1px solid #d4d0a7;
      font: 100% Arial, Helvetica, sans-serif;
}

.linkbutton{
      padding: 5px 10px;
      line-height: 40px;
      border: 1px solid #c8c8a0;
      border-bottom: 1px solid #bdbc7b;
      border-right: 1px solid #bdbc7b;
      background: url(images/bkgd-button.gif) repeat-x;
      color: #555533;
      cursor: pointer;
      font: 90% Arial, Helvetica, sans-serif;
}

.linkbutton:hover {
      padding: 5px 10px;
      color: #555533;
      background: url(images/bkgd-button-hover.gif) repeat-x;
      text-decoration: none;
}

.graphInputTitle{
      text-align: right;
}

/* ----------------- Classes ---------------------- */

.small-link {
      text-align: right; 
      margin: 0 0 20px 0;
      font-size: 90%;
}

.graph-red{
      background: #d12a00 url(images/graph-red.jpg) repeat-x; 
      width: 60px; 
      border: 1px solid #000;
}

.graph-green{
      background: #329832 url(images/graph-green.jpg) repeat-x;  
      width: 60px; 
      border: 1px solid #000;
}

.graph-yellow{
      background: #f49914 url(images/graph-yellow.jpg) repeat-x; 
      width: 60px; 
      border: 1px solid #000;
}


/* ----------------- Tables ---------------------- */

table.table-fancy {
      border-spacing: 0px ;
      border-collapse: collapse ;
}
th.heading-fancy {
      margin: 0px;
      padding: 5px;
      font-size: 14px;
      font-weight: bold;
      color: #444;
      border :1px solid #ddd;
      background: #eee; 
}
td.cell-fancy {
      margin: 0px;
      padding: 5px;
      font-size: 14px;
      color: #444;
      border :1px solid #ddd; 
}

td img{
      border: 0;
}

td.qn { width: 50px; vertical-align: top; }
td.an { width: 50px; vertical-align: top; font-style: italic; color: #C66; }
td.qt { padding-bottom: 50px; }
td.at { padding-bottom: 50px; font-style: italic; color: #C66; }