/* 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{
 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 */
}

#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, .menu ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: block;
 z-index: 600;
}

.menu ul{
 border: 2px solid #a81c20;
 border-top: 0px none;
 visibility: hidden;
 position: absolute;
 z-index: 1000;
 left: -5px;
 background: #f1e9d8;
 padding: 0; margin: 0;
 width: 125px;
 margin-top:0px;
 margin-left:3px;
}

.menu li{
 margin: 0;
 padding: 0 10px 0 0;
 border: 0;
 display: block;
 float: left;
 position: relative;
 z-index: 700;
}

.menu li li{
 padding-right: 0;
 float: none;
 background: #f1e9d8;
 z-index: 800;
}

.menu li:hover{
 z-index: 10000;
 white-space: normal;
}

.menu li:hover>ul {
 visibility: visible;
 top: 100%;
}

.menu a {
 text-decoration: none;
 color: black;
 font-weight: bold;
 padding: 0;
 display: block;
 position: relative;
 height: 100%;
}

.menu a:hover{
 background-color: #ffffff;
}

.menu ul a{
 font-weight: normal;
 padding: 0 2px;
 color: black;
}

.menu ul ul {								/* positioning for sub drop down */
	padding: 0px 0px 0px 0px;
	margin: -12px 0 0 115px;
}

/* Content */

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

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

#content a, a:link, 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, a:visited{
 color: blue;
 text-decoration: none;
}

#sidebar a:hover, 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, a:link, a:visited{
 color: blue;
 text-decoration: none;
}

#sidebar-NAB a:hover, 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, a:link, a:visited{
 color: #990000;
 text-decoration: none;
}

#sqasidebar a:hover, 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,a:link,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;
}