/* ShaunaKelly.com/Travel/Africa2001/Africa2001.css */
/* Africa.css, for the Africa 2001 website*/
/* Copyright Shauna Kelly, 2001, 2002 */
/* Use as follows
<link rel="stylesheet" type="text/css" href="../Africa.css">
*/
HTML { margin: 0; background: white }  /*Don't change this. Use BODY to change it. */
BODY {
	margin: 0;
	font-family: arial, helvetica, verdana, sans-serif ;
	color: black;
	cursor: default;
	background: rgb(102,000,000);
}
H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL
{ display: block }
B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, IMG, SPAN
{ display: inline }
TABLE { display: table }
TR { display: table-row }
THEAD { display: table-header-group }
TBODY { display: table-row-group }
TFOOT { display: table-footer-group }
COL { display: table-column }
COLGROUP { display: table-column-group }
TD, TH { display: table-cell }
CAPTION { display: table-caption }
TH { font-weight: bolder; text-align: center }
B, STRONG { font-weight: bolder }
I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE { font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }
PRE { white-space: pre }
ADDRESS { margin-left: 3px }
BLOCKQUOTE { margin-left: 3px; margin-right: 3px }
DIR { list-style: disc outside }
MENU { margin: 0 }

/* Following from http://www.richinstyle.com/masterclass/perfection.html */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL
	{font-size: 12px; font-family: sans-serif}
ADDRESS {margin: 0;}
BIG {font-size: 10px}
BLOCKQUOTE {line-height: 10px}
/*  HORIZONTAL LINES  */
HR { border-top: medium groove #C0C0C0;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}
/* ---- Headings ---- */
H1 {
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold ;
	font-style: normal;
	color: white;
	text-align: left;
	padding: 0px 0px 10px 0px;
	letter-spacing: -1pt;
	line-height: 32px;
	margin: 0 50px 15px 50px;
	border-bottom: 2px #FF6633 solid;
}
H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold ;
	font-style: normal;
	color: #C0C0C0;
	text-align: left;
	margin: 0px;
	padding: 0px;
	letter-spacing: 0pt;
	line-height: 10px;
	}
H3 {
	font-family: Arial , Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold ;
	font-style: normal;
	color: #333300;
	text-align: left;
	padding: 6px 70px 0px 16px;
	margin: 0 0 0 0px;
	background: white;
	letter-spacing: -1pt;
	line-height: 18px;
}
H3.InTable {
	padding-left: 0px;
}
H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold ;
	font-style: italic;
	color: #000099;   /*blue-ish*/
	text-align: right;
	padding: 0px 50px 20px 15px;
	margin: 0px 0px 0px 0px;
	background: white;
	letter-spacing: -1pt;
	line-height: 14px;
}
/* --- Paragraph definitions  --- */
P {	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 16px;
	padding: 0;
	margin: 12px 0 12px 0px;
	color: black;
	background: white;
}
P.Caption {
	font-size: 11px;
	color: #000066;
	line-height: 13px;
	margin: 0px 0px 12px 0px;
}
P.HomePage {
	color: white;
	background: rgb(102,0,0);
	margin: 12px 0 12px 0px;
}
P.Content {
	padding: 6px 70px 6px 16px;
	margin: 0px 0px 0px 0px;
}
P.ClickOnMap {
	/* see ieonly.css */
	font-size: 12px;
	background: rgb(102,0,0);
	color: #FF9966;
	color: rgb(102,0,0);
	margin: 0;
	padding:0;
	width: 50px;
}
/* ---  Lists and bullets ---*/
/* Following from http://www.richinstyle.com/masterclass/perfection.html */
LI {margin: 0em 0% 0em 0%; line-height: 1}
OL {margin: 0em 0% 0em 5%; list-style: circle}
UL UL OL OL, UL OL UL OL, OL UL OL OL, OL OL UL OL, OL UL OL, OL OL {list-style: circle}
OL UL OL OL, OL OL UL OL, UL OL OL OL, OL OL OL {list-style: circle}
OL OL OL OL {list-style: circle}
UL {
	list-style: disc outside ;
	font-weight: normal;
	padding: 0px 10px 0 10px;
	margin: 0 0 0 40px;  /* at least 20px for the dot */
	color: black;
	}
LI {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding: 6px 20px 6px 16px;
	color: black;
}
LI.NoSpace {
	padding-bottom: 0;
}
/* -----  LINKS ------  */
A {
	color: blue;
	background: white;
	text-decoration: underline;
	padding: 0px;
}
A.Normal:link {
	color: blue;
	background: white;
	text-decoration: underline;
	padding: 0px;
}
A.Image:link {
	/*Avoid blue border from NS on Lions.htm*/
	color:white;
	background:white;
	text-decoration:underline;
	padding:0px;
}
A.Normal:visited {
	color:#C0C0C0;
	color:#666666;
	background:white;
	text-decoration:underline;
	padding:0px;
}
A.Normal:active {
	color:#C0C0C0;
	background:white;
	text-decoration:underline;
	padding:0px;
}
A
{
color:#FF9966;
}
A.Normal:hover {
	color:blue;
	background:#C0C0C0;
	padding:0px;
	text-decoration:underline;
}
/* Menu items for the main shared menu bar*/
P.Button {
	font-size:12px;
	background:rgb(102,0,0);
	padding:4px 0px 0px 0px;
	margin:0;
	width:140px;
}
P.ButtonIndent {
	font-size:12px;
	background:rgb(102,0,0);
	padding:0px 0px 0px 20px;
	margin:0;
	width:140px;
}
P.FakeButton {
	font-size:12px;
	background:rgb(102,0,0);
	color:#FF9966;
	padding:4px 0px 0px 0px;
	margin:0;
	width:140px;
}
A.MenuItem:link {
	font-size:12px;
	color:#FFCC99;
	background:rgb(102,0,0);
	text-decoration:none;
	padding:0;
	margin:0;
}
A.MenuItem:visited {
	font-size:12px;
	color:#FF9966;
	background:rgb(102,0,0);
	text-decoration:none;
	padding:0;
	margin:0;	
}
A.MenuItem:active {
	font-size:12px;
	color:#FF9966;
	background:rgb(102,0,0);
	text-decoration:none;
	padding: 0;
	margin:0;
}
A.MenuItem:hover {
	font-size:12px;
	color:rgb(102,0,0);
	background:#FFCC99;
	font-weight:bold;
	text-decoration:none;
	padding:0px;
	margin:0;
}
Span.CurrentMenuItem {
	font-weight:bold;
	color:white;
}

/* ---   TABLES  --- */
TABLE {
	border:none;
	padding:0;
	margin:0;
}
TD {
	padding:0px;
	margin:10px 10px 0 10px;
	background:white;
	vertical-align:top;
}
/* ---- Divs, Tables and TDs for the African pages ---- */
Div.Africa {
			margin:0px 10px 0px 10px;
			padding: 10px 0 0 0;
}
Table.Africa { 	background:rgb(102,0,0);
			width:760px;
			/*Screen=780px. Div.Africa=20px. So 760px.*/
}
/* 760=150 + 610 */
TD.MenuBar 	{ width:150px;
			background:rgb(102,0,0);
			}
TD.Content 	{ width:610px;
}
/* TD.Content contains nothing but a table, Table.Content, also 610 wide */
Table.Content {
			width:610px;
			background:white;
}
/*Table.Content may contain one to three TDs:
full width, or
one each of narrow and wide, or
two horizontal images + ThinText */
TD.WideImage {
			border:12px white solid;
			background:white;
}
TD.NarrowImage {
			border:12px white solid;
			background:white
}
TD.TwoHorizontalImagesLeft 	{
			border:12px white solid;
			background:white;
			padding:0px 0px 10px 0px;
			margin:0px;
}
TD.TwoHorizontalImagesRight	{
			border:12px white solid;
			background:white;
			padding:0px 0px 10px 0px;
			margin:0px 0px 0px 0px;
}
TD.NarrowText {
	width:322px;
	padding:10px 50px 0px 10px;
	background:white;
}
TD.WideText 	{
	width:418px;
	padding:10px 20px 0px 10px;
	background:white;
}
TD.ThinText {
/* Use thin text with two narrow images */
	width:226px;
	padding:10px 20px 0px 0px;
	background:white;
}
TD.FullText {
	width:610px;
	padding:10px 20px 0px 10px;
	background:white;
}
/* ---  Images--- */
img	{
	margin-bottom:15px;
}
img.HomePage{
	margin:0px;
	width:410px;
}