body {
	background: #e5e5e5 url(infowarroom.gif) no-repeat fixed center center;
   color: #000000;
   font-family: verdana;
   font-size: 9px;
	margin: 0;
	width: 100%;
}

h1 {
	padding: 16px 0 0 0;
	margin: 0;
	font-family: neue Helvetica, helvetica, arial;
   font-size: 40px;
	text-transform: uppercase;
}

h2 {
	font-size: 7pt;
	font-family: verdana, helvetica,arial,sansserif;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

p {
	font-size: 7pt;
	font-family: verdana, helvetica,arial,sansserif;
	text-decoration: none;
}

a:link {
   color: #000;
   text-decoration: none;
}

a:visited {
   color: #000;
   text-decoration: none;
}

a:hover {
   color: #000;
   text-decoration: underline;
}

a:focus { -moz-outline-style: none; } /*this avoids having image replacement sections display a dotted outline*/


ul, li {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	list-style: none;
}

/* make sure the whole iframe is displayed */
div iframe {
	width: 716px;
	height: 420px;
	display: none;
}

.save {
	top: 0px;
}

.save img {
	border: 0;
}

/* define the various classes used */
.info {
	font-size: 7pt;
	font-family: verdana, helvetica,arial,sansserif;
	text-decoration: none;
}

.image {
	padding:16px 16px 0 0;
	margin:0;
	width: auto;
}

.perma{
	position: relative;
	left: 375px;
}

.readmore{
	display: none;
}

/* nest a div with class shadow at the bottom and last element of a div to get a shadow for that div */
.shadow{
	position: relative;
	bottom: -16px;
	height: 16px;
	margin: 0 -16px 0 -16px;
   /* Mozilla ignores crazy MS image filters, so it will skip the following */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='shadow16.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.shadow[class] {
  background-image:url(shadow16.png);
}

.credits {
	position: absolute;
	bottom: 16px;
	right: 16px;
}

.infowardesc{
	position: absolute;
	top: 32px;
	left: 16px;
	width: 450px;
}

.infowardescOver{
	position: absolute;
	top: 32px;
	left: 16px;
	width: 450px;
	background-color: #e5e5e5;
}

.help{
	position: absolute;
	top: 82px;
	left: 16px;
	width: 100px;
}
/* define colors and levels of tree structure */
.level0 {
   position: absolute;
   left:0px;
   top:0px;
	z-index: 15; 
}

.level1 {
   position: relative;
	background-image: url(ffffff.gif);
	background-repeat: repeat-y;
	width: 80px;
	padding: 0 16px 0 16px;
	display: none; 
	left: 16px;
}

.level1 .arrow { /* put arrows in the left padding */
	margin-left: -16px;
}

.level2 {
	position: relative;
	background-image: url(ffebeb.gif);
	background-repeat: repeat-y;
	width: 450px;
	padding: 0 16px 0 16px;
	display: none; 
}

.level3 {
	background-image: url(fffed6.gif);
	background-repeat: repeat-y;
	width: 450px;
	padding: 0 16px 0 16px;
	display: none;
}

.level4 {
	background-image: url(e8ffe9.gif);
	background-repeat: repeat-y;
	width: 450px;
	padding: 0 16px 0 16px;
	display: none;
}

.level5 {
	background-image: url(ffeed3.gif);
	background-repeat: repeat-y;
	width: 450px;
	padding: 0 16px 0 16px;
	display: none;
}

.level6 {
	background-image: url(d3ffd8.gif);
	background-repeat: repeat-y;
	width: 450px;
	padding: 0 16px 0 16px;
	display: none;
}

.level7 {
	background-image: url(ffebeb.gif);
	background-repeat: repeat-y;
	width: 450px;
	padding: 0 16px 0 16px;
	display: none;
}

.level8 {
	background-image: url(fffed6.gif);
	background-repeat: repeat-y;
	width: 450px;
	padding: 0 16px 0 16px;
	display: none;
}