/******************************************************************************************/
/**********************************    top nav      ***************************************/
/******************************************************************************************/
#topNavContainer {
border:1px Solid #6a4891;
}

#topNavContainer ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
border:0px solid #00A160; 
background:url(../images/Wrapper/10/NavBG-1-litegreytogreen.gif) #078749;
}

#topNavContainer ul li { display: inline; 
	line-height:22px;
}

#topNavContainer ul li { 
	width:25px;
	}

#topNavContainer ul li a, #topNavContainer ul li a:visited {
	z-index:200;
	padding: 3px 18px 3px 18px;
	color: #fff;	
  text-decoration:none;
  font-family: Gill Sans, "Gill Sans", Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1.1px;	
	border-right: 1px solid #dddddd ; 
}
 
#topNavContainer ul li a:hover	{
		color: #fff;
		background:url(../images/Wrapper/10/NavBG-1-litegreytopurple.gif) #6a4891;
}

#topNavContainer img {
z-index:-1;
border: 0px solid #dddddd;
}


/***** image swap on hover  *******/
#topNavContainer a span {
	z-index:100;
	display:none;
	}
	
#topNavContainer a:hover SPAN {
	DISPLAY: inline; 
	BACKGROUND: none; 
	/*Left: 222px!important; (vestigial. need to compensate for IE bug if put a border around img.)*/
	LEFT: 223px; 
/*	top:-2px!important;*/
	TOP: 0px; 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	POSITION: absolute; 
}


/*****************************************************************************************/
/**********************************    left nav     **************************************//* Thanks to Stu at http://www.cssplay.co.uk/menus/index.html for nav inspiration.*/
/*****************************************************************************************/

.menuLeftNav {
z-index:1000;
font-size:90%;
}

/* remove all the bullets, borders and padding from the default list styling */
.menuLeftNav ul {
padding:0;
margin:0;
list-style-type:none;
width:135px;

}
/* hack for IE5.5 */
* html .menuLeftNav ul {margin-left:-16px; ma\rgin-left:0;}

/* position relative so that you can position the sub levels */
.menuLeftNav li {
position:relative;
background:url(../images/Wrapper/10/NavBG-1-litegreytopurple.gif) #AB91BE;
background:url(../images/Wrapper/10/NavBG-1-litegreytolitepurpl.gif) #AB91BE;
/*height:28px;*/
}

/* get rid of the table */
.menuLeftNav table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menuLeftNav a, .menuLeftNav a:visited , .menuLeftNav a:link , .menuLeftNav a:active {
							display:block; 
							/*height:27px;
							line-height:27px;*/
							padding-top: 5px;
							padding-right: 0px;
							padding-bottom: 5px;
							padding-left: 5px;
							width:129px;	
							color:#fff;
							text-decoration:none; 
							BORDER-RIGHT: 1px solid #666666; BORDER-TOP: 		1px solid #666666; 
							BORDER-LEFT: 	1px solid #666666; BORDER-BOTTOM: 1px solid #666666;
}
.menuLeftNav :hover > a {
							color:#fff;														
							BORDER-RIGHT: 1px solid #666666; BORDER-TOP: 		1px solid #666666; 
							BORDER-LEFT: 	1px solid #666666; BORDER-BOTTOM: 1px solid #666666;
							background:url(../images/Wrapper/10/NavBG-1-litegreytolitepurpl.gif) #AB91BE;
							background:url(../images/Wrapper/10/NavBG-1-litegreytopurple.gif) #6a4891;										

							text-decoration:none; 
							text-align: center;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuLeftNav ul ul {
visibility:hidden;
position:absolute;
							top:0;
							left:135px; 
							width:155px; 
}
.menuLeftNav ul ul a, 
.menuLeftNav ul ul a:visited , 
.menuLeftNav ul ul a:link , 
.menuLeftNav ul ul a:active {
							width:144px;
							padding-left: 10px;
							text-indent:-5px;
}

/* make the second level visible when hover on first level list OR link */
.menuLeftNav ul li:hover ul,
.menuLeftNav ul a:hover ul {
visibility:visible;
}

/************************ IE5.5  Hack ***************************************************************************/
* html .menuLeftNav a, * html .menuLeftNav a:visited, * html .menuLeftNav a:link, * html .menuLeftNav a:active{
							width:130px; w\idth:129px;
							background:url(../images/Wrapper/10/NavBG-1-litegreytopurple.gif) #AB91BE;
							background:url(../images/Wrapper/10/NavBG-1-litegreytolitepurpl.gif) #AB91BE;
							}

/* style the link hover */
* html .menuLeftNav a:hover {
							color:#fff;
							BORDER-RIGHT: 1px solid #666666; BORDER-TOP: 		1px solid #666666; 
							BORDER-LEFT: 	1px solid #666666; BORDER-BOTTOM: 1px solid #666666;
							background:url(../images/Wrapper/10/NavBG-1-litegreytolitepurpl.gif) #AB91BE;
							background:url(../images/Wrapper/10/NavBG-1-litegreytopurple.gif) #6a4891;
							text-decoration:none; 
							text-align: center;
}
/************************ End IE5.5 *****************************************************************************/

/******************************************************************************************/
/**********************************    misc bits    ***************************************/
/******************************************************************************************/

.flushup  {
        position: relative;
        top:-30px;        
        left:30px;        
}

.nomargin {
        margin:0px; 
}

.flushright  {
        position: relative;
        left:5px;   
        float:right;
        padding: 10px 0px 0px 0px ;     
}

.flushleft  {
        position: relative;
        left:-5px;        
}
.flushleftHP1  {
        position: relative;
        left:-90px;        
}

.flushleftHP2  {
        position: relative;
        left:-10px;        
}

.floatleft img    {
		float: left;
		margin: 1px 10px 1px -8px;
}
 
.floatright img    {
		float: right;
		margin: 1px 0px 1px 3px;
}	
 

.HPHeadingPurple, .HPHeadingRed, .HPHeadingGreen, .HPHeadingBlue  {
		font-family: Gill Sans, "Gill Sans", Arial, sans-serif;	
		margin: 10px 2px 0px 0px;
		padding: 3px 2px 3px 45px;		/* Used in conjuction with background image and text-indent to acheive visual effect */
		text-indent:15px;
		color: #FFFFFF;		
		font-variant: small-caps; 
		text-align:left;		
		font-size: 13px; 
		font-weight:bold; 
		font-style: oblique;
		letter-spacing: 2px;
		background-repeat: no-repeat;
		BORDER-TOP: #666666  1px solid;  BORDER-RIGHT:#dddddd 1px solid; 
		BORDER-Bottom:  #dddddd 1px solid; 			BORDER-LEFT: #666666  1px solid; 		
}
 
.HPHeadingGreen {
		background: url(../images/Wrapper/10/header-lines.gif) #00A160 ;
		background-repeat: no-repeat;
}
.HPHeadingPurple {
		background: url(../images/Wrapper/10/header-lines.gif) #6a4891 ;
		background-repeat: no-repeat;	
}

.HPHeadingRed {
		background: url(../images/Wrapper/10/header-lines.gif) #C2113A ;
		background-repeat: no-repeat;
	}
.HPHeadingBlue {
		background: url(../images/Wrapper/10/header-lines.gif) #002A6C ;
		background-repeat: no-repeat;
}


.HPHeadingPurple a, .HPHeadingPurple a:link, .HPHeadingPurple a:active, .HPHeadingPurple a:visited,
.HPHeadingGreen a, .HPHeadingGreen a:link, .HPHeadingGreen a:active, .HPHeadingGreen a:visited,
.HPHeadingRed a, .HPHeadingRed a:link, .HPHeadingRed a:active, .HPHeadingRed a:visited,
.HPHeadingBlue a, .HPHeadingBlue a:link, .HPHeadingBlue a:active, .HPHeadingBlue a:visited,
{
		color: #ffffff; 		
		text-decoration:  none;	 			
}

.HPHeadingPurple a:hover, .HPHeadingRed a:hover,  .HPHeadingRed a:hover, .HPHeadingBlue a:hover    	 
{		
		text-decoration:  underline; 
}




/********************* Search form  ********************************/
form#wrapperSearch input#searchtext{
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	FONT-SIZE: 13px; 
	PADDING-BOTTOM: 1px; 
	MARGIN: 0px; 
	WIDTH: 65px; 
	PADDING-TOP: 1px; 
	FONT-FAMILY: Garamond, Times New Roman, Arial, Verdana, 'Lucida Console', monospace; 
	HEIGHT: 13px;	
}

/********************************************************************/
/************************     Headings         **********************/

H1 {
		font-family: Gill Sans, "Gill Sans", Arial, sans-serif;	
		font-variant: small-caps; 
		font-size: 160%; 
}


H2 {
		font-family: Gill Sans, "Gill Sans", Arial, sans-serif;	
		font-variant: small-caps; 
		font-size: 150%; 
}

H3 {
		font-family: Gill Sans, "Gill Sans", Arial, sans-serif;	
		font-variant: small-caps; 
		font-size: 140%; 
}

H4 {
		font-family: Gill Sans, "Gill Sans", Arial, sans-serif;	
		font-variant: small-caps; 
		font-size: 130%; 
}

H5 {
		font-family: Gill Sans, "Gill Sans", Arial, sans-serif;	
		font-size: 120%; 
}

H6 {
		font-family: Gill Sans, "Gill Sans", Arial, sans-serif;	
		font-size: 110%; 
}



/********************************************************************/
/************************    TafEtc            **********************/
#TaFEtc {
margin: 25px  0px  0px  20px ;
}

#TaFEtc  a, #TaFEtc  a:visited {
	color: #000000;	
  text-decoration:none;
  font-family:  Garamond, "Times Roman", Verdana, Helvetica, sans-serif;
	FONT-SIZE: 80%;	
}
 
#TaFEtc  a:hover	{
	color: #666666;	
	text-decoration:underline;
}

/******************************************************************************************/
/**********************************    bot nav      ***************************************/

#bottomNavContainer {
border:0px Solid #6a4891;
}

#bottomNavContainer ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

#bottomNavContainer ul li { 
	display: inline; 
	line-height:20px;
}

#bottomNavContainer ul li a, #bottomNavContainer ul li a:visited {
	z-index:200;
	padding: 2px 16px;
	color: #ffffff;	
  text-decoration:none;
  font-family: Gill Sans, "Gill Sans", Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;	
  BORDER-RIGHT: 1px solid #ffffff; BORDER-TOP:    1px solid #666666; 
	BORDER-LEFT: 	1px solid #ffffff; BORDER-BOTTOM: 1px solid #666666;
}
 
#bottomNavContainer ul li a:hover	{
	color: #dddddd;
	BORDER-RIGHT: 1px solid #dddddd; BORDER-TOP: 		1px solid #000000; 
	BORDER-LEFT: 	1px solid #000000; BORDER-BOTTOM: 1px solid #eeeeee;
}



/******************************************************************************************/
/******************************************************************************************/
/**************************************/
.COMPASSGreen {
        color: #018749;
}

.COMPASSGreen IMG {
        border: 1px solid #018749;
} 
/**************************************/
.COMPASSPurple {
        color: #57247e;
}

.COMPASSPurple IMG {
        border: 1px solid #57247e;
}  
/**************************************/
.USAIDRed {
        color: #C2113A;
}

.USAIDRed IMG {
        border: 1px solid #C2113A;
}  
/**************************************/
.USAIDBlue {
        color: #002A6C;
}

.USAIDBlue IMG {
        border: 1px solid #002A6C;
}  



.photocaption {
	font-size: 8pt;
	font-family : Gill Sans, "Gill Sans", Arial, sans-serif;		
	font-style: italic;
}

.byline {
	font-style: italic;
}


hr {
	margin-right: 10;
	margin-left: 10;
	width: 100%;
	height: 1px;
	background-color: #000000;
	border: 0px solid #000000;
}


a,
a:link,
a:active {
	color: #6a4891;
	font-size: 10pt;
	text-decoration: underline;	
}

a:visited {
	color: #666666; 
	}
a:hover {
	color:#00A160;
}

/************************************************************/
.HPHeadline   { 
		/*
		font-size: 92%;			
		*/
		margin: 3px 0px 3px 0px;
		padding: 0px 0px 2px 8px;
		text-indent:-8px;
}	

.HPHeadline img    {
		float: left;
		margin: 1px 10px 1px -8px;
		border: #6a4891  1px solid;
}

.HPHeadline a,
.HPHeadline a:link,
.HPHeadline a:active,   {
		color: #00A160; 		
		text-decoration:  none;	 			
}

.HPHeadline a:visited {
		color: #666666; 		
		text-decoration:  none;	 			
}

.HPHeadline a:hover    	 {
		color:#00A160;		
		text-decoration:  underline; 
}

.HPHeadline .byline    	 {			 	
		color: #666666;
		font-size: 85%;			
		font-weight:bold; 
 		}

/******************************************************************************************/
/**********************************   misc         ***************************************/
TABLE.TableRightCol, TABLE.TableRightColPDF {
		color: #666666;
		border-left: 1px #078749 solid;
		border-right: 1px #078749 solid;
		border-bottom: 1px #078749 solid;
		background-color: #dddddd;
		padding: 0px;
}

TABLE.TableRightCol UL, TABLE.TableRightColPDF UL , TABLE.TablePDF UL {
 margin: 0px;
	padding: 0px;
}

TABLE.TableRightCol TH, TABLE.TableRightColPDF TH {
font-family: Gill Sans, "Gill Sans", Arial, sans-serif;
font-weight: bold;
font-size: 14px;
padding: 3px 2px 2px 2px;
background-color: #666666;
background-color: #078749;
color: #ffffff;
}

TABLE.TableRightCol TH A, TABLE.TableRightColPDF TH A ,TABLE.TableRightCol TH A:link, TABLE.TableRightColPDF TH A:link, TABLE.TableRightCol TH A:visited, TABLE.TableRightColPDF TH A:visited {
text-decoration: none;
color: #ffffff;
}

TABLE.TableRightCol TH A:hover, TABLE.TableRightColPDF TH A:hover{
text-decoration: underline;
color: #ffffff;
}

TABLE.TableRightCol TD, TABLE.TableRightColPDF TD {
padding: 4px;
}

TABLE.TableRightCol LI, TABLE.TableRightColPDF LI {
	margin-left: 20px;
	padding: 2px 0px 3px 0px;	
}

TABLE.TableRightCol LI {
	list-style-image: url("http://www.compassnigeria.org/images/content/pagebuilder/16859.gif"); 
}

TABLE.TableRightColPDF LI {
	list-style-image: url("http://www.compassnigeria.org/images/content/pagebuilder/16857.gif"); 
}

TABLE.TablePDF LI {
margin-left: 20px;
	padding: 2px 0px 3px 0px;	
	list-style-image: url("http://www.compassnigeria.org/images/content/pagebuilder/16857.gif"); 
}

 


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




p.cstmTitle {


	font-size: 14pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;


}

.ObjTitle {


	color: #039;


	font-size: 12pt;
        font-family: Arial, Helvetica, Verdana, sans-serif;


}





.ProgressBox {


	font-family: Arial, Helvetica, Verdana, sans-serif;


	font-size: 8pt;


	font-weight: bold;



}





.ProgressBoxCurrent {


	font-family: Arial, Helvetica, Verdana, sans-serif;


	font-size: 8pt;


	font-weight: bold;


}


table.ProgressBox {


	padding-right : 4px;


	padding-left : 4px;


	border-bottom: #000000 1px solid;


	border-top: #000000 1px solid;


	border-left: #000000 1px solid;


	border-right: #000000 1px solid;


}





a.ProgressBox:link {


	font-size: 8pt;


	text-decoration:none;


}


a.ProgressBox:visited {


	font-size: 8pt;

	text-decoration:none;


}


a.ProgressBox:hover {


	font-size: 8pt;


	font-weight: bold;


	text-decoration:none;


}





.Instructions {


	color: white;


	background-color : #069;


	background-image: URL(../images/sp.gif);


	font-family: Arial, Verdana, Helvetica, sans-serif;


	font-size: 8pt;


	font-weight: bold;


	padding: 4px 4px 1px 4px;


	margin-bottom: 0px;


	margin-top: 0px;


}





td.Instructions {


	border-bottom: #000000 1px solid;


	border-top: #000000 1px solid;


	border-left: #000000 1px solid;


	border-right: #000000 1px solid;


}





a.whitelink, a.whitelink:link, a.whitelink:visited, a.whitelink:hover, a.whitelink:active {
	color: white;
	font-size: 9pt;
}


.FormBox {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: white;
	background-image: URL(../images/sp.gif);
}

div.FormBox {
	border: #669 1px solid;
	background-color: white;
	background-image: URL(../images/sp.gif);
	padding: 0px;
	width: 600px
}

div.FormBoxNoWidth {
	border: #669 1px solid;
	background-color: white;
	background-image: URL(../images/sp.gif);
	padding: 0px;
}

table.FormBox {
	border: #669 1px solid;
	border-collapse: collapse;
}

.FormBox .Divider {
	background-color: white;
}

.FormBoxNoWidth .Divider {
	background-color: white;
}

.FormBox .dividerHeading {
	background-color: white;
}

.FormBoxNoWidth .dividerHeading {
	background-color: white;
}