/* CSS Document */

/*The home button in the upper LEFT*/

dd#downloadsDef{ top: 50px; left: 100px; }
dd#downloadsDef a{ position: absolute; width: 73px; height: 69px; text-decoration: none; }
dd#downloadsDef a span{ display: none; }
dd#downloadsDef a:hover{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#downloadsDef a:hover span{
/*Originally "display:block" gave the gray box that hovered near the button being rolled over. [To get the box farther away from the button use higher percentage for the bottom: property (like 100%) I made the "bottom: 10%" because I noticed that Tom was trying to click on the gray box, not on the link itself. This put the gray box over the link in Firefox and about 1/4 of the way above the link in IE.]  But the box doesn't show up now AT ALL because of the "display: none" property on the first line; this makes all the rest of the code meaningless.*/
 display: none;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
  bottom: 10%;
 margin: 0;
 padding: 5px;
 width: 100%;
}
dd#downloadsDef a:visited{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }
#main {
	clear: both;
	width: 100%;
	padding-top: 8px;
	float: left;
	overflow: visible;
	background-color: transparent;
	background-image: url(images2/bgnav.gif);
	margin-top: 10px;
}


/*The home button on the bar to the RIGHT*/

dd#homeDef{ top: 44px; left: 381px; }
dd#homeDef a{ position: absolute; width: 50px; height: 21px; text-decoration: none; }
dd#homeDef a span{ display: none; }
dd#homeDef a:hover{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#homeDef a:hover span{
 display: none;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
  bottom: 10%;
 margin: 0;
 padding: 5px;
 width: 100%;
}
dd#homeDef a:visited{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }
#main {
	clear: both;
	width: 100%;
	padding-top: 8px;
	float: left;
	overflow: visible;
	background-color: transparent;
	background-image: url(images2/bgnav.gif);
	margin-top: 10px;
}
/*The OPAS button*/

dd#opasDef{ top: 44px; left: 448px; }
dd#opasDef a{ position: absolute; width: 45px; height: 21px; text-decoration: none; }
dd#opasDef a span{ display: none; }
dd#opasDef a:hover{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#opasDef a:hover span{
 display: none;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
  bottom: 10%;
 margin: 0;
 padding: 5px;
 width: 100%;
}
dd#opasDef a:visited{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }
#main {
	clear: both;
	width: 100%;
	padding-top: 8px;
	float: left;
	overflow: visible;
	background-color: transparent;
	background-image: url(images2/bgnav.gif);
	margin-top: 10px;
}
/*The Consulting button*/

dd#conDef{ top: 44px; left: 494px; }
dd#conDef a{ position: absolute; width: 83px; height: 21px; text-decoration: none; }
dd#conDef a span{ display: none; }
dd#conDef a:hover{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#conDef a:hover span{
 display: none;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
  bottom: 10%;
 margin: 0;
 padding: 0px;
 width: 100%;
}
dd#conDef a:visited{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

/*The Resources button*/

dd#resDef{ top: 44px; left: 585px; }
dd#resDef a{ position: absolute; width: 83px; height: 21px; text-decoration: none; }
dd#resDef a span{ display: none; }
dd#resDef a:hover{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#resDef a:hover span{
 display: none;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
  bottom: 10%;
 margin: 0;
 padding: 5px;
 width: 100%;
}
dd#resDef a:visited{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

/*The Contact Us button*/

dd#contDef{ top: 44px; left: 668px; }
dd#contDef a{ position: absolute; width: 90px; height: 21px; text-decoration: none; }
dd#contDef a span{ display: none; }
dd#contDef a:hover{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#contDef a:hover span{
 display: none;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
  bottom: 10%;
 margin: 0;
 padding: 5px;
 width: 100%;
}
dd#contDef a:visited{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

/*The ALL ABOUT OPAS button*/

dd#aaoDef{ top: 64px; left: 535px; }
dd#aaoDef a{ position: absolute; width: 70px; height: 36px; text-decoration: none; }
dd#aaoDef a span{ display: none; }
dd#aaoDef a:hover{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#aaoDef a:hover span{
 display: none;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
  bottom: 10%;
 margin: 0;
 padding: 5px;
 width: 100%;
}
dd#aaoDef a:visited{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

/*The Add-ONS button*/

dd#adoDef{ top: 64px; left: 605px; }
dd#adoDef a{ position: absolute; width: 70px; height: 36px; text-decoration: none; }
dd#adoDef a span{ display: none; }
dd#adoDef a:hover{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#adoDef a:hover span{
 display: none;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
  bottom: 10%;
 margin: 0;
 padding: 5px;
 width: 100%;
}
dd#adoDef a:visited{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

/*The NEWS button*/

dd#newsDef{ top: 64px; left: 675px; }
dd#newsDef a{ position: absolute; width: 70px; height: 36px; text-decoration: none; }
dd#newsDef a span{ display: none; }
dd#newsDef a:hover{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }

dd#newsDef a:hover span{
 display: none;
 text-indent: 0;
 vertical-align: top;
 color: #000;
 background-color: #F4F4F4;
 font-weight: bold;
 position: absolute;
 border: 1px solid #BCBCBC;
 bottom: 10%;
 margin: 0;
 padding: 5px;
 width: 100%;
}
dd#newsDef a:visited{ position: absolute; background: transparent url(images2/downloadsban.gif) -109px -317px no-repeat; top: -10px; left: -5px; }