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

/* =THE BIG GUYS */
html {margin:0;padding:0}
body {
	text-align:center;
	
/*
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;
*/
}
/* wrapper for all pages */
div#wrapper {
	width:950px;
	margin: 2px auto;
	padding:0;
	text-align:left;
}

/* =LAYOUT =HEADER */
div#header1 {
	width:950px;
/*
	max-width:950px;
	width:expression(document.body.clientWidth > 950? "950px": "auto" );
*/
	padding:0; 
	margin:0;
	xbackground-color: #84aeb5;
	background-image:url(/images/cmi-header1.jpg);
	background-repeat:no-repeat;
	text-align:left;

/* Testing hmtl5 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
*/

	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;
}
	#header1 img {padding:10px;}
	#header1 p {padding:10px 20px;font-size:86%;}
	#header1 p a { font-weight:bold; color:#FFFFFF; 
	
	}

div#header2 {
	max-width:950px;
	width:expression(document.body.clientWidth > 950? "950px": "auto" );
	padding:2px 0;
	/* Changed from 2em to 1em july 14. Ola */
	margin:0 0 1em 0;
	xbackground-color: #006666;
	background-image:url(/images/cmi-header2.jpg);
	background-repeat:no-repeat;
	/* Testing hmtl5 
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	*/
	
	
	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: 0;margin: 0;list-style: none;line-height: 1}
	#nav {height: 1.6em;font: bold 86% arial;padding-left:10px}
	#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none; text-transform:uppercase; cursor:pointer; display: block;padding: 10px 10px}
	#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}
	#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 */
	
	#search {width:240px;float:right;padding: 2px 10px;} 
	#search input.f-submit {width:auto;font-size:86%} 
	
	/* hide from IE mac \*/
	#search {width:auto}
	/* end hiding from IE5 mac */

/* for making subsite = sub header below page header */
div#subsitewrapper{ float: left; width:699px;padding:0; margin:0; border:0;}
div#subsitetop {	float: left; width:660px; margin:0 0 10px; padding:10px; background-color:#e7d332; }
div#subsitetopgrey {	float: left; width:660px; margin:0 0 10px; padding:10px; background-color:#eee; }

/* LEFT NAVIGATION COLUMN */
div#navleft{
	float: left;
	width:160px;
	margin: 0;
	padding:0 10px 0 0;
	font-size: 86%;
	clear: both;
	text-align:left;
}
	#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;}
	
/* MAIN CONTENT */
div#content{
	float: left;
	width:500px;
	padding:0 10px;
	text-align:left;
}
	.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 {
	float: right;
  width: 240px;
	margin:0 0px 0px 4px;  
  padding: 0 0px 0px 6px;    
	border-left: 1px solid #eee;
	font-size: 86%;
}
	#info p{clear:both; margin-bottom:.5em}

/* RIGHT NEWS COLUMN */
div#rightnews{
	float: left;
	width:240px;
	margin:0;
	padding: 0 0 0 10px;
	border-left: 1px solid #eee;
	font-size: 86%;
	text-align:left;
}
	#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;}

/* FOOTER */
div#footer{
	clear: both;
	max-width:950px;
	margin:20px 0;
	padding:0;
	width:expression(document.body.clientWidth > 950? "950px": "auto" );
	background-color:#E5EBEC;
	font-size:86%;
	text-align:left;
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
}
	#footer a {text-decoration:none; color:#333}
	#footer a:hover {text-decoration:underline}

div#mobilenews{
	display:none;
}

div#mobilefooter{
	display:none;
}