body {
  background-color:#f0f4f6;
  background-image:url('media/bgradient.jpg');
  background-repeat:repeat-x;
  color:#1d1d1d;
  margin:0px;
  font-family:Arial,Helvetica,Sans-Serif;
}

p a { text-decoration:underline;color:#002f6f; }
p a:visited { color:#646464; }

#heading_flag {
  text-align:center;
}

#heading_main {
  position:relative; 
  width:650px; 
  height:151px; 
  padding:0;
  overflow:hidden;
  margin:20px auto 25px auto;
  border-color:#1567d6;
  }

#heading_main em {
  display:block; 
  width:650px; 
  height:151px; 
  background:url(media/heading_main.gif); 
  position:absolute;
  top:0;
  left:0;
  }
  
#heading_top {
  position:relative; 
  width:100%; 
  height:62px; 
  padding:0;
  overflow:hidden;
  margin-left:0em;
  margin-top:0em;
  margin-bottom:2em;
  border:0px; 
  }

#heading_top a {
  display:block; 
  width:100%;
  height:62px; 
  background:url(media/heading_top.jpg); 
  position:absolute;
  top:0;
  left:0;
  }
  
#top_flag {
  display:block; 
  width:83px;
  height:56px; 
  background:url(media/top_flag.jpg); 
  position:relative;
  top:2px;
  margin-right:4px;
  float:right;
  }
  
#heading_top a:hover #top_flag {
  background:url(media/top_flag_color.jpg); 
  }
  
#heading_top a:hover {
  display:block; 
  width:100%; 
  height:71px; 
  background:url(media/heading_top_color.jpg); 
  position:absolute;
  top:0;
  left:0;
  }

#section_default {
  background-color:white;
  width:750px;
  margin:0em auto 0em auto;
  border:1px solid gray;
  }
  
#section_main {
  background-color:white;
  width:80%;
  margin:0em auto 0em auto;
  border:1px solid gray;
  }

#section_text {
  margin-left:60px;
  margin-right:60px;
  }
  
#image_unbuilding {
  float:right;
  background-image:url('media/menpandora.jpg');
  width:200px;
  height:267px;
  margin-left:1em;
}


#introtext {
  position:relative; 
  width:400px; 
  height:269px; 
  padding:0;
  overflow:hidden;
  }

#introtext em {
  display:block; 
  width:400px; 
  height:269px; 
  background:url(media/mainintro.gif); 
  position:absolute;
  top:0;
  left:0;
  }

h1 {
  color:#393939;
  font-size:230%;
  letter-spacing:0.1em;
  padding-bottom:0.2em;
  border-bottom:3px solid #393939;
  }
  
h2 {
  color:#1567d6;
  border-bottom:2px solid #1567d6;
  letter-spacing:0.20em;
  font-variant: small-caps;
  }

h2 a:link {
  color:#1567d6;
  text-decoration:none;
  }

h2 a:visited {
  color:#1567d6;
  text-decoration:none;
  }

h2 a:hover {
  color:black;
  text-decoration:none;
  }
  
h3 {
  color:#1567d6;
  border-bottom:2px solid #1567d6;
  letter-spacing:0.25em;
  font-variant: small-caps;
  }
  
h4 {
	color:#393939;
	font-size:x-large;
	margin-bottom:0em;
  }
  
p {
  text-align:justify;
  font-size:100%;
  text-indent:0.5em;
  line-height:170%;
  }
  
#content_printhelp {
	font-size:small;
}

.content_fp {
	font-weight:bold;
}

.content_dc {
	font-size:45px;
	color:#101010 ;
	font-weight:bold;
	float:left;
	height:34px;
	line-height:34px;
	margin-top:2px;
	margin-right:1px;
	text-indent:0px;
	}
  
#copyright {
  text-align:right;
  letter-spacing:0.2em;
  font-size:12px;
  padding-top:8px;
  padding-right:10px;
  color:white;
  margin-top:2em;
  background-image:url('media/footer.jpg');
  height:23px;
}

.content_navigation {
	text-align:center;
	margin-top:2em;
	margin-bottom:2em;
	clear:left;
}

.content_recap {
	padding-left:130px;
}

.content_recap li {
	font-weight:bold;
	line-height:150%;
	text-align:justify;
	margin-bottom:1em;
	width:95%;
}


.image_pencil {
	background-image:url('media/pencil.jpg');
	background-repeat:no-repeat;
	color:#333333;
	height:216px;
	width:100px;
	float:left;
	position:relative;
	margin-bottom:2em;
}

.quote {
	margin-left:10%;
	margin-right:10%;
	font-style:italic;
}

	
#contents_menu p {
	font-size:normal;
	text-indent:0em;
	margin-right:10px;
}

	
	
.menu_appendix { font-size:smaller; }
		
.menu_appendix li { margin-bottom:0.5em;list-style-image:url('graphics/bullet.gif'); }
.menu_appendix li:hover { list-style-image:url('graphics/bullet_color.gif'); }
.menu_appendix li a { text-decoration:underline;color:#002f6f;font-weight:normal; }
.menu_appendix li a:visited { color:#646464;; }
.menu_appendix li a:hover { text-decoration:none;color:white;background-color:#1567d6; }


.menu_faq { font-weight:bold;font-size:smaller; }
		
.menu_faq li { margin-bottom:0.5em; }
.menu_faq li a { text-decoration:underline;color:#002f6f;font-weight:normal; }
.menu_faq li a:visited { color:#646464;; }
.menu_faq li a:hover { text-decoration:none;color:white;background-color:#1567d6; }


.menu_links { font-weight:bold;font-size:smaller; }
	
.menu_links li { margin-bottom:0.5em; }
.menu_links li a { text-decoration:underline;color:#002f6f;font-weight:normal;font-style:normal; }
.menu_links li a:visited { color:#646464;; }
.menu_links li a:hover { text-decoration:none;color:white;background-color:#1567d6; }


.menu_printerversions { font-weight:bold;font-size:smaller; }
	
.menu_printerversions li { margin-bottom:5px;font-weight:normal; }
.menu_printerversions li a { text-decoration:underline;color:#002f6f;font-weight:normal;font-style:normal; }
.menu_printerversions li a:visited { color:#646464; }
.menu_printerversions li a:hover { text-decoration:none;color:white;background-color:#1567d6; }


.pdf {
	list-style-image:url('graphics/pdficon_small.gif');
	}

.odt {
	list-style-image:url('graphics/openoffice.gif');
	}


.chapTitle { font-size:large; }


#contents_menu p {
	font-size:90%;
	border:1px solid white;
	padding-right:5px;
	cursor:default;
	margin-bottom:20px;
}

#contents_menu p a:link {
	color:#646464;
	text-decoration:none;
}

#contents_menu p a:visited {
	color:#646464;
	text-decoration:none;
}


#contents_menu p:hover a:link {
	color:#002f6f;
	text-decoration:underline;
}

#contents_menu p:hover a:visited {
	color:#002f6f;
	text-decoration:underline;
}

#contents_menu p:hover a:hover {
	color:#1567d6;
}

#ch0 {
	padding-left:160px;
	background-image:url('media/menpandora.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch0:hover {
	background-image:url('media/menpandora.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch1 {
	padding-left:160px;
	background-image:url('media/menfrank.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch1:hover {
	background-image:url('media/menfrank.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch2 {
	padding-left:160px;
	background-image:url('media/menpushme.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch2:hover {
	background-image:url('media/menpushme.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch3 {
	padding-left:160px;
	background-image:url('media/menunicorn.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch3:hover {
	background-image:url('media/menunicorn.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch4 {
	padding-left:160px;
	background-image:url('media/menmedusa.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch4:hover {
	background-image:url('media/menmedusa.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch5 {
	padding-left:160px;
	background-image:url('media/menpsycho.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch5:hover {
	background-image:url('media/menpsycho.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch6 {
	padding-left:160px;
	background-image:url('media/menarthur.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch6:hover {
	background-image:url('media/menarthur.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch7 {
	padding-left:160px;
	background-image:url('media/menwowpolice.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch7:hover {
	background-image:url('media/menwowpolice.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch8 {
	padding-left:160px;
	background-image:url('media/mendracula.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch8:hover {
	background-image:url('media/mendracula.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch9 {
	padding-left:160px;
	background-image:url('media/menapes.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch9:hover {
	background-image:url('media/menapes.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch10 {
	padding-left:160px;
	background-image:url('media/menkingkong.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch10:hover {
	background-image:url('media/menkingkong.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch11 {
	padding-left:160px;
	background-image:url('media/mencindy.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch11:hover {
	background-image:url('media/mencindy.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch12 {
	padding-left:160px;
	background-image:url('media/menkraken.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch12:hover {
	background-image:url('media/menkraken.jpg');
	color:black;
	border: 1px solid #EEEEEE;
	
}

#ch13 {
	padding-left:160px;
	background-image:url('media/menbatcomputer.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch13:hover {
	background-image:url('media/menbatcomputer.jpg');
	color:black;
	border: 1px solid #EEEEEE;
	
}

#ch14 {
	padding-left:160px;
	background-image:url('media/menlawyers.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch14:hover {
	background-image:url('media/menlawyers.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch15 {
	padding-left:160px;
	background-image:url('media/mentrek.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch15:hover {
	background-image:url('media/mentrek.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch16 {
	padding-left:160px;
	background-image:url('media/mensnowhite.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch16:hover {
	background-image:url('media/mensnowhite.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch17 {
	padding-left:160px;
	background-image:url('media/menwinkle.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch17:hover {
	background-image:url('media/menwinkle.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch18 {
	padding-left:160px;
	background-image:url('media/menrainbow.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch18:hover {
	background-image:url('media/menrainbow.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch19 {
	padding-left:160px;
	background-image:url('media/mencupid.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch19:hover {
	background-image:url('media/mencupid.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch20 {
	padding-left:160px;
	background-image:url('media/mensuperman.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch20:hover {
	background-image:url('media/mensuperman.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch21 {
	padding-left:160px;
	background-image:url('media/mengoatman.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch21:hover {
	background-image:url('media/mengoatman.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch22 {
	padding-left:160px;
	background-image:url('media/menbigfoot.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch22:hover {
	background-image:url('media/menbigfoot.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch23 {
	padding-left:160px;
	background-image:url('media/menthor.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch23:hover {
	background-image:url('media/menthor.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch24 {
	padding-left:160px;
	background-image:url('media/mendragon.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch24:hover {
	background-image:url('media/mendragon.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}

#ch25 {
	padding-left:160px;
	background-image:url('media/menpegasus.jpg');
	background-repeat:no-repeat;
	color:#333333;
}

#ch25:hover {
	background-image:url('media/menpegasus.jpg');
	color:black;
	border: 1px solid #EEEEEE;
}


/* Bottom Menu */

		#bottomMenu {
			margin-left:auto;
			margin-right:auto;
			width:450px;
			clear:both;
		}
		
		#botttomMenu p {
		 text-align:center;
		}

		#bottomMenu p a:link {
			text-decoration:none;
			color:#646464;
		}

		#bottomMenu p a:visited {
			text-decoration:none;
		}
		
		#bottomMenu p a:hover {
			color:#002f6f;
			text-decoration:underline;
		}
		
		.linkBox {
			width:150px;
			padding-top:130px;
			border:0px solid gray;
			text-align:center;
			display:block;
			float:right;
			margin-top:20px;
			margin-bottom:30px;
			font-weight:bold;
			line-height:1.1em;
		}
		
		#linkPrint {
			background-image:url('media/printer_m.jpg');
			background-repeat:no-repeat;
		}

		#linkPrint:hover {
			background-image:url('media/printer_mc.jpg');
			background-repeat:no-repeat;
		}
		
		#linkContents {
			background-image:url('media/unflag.jpg');
			background-repeat:no-repeat;
		}

		#linkContents:hover {
			background-image:url('media/unflag_color.jpg');
			background-repeat:no-repeat;
		}

		#linkCh1 {
			background-image:url('media/menu_ch1.jpg');
			background-repeat:no-repeat;
		}

		#linkCh2 {
			background-image:url('media/menu_ch2.jpg');
			background-repeat:no-repeat;
		}
		
		#linkCh3 {
			background-image:url('media/menu_ch3.jpg');
			background-repeat:no-repeat;
		}

		#linkCh4 {
			background-image:url('media/menu_ch4.jpg');
			background-repeat:no-repeat;
		}

		#linkCh5 {
			background-image:url('media/menu_ch5.jpg');
			background-repeat:no-repeat;
		}

		#linkCh6 {
			background-image:url('media/menu_ch6.jpg');
			background-repeat:no-repeat;
		}

		#linkCh7 {
			background-image:url('media/menu_ch7.jpg');
			background-repeat:no-repeat;
		}

		#linkCh8 {
			background-image:url('media/menu_ch8.jpg');
			background-repeat:no-repeat;
		}

		#linkCh9 {
			background-image:url('media/menu_ch9.jpg');
			background-repeat:no-repeat;
		}

		#linkCh10 {
			background-image:url('media/menu_ch10.jpg');
			background-repeat:no-repeat;
		}

		#linkCh11 {
			background-image:url('media/menu_ch11.jpg');
			background-repeat:no-repeat;
			
		}

		#linkCh12 {
			background-image:url('media/menu_ch12.jpg');
			background-repeat:no-repeat;
			
		}

		#linkCh13 {
			background-image:url('media/menu_ch13.jpg');
			background-repeat:no-repeat;
		}
		
		#linkCh1:hover {
			background-image:url('media/menu_ch1c.jpg');
			background-repeat:no-repeat;
		}

		#linkCh2:hover {
			background-image:url('media/menu_ch2c.jpg');
			background-repeat:no-repeat;
		}
		
		#linkCh3:hover {
			background-image:url('media/menu_ch3c.jpg');
			background-repeat:no-repeat;
		}

		#linkCh4:hover {
			background-image:url('media/menu_ch4c.jpg');
			background-repeat:no-repeat;
		}

		#linkCh5:hover {
			background-image:url('media/menu_ch5c.jpg');
			background-repeat:no-repeat;
		}

		#linkCh6:hover {
			background-image:url('media/menu_ch6c.jpg');
			background-repeat:no-repeat;
		}

		#linkCh7:hover {
			background-image:url('media/menu_ch7c.jpg');
			background-repeat:no-repeat;
		}

		#linkCh8:hover {
			background-image:url('media/menu_ch8c.jpg');
			background-repeat:no-repeat;
		}

		#linkCh9:hover {
			background-image:url('media/menu_ch9c.jpg');
			background-repeat:no-repeat;
		}

		#linkCh10:hover {
			background-image:url('media/menu_ch10c.jpg');
			background-repeat:no-repeat;
		}

		#linkCh11:hover {
			background-image:url('media/menu_ch11c.jpg');
			background-repeat:no-repeat;
			
		}

		#linkCh12:hover {
			background-image:url('media/menu_ch11c.jpg');
			background-repeat:no-repeat;
		}
		
        #linkCh13:hover {
			background-image:url('media/menu_ch11c.jpg');
			background-repeat:no-repeat;
			
		}
		
		#copyright { clear:both; }
		
		.bottomLine { clear:both;width:100%;background-color:gray;height:1px;border-style:inset;border:1px; }


.content_list li {
		line-height:200%;
		width:90%;
		text-align:justify;
		margin-bottom:1em;
}

.content_itemslist li {
		line-height:200%;
}

.box {
		border:1px solid gray;
		padding:0% 4% 2% 4%;
		margin:0% 2% 0% 2%;
		background-color:#fffaf3;
}

.box h4 {
		font-size:120%;
}

.box p {
		font-size:90%;
}

.chartLink {
		float:right;
		padding:4px;
		text-align:center;
		font-size:smaller;
		margin-left:1em;
		margin-bottom:0.5em;
}

.chartLink a {
		text-decoration:none;
		color:gray;
}

.chartLink img {
		width:220px;
}

.letterwrap {
		border:1px solid gray;
		margin-left:2em;
		margin-right:2em;
		background-color:#efefef;
}

.letterwrap p {
		font-weight:bold;
}

.scan {
	border:1px solid black;
}