#ex	{border: 1px solid #ff7d2d; width: 276px; background: #e9effd;}

#alert{
	float: right;
	width: 250px;
	font-size: 85%;
	background: #ffffe1;
	border: 1px solid #666;
	padding: 5px;
}

div.explanation{ background-color: #FEFEFE; border: 1px solid #C8C8C8; padding: 5px 8px; }
div.explanation p{ margin: 5px 0 10px; padding: 0; }
div.code{ background-color: #fff; padding: 5px 8px; border: 1px solid #C8C8C8;	}
div.code pre{ margin: 0; padding: 0; }
div.code code{ background: white; color: black; }
#footer{ font-size: 85%; color: #BBBBBB; }
#footer a{ color: #BBBBBB; }
.spacer{ margin-top: 45px; }

img.image{ display: none; }

dl#wmap{
	margin: 0;
	padding: 0;
	background: transparent url(../images/map.gif) top left no-repeat;
	height: 173px;
	width: 276px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */
dd#moroccoDef{ top: 75px; left: 122px; }
dd#moroccoDef a{ position: absolute; width: 15px; height: 15px; text-decoration: none;}
dd#moroccoDef a span{ display: none; }
dd#moroccoDef a:hover{ position: absolute; width: 272px; height: 258px; background: transparent url(../images/moroccomap.gif) 0px 0px no-repeat; top: 0px; left: -261px;}
dd#moroccoDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #e9effd;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	border: 1px solid #000000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 70%;
}

dd#italyDef{ top: 70px; left: 137px; }
dd#italyDef a{ position: absolute; width: 12px; height: 12px; text-decoration: none;}
dd#italyDef a span{ display: none; }
dd#italyDef a:hover{ position: absolute; width: 260px; height: 286px; background: transparent url(../images/italymap.gif) 0px 0px no-repeat; top: 0px; left: -241px;}
dd#italyDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #e9effd;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	border: 1px solid #000000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 70%;
}

dd#asiaDef{ top: 107px; left: 205px; }
dd#asiaDef a{ position: absolute; width: 15px; height: 15px; text-decoration: none;}
dd#asiaDef a span{ display: none; }
dd#asiaDef a:hover{ position: absolute; width: 300px; height: 260px; background: transparent url(../images/se-asia-map.gif) 0px 0px no-repeat; top: 0px; left: -258px;}
dd#asiaDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #e9effd;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	border: 1px solid #000000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 70%;
}

dd#verdeDef{ top: 88px; left: 107px; }
dd#verdeDef a{ position: absolute; width: 15px; height: 15px; text-decoration: none;}
dd#verdeDef a span{ display: none; }
dd#verdeDef a:hover{ position: absolute; width: 272px; height: 292px; background: transparent url(../images/capeverdemap.gif) 0px 0px no-repeat; top: 0px; left: -258px;}
dd#verdeDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #e9effd;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	border: 1px solid #000000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 70%;
}

dd#egyptDef{ top: 78px; left: 147px; }
dd#egyptDef a{ position: absolute; width: 15px; height: 15px; text-decoration: none;}
dd#egyptDef a span{ display: none; }
dd#egyptDef a:hover{ position: absolute; width: 272px; height: 223px; background: transparent url(../images/egyptmap.gif) 0px 0px no-repeat; top: 0px; left: -258px;}
dd#egyptDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #e9effd;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	border: 1px solid #000000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 70%;
}

dd#caribbeanDef{ top: 90px; left: 68px; }
dd#caribbeanDef a{ position: absolute; width: 15px; height: 15px; text-decoration: none;}
dd#caribbeanDef a span{ display: none; }
dd#caribbeanDef a:hover{ position: absolute; width: 280px; height: 218px; background: transparent url(../images/caribbeanmap.gif) 0px 0px no-repeat; top: 0px; left: -268px;}
dd#caribbeanDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #e9effd;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	border: 1px solid #000000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 70%;
}

dd#brazilDef{ top: 110px; left: 98px; }
dd#brazilDef a{ position: absolute; width: 15px; height: 15px; text-decoration: none;}
dd#brazilDef a span{ display: none; }
dd#brazilDef a:hover{ position: absolute; width: 285px; height: 285px; background: transparent url(../images/brazilmap.gif) 0px 0px no-repeat; top: 0px; left: -268px;}
dd#brazilDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #e9effd;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	border: 1px solid #000000;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 70%;
}

.mapinfo	{font-size: 11px; padding: 2px; width: 100%;}