/* Global styles */


body{
 padding: 0; margin: 0;
 background: #fff url(graphics/elements/bg-top.gif) repeat-x;
 color: #000;
 font: .75em arial, helvetica, sans-serif;
}

h1 {
  font-size: 12pt;
}

td {
  font-size: 10pt;
}


#wrapper{
 width: 1000px;
 position: relative;
 margin: 0 auto;
}

/*a:link, a:visited{
 color: blue;
 text-decoration: none;
}

a:hover, a:active{
 color: #990000;
 text-decoration: underline;
}*/

/* Header */

#header{
 position: absolute;
 top: 15px; left: 19px;
 width: 215px; height: 103px;
 z-index: 50;
 background: url(graphics/elements/header2.gif);
}

#header h1{
 background: url(graphics/elements/slogan.gif);
 position: absolute;
 left: 216px; top: 18px;
 width: 391px; height: 24px;
 margin: 0;
}

/* sqaheader is only used in the Style Quadrant Analysis tool */
#sqaheader{
 position: absolute;
 top: 15px; left: 19px;
 width: 215px; height: 103px;
 z-index: 50;
 background: url(graphics/elements/header2.gif);
}

#sqaheader h1{
 background: url(graphics/elements/sqaslogan.gif);
 position: absolute;
 left: 216px; top: 18px;
 width: 317px; height: 25px;
 margin: 0;
}

#header h1 span{
 display: none;
}

#sqaheader h1 span{
 display: none;
}

/* Navbar menu */


#navi_home{ /* need to duplicate this, just for a little fix for IE */
 line-height: 19px;
 padding: 62px 0 0 240px;
 z-index: 500;
 position: absolute;                           /* take the menu out of the document flow */
 right: 10px;                                  /* ignored by IE6, and I don't know why */
}

#menu{
  z-index: 500;
  left: 230px;
  font-weight: bold;
  height: 22px;
  top: 60px;
  position: absolute;
}
#menu ul, #menu li {
  padding: 0;
  margin: 0;
}

#menu ul.main li {
    display: inline-block;
    float: left;
    position: relative;
    z-index: 1000;
    font-size: 9pt;
}
#menu ul.main li a {
    display: block;
    text-align: left;
    padding-top: 4px;
    padding-right: 12px;
    padding-left: 5px;
    height: 16px;
    text-decoration: none;
    float: left;
    color: black;
    font-size: 9pt;
}
#menu ul.main li a:hover {
    background: #f8f4ec;
    color: #8e7f63;
}
#menu ul.main li a.active {
    color: #8e7f63;
}
#menu ul.submenu {
    display: none;
    position: absolute;
    background: #f0e9d7;
    border-left: 2px solid #a81c1f;
    border-right: 2px solid #a81c1f;
    border-bottom: 2px solid #a81c1f;
    left: 0;
    top: 100%;
    width: 149px;
}
#menu ul.submenu li {
    display: inline-block;
    float: none;
    border: 0;
    position: relative;
}
#menu ul.submenu li a
{
    display: block;
    height: auto;
    padding: 6px 5px;
    text-align: left;
    width: 139px;
}
#menu ul.submenu li a:hover {
    background: #f8f4ec;
}
#menu ul.subsubmenu {
    display: none;
    background: #f0e9d7;
    border-left: 2px solid #a81c1f;
    border-right: 2px solid #a81c1f;
    border-bottom: 2px solid #a81c1f;
    position: absolute;
    left: 149px;
    top: 0;
    position: absolute;
    width: auto;
}

/* Content */

#content{
 margin-left: 230px;
 padding: 5px;
}

#content li {
  margin-bottom: 5px;
}

#content a, #content a:link, #content a:visited {
    color: blue;
    text-decoration: none;
}

#content a:hover {
    color: #990000;
}

/* Sidebar */

#sidebar{
 position: absolute;
 top: 0; left: 33px;
 background: #e9e4e0 url(graphics/elements/bg-sidebar.jpg) no-repeat 0 -35px;
 margin-top: 83px;
 width: 172px;
 padding: 64px 10px 10px;
}

#sidebar dl dt{
 font-weight: bold;
}

#sidebar dl dd{
 margin-left: 0;
 margin-bottom: 1em;
}

#sidebar h2{
 display: none;
}

#sidebar a:link, #sidebar a:visited{
 color: blue;
 text-decoration: none;
}

#sidebar a:hover, #sidebar a:active{
 color: #990000;
 text-decoration: underline;
}

#sidebar-NAB{
 position: absolute;
 top: 0; left: 33px;
 background: #e9e4e0 url(graphics/elements/NABsidemenu.gif) no-repeat 0 -35px;
 margin-top: 83px;
 width: 172px;
 padding: 64px 10px 10px;
}

#sidebar-NAB h2{
 display: none;
}

#sidebar-NAB a, #sidebar-NAB a:link, #sidebar-NAB a:visited{
 color: blue;
 text-decoration: none;
}

#sidebar-NAB a:hover, #sidebar-NAB a:active{
 color: #990000;
 text-decoration: underline;
}

#sqasidebar{
 position: absolute;
 top: 0; left: 33px;
 background: #e9e4e0;
 margin-top: 83px;
 width: 172px;
 padding: 64px 10px 10px;
 color: #990000;
}

#sqasidebar a, #sqasidebar a:link, #sqasidebar a:visited{
 color: #990000;
 text-decoration: none;
}

#sqasidebar a:hover, #sqasidebar a:active{
 color: #5C5C5C;
 text-decoration: underline;
}

#sqasidebar ul {
    list-style-type: none;
}

#sqasidebar li {
  margin-bottom: 10px; /* ensures the vertical spacing of each item in the menu */
}



/* Box for Flash and Register Now */

#topbox{
 position: relative;
 margin-left: 225px;
 width: 776px; height: 259px;
 background: #a81c20 url(graphics/elements/bg-box.jpg);
}



/* Register Now box */

#register{
 position: absolute;
 top: 0; right: 0;
 width: 319px; height: 259px;
 background: url(graphics/elements/bg-register.jpg);
}

#register h2{
 display: none;
}

#register p{
 position: absolute;
 left: 13px; top: 107px;
 width: 164px;
 height: 90px;
 font-size: 12px;
 background: transparent;
 margin: 0;
}



/* Container for Flash animation */

#flashani{
 position: absolute;
 left: 4px; top: 6px;
 width: 450px; height: 247px;
}


/* Miscellaneous */

#main{
 padding-top: 83px;
}

#footer{
 font-size: 8pt;
 color: #B3AC9D;
 text-align: right;
}
#footer a, #footera:link, #footer a:visited {
 color: #B3AC9D;
}
#footer a:hover {
 color: #635F57;
}

.result {
 color: #a81c20;
}

h2 {
  font-size: 10pt;
  font-weight: bold;
  color: #990000;
}

.redhighlight {
  color: #FF3300;
  font-weight:bold;
}