
div#bubble_guys {
	padding: 0px 0px 10px 10px;
	font-size: 12pt;
	width: 175px;
	height: 300px;
	}


#bubble_guys ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11pt;

}

#bubble_guys li {
	font: 11pt verdana, helvetica, sans-serif;
	padding-bottom: 8px;
	line-height: 13pt;
	}

#bubble_guys a {
	font: 11pt verdana, helvetica, sans-serif;
	position: relative;
	color: #900;
	
	
		}
		
#bubble_guys a:visited {
	font: 11pt verdana, helvetica, sans-serif;
	color: #000;
	
	
		}

#bubble_guys a span {
  display: none;
  }
 
#bubble_guys a:hover {
  background-color: #ececd9;
  color: #000;
  text-decoration: none;
 
  }
/* The above hover change defeats the
  IE/Win display changing bug */

 
#bubble_guys a:hover span {
  position: absolute;
  top: -490px;
  margin-right: 35px;
  left: -300px;
  width: 270px;
  height: 240px;
  display: block;
  padding: 20px 10px 15px 15px;
  color: #000;
  text-decoration: none;
  background: url(http://www.orderchaos.net/postapoc/bubble.gif) no-repeat top left ;
  clear: right;
  float: left;
  z-index: 0;
}

div#cc {
	padding: 0px 0px 70px 10px;
	font-size: 9pt;
	width: 175px;
	}
#cc a {
	font: 9pt verdana, helvetica, sans-serif;
	position: relative;
	color: #900;
	}
		
#cc a:visited {
	font: 9pt verdana, helvetica, sans-serif;
	color: #000;
	}
#cc a span {
  display: none;
  }
 
#cc a:hover {
  background-color: #ececd9;
  color: #000;
  text-decoration: none;
  }
/* The above hover change defeats the
  IE/Win display changing bug */

/*  position: absolute; */
#cc a:hover span {
  top: -80px;
  left: 90px;
  width: 440px;
  height: 200px;
  display: block;
  padding: 20px 30px 15px 40px;
  color: #000;
  text-decoration: none;
  background: url(http://www.orderchaos.net/postapoc/apoc_exp.gif) no-repeat top left ;
  clear: left;
  float: right;
  z-index: 0;
}


div#po {
	padding: 0px 0px 70px 10px;
	font-size: 9pt;
	width: 175px;
	}
div#nw {
	padding: 0px 0px 70px 10px;
	font-size: 9pt;
	width: 175px;
	}
div#pg {
	padding: 0px 0px 70px 10px;
	font-size: 9pt;
	width: 175px;
	}
#pg a {
	font: 9pt verdana, helvetica, sans-serif;
	position: relative;
	color: #900;
	}
		
#pg a:visited {
	font: 9pt verdana, helvetica, sans-serif;
	color: #000;
	}
#pg a span {
  display: none;
  }
 
#pg a:hover {
  background-color: #ececd9;
  color: #000;
  text-decoration: none;
  position: absolute;
  }
/* The above hover change defeats the
  IE/Win display changing bug */

/*  position: absolute; */
#pg a:hover span {
  top: -80px;
  left: 90px;
  width: 500px;
  height: 200px;
  display: block;
  padding: 20px 30px 15px 40px;
  color: #000;
  text-decoration: none;
  background: url(http://www.orderchaos.net/postapoc/apoc_exp.gif) no-repeat top left ;
  clear: left;
  float: right;
  z-index: 0;
}




div#sc {
	padding: 0px 0px 70px 10px;
	font-size: 9pt;
	width: 175px;
	}
div#ae {
	padding: 0px 0px 70px 10px;
	font-size: 9pt;
	width: 175px;
	}
div#nd {
	padding: 0px 0px 70px 10px;
	font-size: 9pt;
	width: 175px;
	}
#nd a {
	font: 9pt verdana, helvetica, sans-serif;
	position: relative;
	color: #900;
	}
		
#nd a:visited {
	font: 9pt verdana, helvetica, sans-serif;
	color: #000;
	}
#nd a span {
  display: none;
  }
 
#nd a:hover {
  background-color: #ececd9;
  color: #000;
  text-decoration: none;
  }
/* The above hover change defeats the
  IE/Win display changing bug */

#nd a:hover span {
  position: absolute;
  top: -80px;
  left: 90px;
  width: 440px;
  height: 200px;
  display: block;
  padding: 20px 30px 15px 40px;
  color: #000;
  text-decoration: none;
  background: url(http://www.orderchaos.net/postapoc/apoc_exp.gif) no-repeat top left ;
  clear: left;
  float: right;
  z-index: 0;
}




div#apoc_exp {
	padding: 0px 0px 70px 10px;
	font-size: 9pt;
	width: 175px;
	}


#apoc_exp ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 9pt;
}

#apoc_exp li {
	font: 11pt verdana, helvetica, sans-serif;
	padding-bottom: 8px;
	line-height: 11pt;
	}

#apoc_exp a {
	font: 9pt verdana, helvetica, sans-serif;
	position: relative;
	color: #900;
	
	
		}
		
#apoc_exp a:visited {
	font: 9pt verdana, helvetica, sans-serif;
	color: #000;
	
	
		}

#apoc_exp a span {
  display: none;
  }
 
#apoc_exp a:hover {
  background-color: #ececd9;
  color: #000;
  text-decoration: none;
 
  }
/* The above hover change defeats the
  IE/Win display changing bug */

 
#xapoc_exp strong:hover span {
  position: absolute;
  top: -20px;
  left: -10px;
  width: 440px;
  height: 200px;
  display: block;
  padding: 20px 30px 15px 40px;
  color: #000;
  text-decoration: none;
  background: url(http://www.orderchaos.net/postapoc/apoc_exp.gif) no-repeat top left ;
  clear: left;
  float: right;
  z-index: 0;
}

#apoc_exp a:hover span {
  position: absolute;
  top: -20px;
  left: -10px;
  width: 440px;
  height: 200px;
  display: block;
  padding: 20px 30px 15px 40px;
  color: #000;
  text-decoration: none;
  background: url(http://www.orderchaos.net/postapoc/apoc_exp.gif) no-repeat top left ;
  clear: left;
  float: right;
  z-index: 0;
}

#apoc_exp strong:hover span {
  position: absolute;
  top: -20px;
  left: -10px;
  width: 440px;
  height: 200px;
  display: block;
  padding: 20px 30px 15px 40px;
  color: #000;
  text-decoration: none;
  background: url(http://www.orderchaos.net/postapoc/apoc_exp.gif) no-repeat top left ;
  clear: left;
  float: right;
  z-index: 0;
}
