* {font-family: Georgia, Garamond, "Times New Roman", Serif;}
p {margin-left: 10px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; text-align: justify; color: #000000;}
.textright {text-align: right}

img {border: none;}
/* Sets the textured background for the whole website */
html {background: url('white.jpg')}
/* Holds the three elements of the header */


#bar-container {margin: 0 auto; width: 800px;}	
/* Holds the picture of the Frelimo fighters */
#logo {margin: 0 auto; height: 242px; background: transparent url('imgs/banner.gif');; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:auto;}	
/* Holds the words Mozambique History Net */
#name {margin: 0 auto; height: 68px; background: transparent url('imgs/title.gif');; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:auto;}
/* Holds the paintbrushed yellow-green line */
#line {margin: 0 auto; height: 34px; background: transparent url('imgs/line.gif');; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:auto;}
/* Holds the menu on the left, plus main text */

#container {margin: 0 auto; width:800px;}
#button
.button {
	background-color: #4CAF50;
	border-radius: 8px;
  	color: white;
  	padding: 15px 32px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 16px;
}
/* Not working properly, only gives the default version. */

#menu {float: left; width: 200px;}
#menu h2 {color: #667C26;}
/* Stuff inserted from the original menu CSS */
/* body {background: #FFF; color: #666;} */
body {background: url('white.jpg'); color: #666;} 
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0; padding:0;}
hr {border:none; 	border-top:1px solid #CCCCCC; 	height:1px; 	margin-bottom:25px;}
a {color: #900; 	text-decoration: none;}
a:hover {background: #900; color: #FFF;}
/* Root = Vertical, Secondary = Vertical */
ul#navmenu, ul#navmenu li, ul#navmenu ul {margin: 0; border: 0 none; padding: 0; width: 160px; /*For KHTML*/ list-style: none;}
ul#navmenu:after /*From IE 7 lack of compliance*/{clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}
ul#navmenu li {float: left; /*For IE 7 lack of compliance*/ display: block !important; /*For GOOD browsers*/ 	display: inline; /*For IE*/ position: relative;}
/* Root Menu */
ul#navmenu a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding: 0 6px;
	display: block;
	background: #EEE;
	color: #666;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	background: #CCC;
	color: #FFF;
	}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	background: #EEE;
	color: #666;
	}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	background: #CCC;
	color: #FFF;
	}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
	background: #EEE;
	color: #666;
	}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
	background: #CCC;
	color: #FFF;
	}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}#menu a {background: transparent; color: #667C26; text-decoration: none;}
#text {float: right; width: 600px; }
.textcenter {text-align: center;}
.textquote {font-size: 85%; margin-left: 35px; margin-right: 35px;}
.textsmall {font-size: 85%; margin-left: 0; margin-right: 38px;}
.uline {text-decoration: underline;}
#text h2 {color: #667C26; }

#text a {background: transparent; color: #667C26; text-decoration: none;}
/* Footer height is not defined, text can be added as necessary */
#footer {clear: both; margin: 0 auto; width: 800px; 	color: #FFFFFF; background: #667C26;}
#footer a {background: transparent; color: #FFFFFF; text-decoration: none;}
#footer p {	color: #FFFFFF; font-size: 90%; text-align: center; padding: 5px 5px;}