@import url('/mobile-style.css');


body {

background: #dfd7b2 url(http://www.cmi.no/images/background_bleed.png) repeat-x 0% 0%;
background-image: url(http://www.cmi.no/images/background_bleed.png);
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 0%;
background-position-y: 0%;
background-origin: initial;
background-clip: initial;
background-color: #dfd7b2;

font-size:17px;

}


div#wrapper {
	width: 100%;
	margin: 0px auto;
	padding:0;
	text-align:left;
	

}


div#header1 {
	width:100%;
/*
	max-width:950px;
	width:expression(document.body.clientWidth > 950? "950px": "auto" );
*/
	padding:0; 
	margin:0;
	background-color: #84aeb5;
	
	
	background-image:url(http://www.cmi.no/sudan/images/top_background.jpg);
	
	background-repeat:no-repeat;
	
	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

div#frontcontent{
	display:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	float: left;
	width:100%;
	padding:0 10px;
		}
		
div#header2 {
	width:100%;
	margin:0 0 0 0;
	xbackground-color: #006666;
	background-image:url(/images/cmi-header2.jpg);
	background-repeat:repeat;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;

}

#nav, #nav ul {padding: 0px;margin: 0;list-style: none;line-height: 0}
	#nav {
	font: bold 17px arial;
	padding-left:2px;


}
	#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	text-decoration:none;
	cursor:pointer;
	display: block;
	padding: 1px 1px;

		}
		
	#nav a:link {color:#000} 
	#nav a:visited {color:#000} 
	#nav a:hover {color:#006BE4} 
	#nav a:active {color:#006BE4} 
	/*#nav a {display: block;padding: 10px 10px}*/
	#nav li {float: left;width: 8em;display:block;margin: 0; border:#FFF}
	
	#nav li li {float: none;border-bottom:1px solid #3F6AB7}
	#nav li ul {position: absolute;background: #000;font-weight:normal;width: 10em;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: auto}
	#nav li.active a { background:#339999}
	#nav li.active li {border-bottom:1px solid #333}
	
	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */

div#search{
	display:none;
	}

	#search {width:2px;float:right;padding: 2px 2px;} 
	#search input.f-submit {width:2px;font-size:86%} 
	
	/* hide from IE mac \*/
	#search {width:auto}
	/* end hiding from IE5 mac */
	


div#frontleft{
	display:none;
	float: right;
	width:60px;
	margin: 0;
	padding:0 10px 0 0;
	font-size: 86%;
	clear: both;
}
	#navleft ul {list-style: none;margin:0;padding:0 0 1em;border-top: 1px solid #ccc;}
	#navleft li {line-height:1.5;padding: 8px 0 8px 0px; font-weight:bold;display:block;}
	#navleft a, #navleft a:link, #navleft a:visited, #navleft a:hover, #navleft a:active {text-decoration:none;cursor:pointer} 
	#navleft a:link, #navleft a:visited {color:#000} 
	#navleft a:hover, #navleft a:active, #navleft li.active a:link, #navleft li.active a:visited {color:#E17000;} 
	#navleft li {border-bottom: 1px solid #ccc; }

	#navleft li ul {font-weight:normal; list-style:none; margin-left:1em; border:0;}

div#fronttop{
	display:none;
}


div#content{

	display:none;
	float: left;
	width:300px;
	padding:0 10px;
	
	
}
	.topheader {margin:0 0 1em;}
	#content li {margin-top:0.5em}
	#content li ul li {margin-top:0}
	#content h4 a {color: #006666; text-decoration:none;
	

	}
	

/* INFO COLUMN INSIDE MAIN CONTENT */
div#info {
	display:none;
	float: right;
  width: 240px;
	margin:0 0px 0px 4px;  
  padding: 0 0px 0px 6px;    
	border-left: 1px solid #eee;
	font-size: 86%;
}


/* FOOTER */
div#footer{
	display:none;
	width:100%;
	clear: both;
	
	padding:0;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#E5EBEC;
	font-size:86%
}
	#footer a {
	text-decoration:underline;
	color:#333
}
	#footer a:hover {text-decoration:underline}
	

div#rightnews{
	display:none;
	
	float: left;
	width:240px;
	margin:0;
	padding: 0 0 0 10px;
	border-left: 1px solid #eee;
	font-size: 86%;
}
	#rightnews p {margin: 0 0 .5em}

	#rightnews a:link { color: #006666; text-decoration:none}
	#rightnews a:visited { color: #006666; text-decoration:none}
	#rightnews a:hover{	color:#FFC600; text-decoration:underline } 
	#rightnews a:active {color:#FFC600; text-decoration:none}
	
	#rightnews img { margin-left:2px;}
	#rightnews h4 { margin:0; color: #333;}
	
div#mobilenews{
		width:100%;
		padding-left:2px;
	
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		
}

div#mobilefooter{
	width:100%;
	clear: both;
	padding:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#E5EBEC;
	font-size:86%
}

div#frontmain{
	display:none;
	width:100px;
	background-color:#33C;
}