/* basic elements */
body
{
	color: #fc3;
	font-size: 11px;
	font-family: times;
	line-height: 17px;
	background-color: #99E099;
	margin: 0;
	padding: 0;
	behavior:url(css/csshover.htc);
}

/* Reset all margins and padding to 0*/
* { margin: 0; padding: 0; }

ul, ol{ padding: 0 0 0 50px;
}

/************************MenuBar***********************/

div#linksMenu {
	width:100%; 				/* makes the div full width */
	float:left; 				/*makes the div enclose the list */
	border-top: #660000 thin ridge;		/* draws line on top edge of div */
	border-bottom: #660000 thin ridge;	/* draws line on bottom edge of div */
	border-right: 2px solid #660000;
	font-size: 11px;			/* SET FONT-SIZE HERE */
	background-color: transparent; 		/* colors the div */
	margin-top: 20px; 			/* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	padding: 0;
}

div#linksMenu ul { 
	margin:0 0 0 0;	/* indents ul from edge of container */
	padding: 0;
}

div#linksMenu li {
	float:left;				/* causes the list to align horizontally instead of stack */
	list-style-type: none;			/* removes the bullet off each list item */
	background-color: #DD9955; 		/*sets the background of the menu items */
	border-right:1px solid #660000; 	/* creates dividing lines between the li elements */
	padding: 0 7px;
}

div#linksMenu li.fchild {
	border-left: 2px solid #660000; 	/*the first vertical line on the menu */
	padding-left: 7px;
}
div#linksMenu li.lchild {
	border-right: none; 			/*clears the last vertical line on the menu */
}

div#linksMenu li:hover { 
	background-color: #993300; 		/*sets the background of the menu items */
}

div#linksMenu a {
	display: block;
	padding:0 9px; 		/*creates space each side of menu item's text */
	text-decoration:none;	/* removes the underlining of the link */
	color: #330000;
	font-family: sans-serif;
}
div#linksMenu a:hover {
	color: #ffffff;
}
/************************End of MenuBar***********************/

.p3
{
	font-size: 14px;
}

.p4
{
	font-size: 18px;	
	font-weight: bold;	
	line-height: 20px;
	
}

.p5
{
	font-size: 18px;	
	font-weight: bold;
	text-decoration: underline;		
	line-height: 20px;
}

#container
{
	background-color: #ffffCC;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	height: 100%;
	padding: 0;
	margin-bottom: 0;
	position: relative;
	min-height: 800px;
	height: auto !important;
	height: 800px;


/*	border-Style: solid;
	border-color: #ffffCC;*/
	
}

#pageHeader
{
	color: #000000;
	font-weight: bold;
	background-image: url("GhanaBackGroundLogo.jpg");
	background-position: right;
	background-repeat: no-repeat;
	text-align: Left;
	margin: 0 20px 0 20px;
	height: 200px;
	padding-top: 30px;
/*	border: #000000 thin ridge;*/
}

#pageHeader h1 span
{
	font-size: 56px;
	line-height: 60px;
}

#title
{
	border-bottom: #660000 thin ridge;
	padding: 10px 20px 0 20px;
}

#title h2 span
{
	font-size: 32px;
	line-height: 34px;
	font-style: italic;
	color: #000000;
}

#description
{
	margin-top: 30px;
	color: #000000;
	font-size: 13px;
	line-height: 17px;	
	padding-left: 20px;
	padding-right: 20px;
	width: 400px;
}

#content
{
	margin-top: 30px;
	color: #000000;
	font-size: 13px;
	line-height: 17px;	
	padding-left: 20px;
	padding-right: 20px;
	width: 600px;
}

#map
{
	margin-left: auto;
	margin-right: auto;	
	width: 600px;
	height: 740px;
	background-image: url("GhanaMap.jpg");
	background-position: right;
	background-repeat: no-repeat;
}

.clearthefloats {clear:both;}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


img.listPicture
{
	float: left;
	padding: 0 10px 20px 0;
}