html, body {
	height:100%;
}

html>body .box
{
width: auto;
min-width: 40px;
} 
img {border:0}

body {
	overflow-y: auto;
	overflow-x: auto;
	background-color: #363636;
	margin:0;
}

.bogusRule {
	width:100%;
	height:1px;
	color:#cdcdcd;
	background-color:#cdcdcd;
}

.topRuleIcons {
	float:right;
	right:0px;
	color:#595959;
	font-size:11px;
}

.affilIcon {
	position:inherit;
	vertical-align:baseline;
}

div.affiliation span.left {
  position:relative;
  float: left;
  text-align: left;
  vertical-align:bottom;
  font-weight: normal;
  color:#F3DCA5;
  height:auto;
  }

div.affiliation span.right {
  position:relative;
  right:10px;
  float: right;
  text-align: right;
  vertical-align:bottom;
  font-weight: normal;
  font-size:90%;
  width: 150px;
  color:#F3DCA5;
  height:auto;
  }

a.affiliation:link {color: #595959; text-decoration:none; cursor:hand; vertical-align:18%;}
a.affiliation:visited {color: #595959; text-decoration:none; cursor:hand; vertical-align:18%;}
a.affiliation:hover {color: #1B6DC4; text-decoration:underline; background-color:#ffffff; cursor:hand; vertical-align:18%;}
a.affiliation:active {color: #1B6DC4; text-decoration:none; background-color:#ffffff; cursor:hand; vertical-align:18%;}


.header {
	overflow-y: auto;
	overflow-x: auto;
	background-color: #363636;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
}

.HOAcrest {
	position:absolute;
	left:10px;
	top:-50px;
	z-index:2;
}
img.HOAcrest {
	position:absolute;
	left:20px;
	top:4px;
	z-index:2;
}

img.mapCrest {
	position:absolute;
	left:135px;
	top:5000px;
	z-index:2;
}

#flashMap {
	z-index=1;
}

.articlePhoto {
	position:relative;
	right:0px;
	top:75px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	border-bottom:3px;
	border-bottom-color:#000000;
	border-bottom-style:solid;
}

.archiveLinks {
	font-size:12px;	
}

.articlePhotoCaption {
	font-size:10px;
	color:#555555;
	line-height:10px;
}

.activityBlurb {
	font-size:10px;
	color:#555555;
	line-height:10px;
	margin-top:5px;
}

.HOAheaderText {
	font-weight: normal;
	font-family:"Times";
	font-size: 18px;
	letter-spacing:.25em;
	color: #FFFFFF;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	top:20px;
	left:0px;
	text-align:center;
	z-index:3;
}

.HOAdirectorText {
	font-weight: normal;
	font-family:"Times";
	font-size: 12px;
	letter-spacing:.3em;
	color: #FFFFFF;
	margin-top:15px;
	position:relative;
	top:10px;
	left:0px;
	z-index:3;
}
a.HOAdirectorText:link {color: #ffffff; text-decoration:none;}
a.HOAdirectorText:visited {color: #ffffff; text-decoration:none;}
a.HOAdirectorText:hover {color : #F09300; text-decoration:none;}
a.HOAdirectorText:active {color: #F09300; text-decoration:none;}

.mapDirectorText {
	font-weight: normal;
	font-family:"Times";
	font-size: 12px;
	color: #F09300;
	position:relative;
	top:10px;
	left:13px;
	z-index:3;
}
a.mapDirectorText:link {color: #F2D79D; text-decoration:none;}
a.mapDirectorText:visited {color: #F2D79D; text-decoration:none;}
a.mapDirectorText:hover {color : #F09300; text-decoration:none;}
a.mapDirectorText:active {color: #F09300; text-decoration:none;}

.menuSpace {
	background-color:#363636;
	height:18px;
	font-weight: bold;
	font-family:"Verdana";
	font-size: 10px;
	color: #F2D79D;
	margin-left:10px;
	margin-right:10px;
}
a.menuSpace:link {color: #F2D79D; text-decoration:none;}
a.menuSpace:visited {color: #F2D79D; text-decoration:none;}
a.menuSpace:hover {color:#F09300; text-decoration:underline;}
a.menuSpace:active { color: #F09300; text-decoration:none;}

.leftPane {
	font: 8pt/8pt arial;
	font-weight:bold;
	margin-left:5px;
	color: #F2D79D;
	text-align:left;
	top:-40px;
	width:180px;
	height:100%;
}
a.leftPane:link {color: #F2D79D; text-decoration:none;}
a.leftPane:visited {color: #F2D79D; text-decoration:none;}
a.leftPane:hover {color: #F09300; text-decoration:none;}
a.leftPane:active {color: #F09300; text-decoration:none;}

.leftPaneAfricomHome {
	font: 8pt/8pt arial;
	font-weight:bold;
	margin-left:5px;
	color: #F2D79D;
	text-align:left;
	top:-40px;
	width:180px;
	position:relative;
	top:-7px;
}
a.leftPaneAfricomHome:link {color: #F2D79D; text-decoration:none;}
a.leftPaneAfricomHome:visited {color: #F2D79D; text-decoration:none;}
a.leftPaneAfricomHome:hover {color: #F09300; text-decoration:none;}
a.leftPaneAfricomHome:active {color: #F09300; text-decoration:none;}

.leftIndent {
	margin-left:5px;
}

.centerPaneHeading {
	font-weight: normal;
	background-color: #Ffffff;
	font-family: "Times", serif;
	font-size: 18px;
	font-weight:normal;
	letter-spacing:.2em;
	color: #8B5500;
	line-height: 30px;
	margin:10px;
}

.centerPaneHeadingFresh {
	font-size: 18px;
	font-weight:bold;
	color:  #F3DCA5;
	line-height: 30px;
	margin:10px;
}

.centerPane {
	font-weight: normal;
	background-color: #Ffffff;
	font-family: "arial", sans serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	width=100%;
	margin:10px;
}
.centerPaneSource {
	font-weight: normal;
	font-family: "arial", sans serif;
	font-size: 12px;
	line-height: 18px;
	width=100%;
	margin:10px;
}
.centerPaneFresh {
	font-weight: normal;
	font-family: "arial", sans serif;
	font-size: 12px;
	color: #F3DCA5;
	line-height: 18px;
	width=100%;
	margin:10px;
}
.centerPaneSmall {
	font-size: 11px;
	line-height: 14px;
}
.centerLink a:link {color: #000000; text-decoration:underline; cursor:hand;}
.centerLink a:visited {color: #000000; text-decoration:underline; cursor:hand;}
.centerLink a:hover {color: #0000ff; text-decoration:none; background-color:#666; cursor:hand;}
.centerLink a:active {color: #0000ff; text-decoration:none; background-color:#aaa; cursor:hand;}

a.centerLinkFresh:link {color: #000000; text-decoration:underline; cursor:hand;}
a.centerLinkFresh:visited {color: #000000; text-decoration:underline; cursor:hand;}
a.centerLinkFresh:hover {color: #0000ff; text-decoration:none; cursor:hand;}
a.centerLinkFresh:active {color: #0000ff; text-decoration:none; cursor:hand;}

a.articleSourceLink:link {font-size:8pt; color: #000000; text-decoration:underline;}
a.articleSourceLink:visited {font-size:8pt; color: #000000; text-decoration:underline;}
a.articleSourceLink:hover {font-size:8pt; color: #Ffffff; text-decoration:none; background-color:#000000;}
a.articleSourceLink:active {font-size:8pt; color: #Ffffff; text-decoration:none; background-color:#000000;}

.centerPaneExternal {
	font-variant:italic;
	color: #D46E00;
}

.centerPaneSeparator {
	background-image:url('../../images/centerPaneSeparator.gif');
	background-repeat: repeat-x;
}

.activitiesHeading {
	font-weight: bold;
	background-color: #Ffffff;
	font-family: "Times", serif;
	font-size: 13px;
	font-variant:small-caps;
	font-weight:normal;
	letter-spacing:.2em;
	color: #653E00;
	line-height: 1px;
	margin:10px;
}

.activities {
	font-weight: normal;
	background-color: #Ffffff;
	font-family: "arial", sans serif;
	font-size: 11px;
	color: #000000;
	line-height: 12px;
	width=100%;
	margin:10px;
}

.activitiesFresh {
	font-weight: normal;
	font-family: "arial", sans serif;
	font-size: 11px;
	color: #000000;
	line-height: 12px;
	width=100%;
	margin:10px;
}

.topStoriesHeading {
	font-weight: Bold;
	background-color: #Ffffff;
	font-family: "Arial", serif;
	font-size: 14px;
	letter-spacing:.2em;
	color: #000000;
	line-height: 18px;
	margin:10px;
}

.topStories {
	font-weight: normal;
	background-color: #Ffffff;
	font-family: "Arial", serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	margin:10px;
}

.topFreshStories {
	font-weight: normal;
	font-family: "Arial", serif;
	font-size: 12px;
	color:#b7b7b7;
	line-height: 18px;
	margin:10px;
}

div.topStoryDateline
{
  color: #CA6400;
}

.rightPane {
	width:197px;
	font-weight: normal;
	background-color: #363636;
	font-family:"Verdana";
	font-size: 9px;
	color: #F2D79D;
	margin-left:5px;
	margin-right:5px;
	line-height:12px;
}
a.rightPane:link {color: #F2D79D; text-decoration:underline;}
a.rightPane:visited {color: #F2D79D; text-decoration:underline;}
a.rightPane:hover {color: #F09300; text-decoration:none;}
a.rightPane:active {color: #F09300; text-decoration:none;}

.image1 {
	position: absolute;
	top: -20px;
}

.largeRSSicon {
	position:relative;
	float:right;
	top:-40px;
	right:12px;
	z-index:20;
}

.highlightFieldset {
	background-color:orange;
	color:#363636;
}
a.highlightFieldset:link {
	text-decoration:none;
	color:#363636;
}
a.highlightFieldset:visited {
	text-decoration:none;
	color:#363636;
}
a.highlightFieldset:hover {
	text-decoration:none;
	color:#ffffff;
}
a.highlightFieldset:active {
	text-decoration:none;
	color:#ff0000;
}
/************************************************

                     PHOTOS

************************************************/
img.photo
{
  padding: 5px; 
  background-color:#cdcdcd;
  border: 1px darkgray solid;
  float:center;
  margin-top:5px;
  margin-left:5px;
  margin-right:10px;
}
img.photoRight
{
  padding: 2px; 
  background-color:#cdcdcd;
  border: 1px darkgray solid;
  float:left;
  margin-top:2px;
  margin-left:2px;
  margin-right:2px;
}

#captionGallery
{
  color: #595959;
  font-size: 90%;
  margin-right:10px;
  margin-left:10px;
  text-align:left;
}

div.caption
{
  color: #595959;
  font-size: 90%;
  margin-right:10px;
  margin-left:10px;
  text-align:left;
}
a.caption:link {color: #595959; text-decoration:none;}
a.caption:visited {color: #595959; text-decoration:none;}
a.caption:hover {color: #6C78D2; text-decoration:none;}
a.caption:active {color: #595959; text-decoration:none;}

div.caption-marker
{
  float: left; 
  margin-right: 0.2em;
  text-align: left;
}
div.caption-text
{
  float: right;
  clear: right;
  margin-right:10px;
  margin-left:5px;
  text-align: left;
  padding: 5px;
  color: #595959;
  font-size: 80%;
/****
  width:300px;
****/
}
div.caption-textRight
{
  float: left;
  clear: left;
  margin-right:5px;
  margin-left:5px;
  text-align: left;
  padding:2px;
  color: #595959;
  font-size: 80%;
  width:300px;
}
div.copyright
{
  clear:right;
  float: right;
  color: #595959;
  font-size:80%;
  font-family: "Franklin Gothic Book", Verdana;
  margin-right:10px;
}
div.copyrightRight
{
  clear:left;
  float: left;
  color: #595959;
  font-size:80%;
  font-family: "Franklin Gothic Book", Verdana;
  margin-right:2px;
  margin-left:2px;
}

legend.copyrightRight
{
  clear:left;
  float: left;
  color: #595959;
  font-size:80%;
  font-family: "Franklin Gothic Book", Verdana;
  margin-right:2px;
  margin-left:-2px;
}

td.caption
{
  color: #595959;
  font-size: 90%;
  margin-right:10px;
  margin-left:10px;
  text-align:left;
}
a.caption:link {color: #595959; text-decoration:none;}
a.caption:visited {color: #595959; text-decoration:none;}
a.caption:hover {color: #6C78D2; text-decoration:none;}
a.caption:active {color: #595959; text-decoration:none;}

img.smallPhoto
{
  float:left;
  padding: 3px;
  background-color:#cdcdcd;
  border: 1px darkgray solid;
  margin-top:4px;
  margin-left:0px;
  margin-right:5px;
}

.articlePhotoFieldset {
  position:relative;
  top:-8px;
}


/************************************************

                 END OF PHOTOS

************************************************/
/************************************************

                 BLOG CONTENT

************************************************/
.blogInput {
background-color:#FFFCDB;
color:#684000;
font-weight:bold;
}
.blogSmallText {
	font-size:80%;
	color:gray;
}
.blogLink {
	float:right;
	font-size:90%;
}
a.blogLink:link {color: #000000; text-decoration:underline; cursor:hand;}
a.blogLink:visited {color: #000000; text-decoration:none; cursor:hand;}
a.blogLink:hover {color: #0000ff; text-decoration:none; background-color:#ffffff; cursor:hand;}
a.blogLink:active {color: #0000ff; text-decoration:none; background-color:#ffffff; cursor:hand;}

a.blogIndexLink:link {color: #000000; text-decoration:underline; cursor:hand;}
a.blogIndexLink:visited {color: #000000; text-decoration:none; cursor:hand;}
a.blogIndexLink:hover {color: #0000ff; text-decoration:none; background-color:#ffffff; cursor:hand;}
a.blogIndexLink:active {color: #0000ff; text-decoration:none; background-color:#ffffff; cursor:hand;}

.africomDialogueHeading {
	font-family:"Times New Roman", Times, serif;
	font-size:14pt;
	letter-spacing:.4em;
	color:#8B5500;
	margin-top:20px;
	margin-left:10px;
}

.africomDialogueHeadline {
	font-family:Verdana, Arial, sans-serif;
	font-size:10pt;
	letter-spacing:.1em;
	color:#8B5500;
}

.africomDialogueDescr {
	font-family:Verdana, Arial, sans-serif;
	font-size:9px;
	color:F2D79D;
}

.dialogueIndex {
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	margin-left:10px;
	line-height:11px;
	color:F2D79D;
}

	.rightfieldset 	{margin-bottom:3px;}
	.rightfieldset 	{font-family:Arial;}
	.rightfieldset 	{font-size:9px;}
	.rightfieldset 	{color:#F2D79D;}
	.rightfieldset P {
		font-size:9px;
		color:F2D79D;
	}

.blogFieldset 	{
	margin: 5px; 
	font-family:Arial;
	font-size:90%;
	color:#464646;
}
.blogFieldContent 	{
	margin:5px;
}
a.blogFieldLink:link {color: #464646; text-decoration:underline; cursor:hand;}
a.blogFieldLink:visited {color: #464646; text-decoration:underline; cursor:hand;}
a.blogFieldLink:hover {color: #0000ff; text-decoration:none; background-color:#ffffff; cursor:hand;}
a.blogFieldLink:active {color: #0000ff; text-decoration:none; background-color:#ffffff; cursor:hand;}

.dialogueRightPaneHeading {
	font-family:Arial Narrow;
	font-size:12pt;
	margin-left:0px;
	margin-right:5px;
	z-index:3;
	letter-spacing:.25em;
	color:#DFD79D;
}
a.dialogueRightPaneHeading:link {color: #F2D79D; text-decoration:none; cursor:hand;}
a.dialogueRightPaneHeading:visited {color: #F2D79D; text-decoration:none; cursor:hand;}
a.dialogueRightPaneHeading:hover {color: #F09300; text-decoration:underline; cursor:hand;}
a.dialogueRightPaneHeading:active {color: #F09300; text-decoration:none; cursor:hand;}


/************************************************

                 END OF BLOG CONTENT

************************************************/
/************************************************

                 VIDEO CONTENT

************************************************/

.videoFieldset 	{
	width:300px;
	font-family:Arial;
	font-size:90%;
	color:#B7B7B7;
	margin: 10px; 
	margin-bottom:20px;
	text-align:left;
}
.videoFieldContent 	{
	margin:5px;
	float:left;
	clear:right;
	font-family:Arial;
	color:#464646;
	text-align:left;
}

/************************************************

                 END OF VIDEO CONTENT

************************************************/
/************************************************

                 ACTIVITIES CONTENT

************************************************/

.activityFieldset 	{
	width:300px;
	font-family:Arial;
	font-size:90%;
	color:#B7B7B7;
	margin:10px;
	margin-bottom:20px;
	text-align:left;
}
.smallGalleryFieldset 	{
	width:300px;
	font-family:Arial;
	font-size:90%;
	color:#B7B7B7;
	margin:10px;
	margin-bottom:20px;
	text-align:left;
}
.activityFieldContent 	{
	margin:5px;
	color:#000000;
	float:left;
	clear:right;
	font-family:Arial;
	text-align:left;
}

/************************************************

                 END OF ACTIVITIES CONTENT

************************************************/

.fill {
	background-color:#363636;
	height:auto;
	padding-bottom:20010px;
	margin-bottom:20000px;
	font-weight: normal;
	font-family:  Georgia, Times, serif;
	font-size: 9px;
	font-style:normal;
	text-align:left;
	color: #000000;
}

.footer {
	position:static;
	bottom:0px;
	font-weight: normal;
	font-family:  Georgia, Times, serif;
	font-size: 9px;
	font-style:normal;
	text-align:left;
	color: #000000;
}

.contact {
	font-weight: normal;
	font-family:  Georgia, Times, serif;
	font-size: 11px;
	text-align: left;
	color: #000000;
	line-height: 1.4em;
}


#navigation {
	position:absolute;
	font-family: lucida unicode, lucida grande, trebuchet ms, verdana, helvetica, arial, sans-serif;
	font-size: 9pt;
    color: #000000;
	top: 230px;
    margin-top: 10px; 
    margin-bottom: 10px;
    font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	text-align: Left;
	line-height: 1.8em;
}

.headerSeparator {
	width: 100%;
	height:1px;
	background-color:#F1D79D;
}

.orangeSeparator {
	background-image:url('../../images/orangeDot.gif');
	background-repeat: repeat-y;
}

.verticalSeparatorLeft {
	background-image:url('../../images/verticalSeparatorLeft.gif');
	background-repeat: repeat-y;
	background-position:right;
}

.verticalSeparatorRight {
	background-image:url('../../images/verticalSeparatorRight.gif');
	background-repeat: repeat-y;
	background-position:left;
}

input.btn {
	font-family: lucida unicode, lucida grande, trebuchet ms, verdana, helvetica, arial, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color: #ffffff;
	background-color:#6c120a;
}

input.inactive {
	font-family: lucida unicode, lucida grande, trebuchet ms, verdana, helvetica, arial, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color: #000000;
	background-color:#614644;
}

.sectionHead {
	font-family: "Georgia", "Times", serif;
	font-size: 16pt;
	margin-top:1em;
	font-weight: normal;
	font-style: normal;
	color: #F2A122;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0.2em;
	line-height: 1.5em;
}

.paragraphHead {
	font-family: "Georgia", "Times", serif;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	color: #F2A122;
	text-align: left;
	line-height: 1.0em;
	margin-bottom:0.5em;
	letter-spacing: 0.12em;
}
.paragraphBlack {
	font-family: "Georgia", "Times", serif;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-align: left;
	line-height: 1.0em;
	margin-bottom:0.5em;
	letter-spacing: 0.12em;
}
a.pHead:link {color: #F2A122; text-decoration:underline;}
a.pHead:visited {color: #C97B00; text-decoration:underline;}
a.pHead:hover {color: #000000; text-decoration:underline;}
a.pHead:active {color: #F2A122; text-decoration:underline;}

.toolHead {
	font-family: "Georgia", "Times", serif;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	color: #F2A122;
	text-decoration: none;
	text-align: left;
	letter-spacing: 0.2em;
	line-height: 1.5em;
}

.hoaSolicitation {  
  	color: #000000;
	margin-top: 1px; 
	background-color:#FFEED2;
	font-size:9pt;
	border:1px #945D02 solid;
}
	
.heroTitle {  
	text-align:center;
  	color: #F2D79D;
	margin-top: 1px; 
	background-color:#363636;
	font-size:16pt;
	font-variant:small-caps;
	font-family:"Times";
	letter-spacing:.3em;
}

.heroIdentifier {  
	text-align:center;
  	color: #CA6400;
	margin-top: 1px; 
	background-color:#363636;
	font-size:12pt;
	font-variant:small-caps;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:.2em;
	line-height:14px;
}
.heroSubtitle {  
	text-align:center;
  	color: #F2D79D;
	margin-top: 1px; 
	background-color:#363636;
	font-size:10pt;
	font-variant:small-caps;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:.2em;
	line-height:14px;
}
.herobody {  
	font-weight: normal;
	background-color: #363636;
	font-family:"Verdana";
	font-size: 9px;
	color: #F2D79D;
	margin-left:5px;
	margin-right:5px;
	line-height:12px;
}
#smallNoteText {
	font-family:"Arial";
	font-size: 11px;
}

#seeArticleArchives {
	font-family:"Arial";
	font-size: 11px;
	color:#b7b7b7;
	background-color:none;
}

a.featuredMission:link {color:#F09300; text-decoration:underline;}
a.featuredMission:visited {color: #F09300; text-decoration:underline;}
a.featuredMission:hover {color: #363636; background-color:#F09300;}
a.featuredMission:active {color: #F2D79D; text-decoration:none;}