/* SOS Addis Layout styles */

body {margin-top:0;
background-color:#0099CC;}

iframe.whatsnew {
	width:98%;
	border: none;
	border-collapse:collapse;
	margin: 0;
	padding: 0;
}

#container {margin:auto 10%;
background-color:yellow;
border:solid 1px yellow;
padding:0 5px 0 5px;
position:absolute;
top:0;
left:0;
right:0;
}

#top {
/*position:absolute; top:0:left:0;*/

}

#top {
	text-align:center;
	position:absolute;
	top:0;
	left:10%;
	width:75%;
	background-color: #FFFFFF;
	margin-right:20%;
	height:170px;
	z-index: 5;
}

.toplogoleft {position:absolute;top:0;}
.toplogoright {position:absolute;top:0;left:79%;}

#fixbannerimage {
	position:absolute;
	top: 51px;
	left:125px;
	margin: 0px;
	padding: 0px;
}
#middle {
	position:absolute;
	top:170px;
	left:10%;
	width:75%;
	background-color: #FFFFFF;
	margin:0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
/* left box used for links relevant to the current page (sub-nav)*/
#left {
	position:absolute;
	top:0px;
	left:3px;
	border:none;
	width:180px;
	margin:0;
	border:solid 2px #0099CC;
	background-image: url(images/sos-addis-bg-fixed.gif);
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 2px;
	z-index: 10;
}

#left h2 {
	font-size:1em;
	color:#CC3333;
	
}
#left ul.leftnav {
	list-style-type:circle;
	list-style-position:inside;
	padding: 0px;
	width:88%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	/*border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #000066;*/
	
}
#left ul.leftnav li {/*border-bottom: 1px solid #000033;*/margin:0; padding:0; width:100%; font-size:.8em;font-weight:bold; }
#left ul.leftnav li a { 
padding:0;margin:0; }


#left ul.leftnav li a:hover { text-decoration:none; }

#left p {font-size:small;}

/* left2 is used on some pages for extra pictures or other things*/
#left2 {
	position:absolute;
	top:200px;
	left:3px;
	border:none;
}

#main {
	position:relative;
	left:190px;
	top:0;
	width:70%;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#footer {
	color:#0099cc;
	text-align:center;
	font-size:0.8em;
	margin:0;
	padding:0;
	margin:0px;
	width: 100%;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #0099cc;
}

#mainmenu {
	list-style-type:none;
	z-index: 2;
	position:absolute;
	top:130px;
	left:90px;
	border: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border:solid 1px #fff;
}
#mainmenu li {
	display:inline;
	margin: 0;
	padding:0 0px 0 0px;
	width:auto;
	height:auto;
	z-index:3;
}

#mainmenu li a {
	font-weight:bold;
	font-size:small;
	text-decoration:none;
	margin:0;
	padding-right:3px;
	padding-left:3px;
	padding-bottom:0px;
	padding-top:0px;
	border: solid 1px #0099CC;
	border-left: solid 3px #0099CC;
	width:100%;
	z-index:4;
}

#mainmenu li a:hover {background-color:#3399FF; border-left-color:#000066;  }

ul.footermenu { margin: 6px 0 0 0 ; }
ul.footermenu li {display:inline; border:0; border-left:solid 1px #000066;padding:0 0 0 3px;}
ul.footermenu li a:hover {text-decoration:none;}
#inner1 {
	width: 45%;
	padding: 0;
	border-right:solid 2px #0099cc;
}
#inner2 {
	width: 50%;
	position:absolute;
	top:22px;
	left:45%;
	margin: 0;
}

.halfdiv {width:48%;float:left;}
.halfdiv2 {display:inline;width:48%;}