/* CSS Document */
/* Leveller */
  * {border: 0; padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
  html {overflow: -moz-scrollbars-vertical;}
  body {color: #000000; font-size: 11px; line-height: 18px; margin: 0; background-color:#0067AC;}
      .clear {clear: both; height: 1px; overflow: hidden;}

/* Basic text elements */
  h2, h2 * {font-size: 16px; line-height: 20px; }
  h3, h3 * {font-size: 14px; line-height: 18px;}
  h4, h4 * {font-size: 13px; line-height: 16px;}
  h5, h5 * {font-size: 12px; line-height: 16px;}
  hr, .hr  {clear: both;}
  h2, h3, h4, h5, p, ul        {margin: 0 0 10px 0;}
  blockquote, li, ul ul, ol ol {margin: 0 0 0 20px;}
  hr  {display: none;}
  .hr {border-top: 1px solid #FF0000;}

/* Links */
  a       {text-decoration: underline; color:#0067AC}
  a:hover {text-decoration: none; color:#FF6C00}

/* Container*/
  div#container {width: 900px; margin: 10px auto; background-color:#0067AC; }
  
	/* Header */
  div#header {overflow: hidden;  background: url(../image/logo.gif) no-repeat;  height:113px; margin: 0 10px; }
	div#header h1 {text-indent: -2000px; white-space: pre;}
	div#header ul         {height:30px; clear:both; }
	div#header #flag_img  {float:right; margin: -30px 10px 0 0}
/* home banner */
  #banner    {margin: 0 10px; line-height:44px; height:54px; width: 880px; background-image:url(../image/banner.gif); background-repeat:no-repeat}
	#banner h2 {text-indent: -2000px; white-space: pre;}
    
/* Navigation */
	#nav ul     {list-style-type: none; margin: 0 10px; line-height:44px; height:54px}
	#nav ul li   {margin: 0; float: left;}
	#nav ul li a {margin: 0; float: left;    background-color:#FFFFFF}
	#nav ul li a {background-position: 0 0; text-indent:-100px; overflow:hidden;}
	
		/* Images */
		#nav #ro1 a  {width: 114px; background-image:url(../image/home.gif);}
		#nav #ro2 a  {width: 124px; background-image:url(../image/clients.gif); }
		#nav #ro3 a  {width: 174px;background-image:url(../image/recruitment.gif);}
		#nav #ro4 a  {width: 190px;background-image:url(../image/links_norway.gif)}
		#nav #ro5 a  {width: 131px;background-image:url(../image/links_uk.gif)}
		#nav #ro6 a  {width: 147px;background-image:url(../image/contact.gif)}

		
		/* Hovers */
		#nav ul li a:hover     {background-position: 0 -44px;}
		

	
	/* Image - mid page images*/
  	div#mid_image_home {width:880px; height:150px; margin: 0 10px; background-image:url(../image/home.jpg); background-color:#0099FF}
  	div#mid_image_clients {width:880px; height:150px; margin: 0 10px; background-image:url(../image/norway.jpg); background-color:#0099FF}
  	div#mid_image_recruitment {width:880px; height:150px; margin: 0 10px; background-image:url(../image/recruitment.jpg); background-color:#0099FF}
  	div#mid_image_links {width:880px; height:150px; margin: 0 10px; background-image:url(../image/links.jpg); background-color:#0099FF}
  	div#mid_image_norway {width:880px; height:150px; margin: 0 10px; background-image:url(../image/norway.jpg); background-color:#0099FF}
  	div#mid_image_contact {width:880px; height:150px; margin: 0 10px; background-image:url(../image/contact.jpg); background-color:#0099FF}
		
	/* Jump List*/
		div#jump_item { margin: 0; padding: 0 }
  	div#jump_item ul {list-style-type: none; margin: 10px 5px 0 10px; background-color:#0099FF; }
		div#jump_item li {width:295px; height:168px; margin: 0; padding:0; background-image:url(../image/jump_bg.jpg); float:left; background-repeat:no-repeat;}
			/*heading*/
			div#jump_item h5 {margin:0 0 0 10px; font-size:14px; font-weight:bold; color:#FF6C00; line-height:30px;}
			/*para*/
			div#jump_item p {padding:5px; margin:0 5px 0 5px ; font-size:12px; font-weight:normal; color:#FFFFFF; height: 100px; overflow:hidden;}
			/* links */
			#jump_item a  {margin: 0 0 0 20px; font-size:10px; font-weight:bold; color:#FFFFFF; line-height:30px;  text-decoration:none; letter-spacing:2px; }
			#jump_item a:hover     {color:#000000; text-decoration:none}
			/*could use images if browser fonts prove to be an issue...
			#jump_item #j1 a  { }
			#jump_item #j2 a  { }
			#jump_item #j3 a  { }
			*/
	
  /* Content */
  div#content {width:860px; padding: 0 10px; margin: 0 10px}

    /* Main Content */
	  
    div#main_content { padding:10px; margin: 10px; background-color:#004472; color: #C2DDFF;}
	  div#main_content h3 {font-size: 18px; line-height: 24px;margin: 0 0 5px 0; color:#FF6C00; }
		div#main_content h4 {font-size: 16px; line-height: 20px;margin: 0 0 5px 0; color:#C2DDFF; }
		div#main_content h5 {font-size: 14px; line-height: 18px;margin: 0 0 5px 0; color:#FF6C00; }
		div#main_content a {color: #C2DDFF;}
		div#main_content a:hover {color: #FF6C00;}
		div#main_content u {color:#FF0000; text-decoration:none}

	  /* use underline to display the ORANGE text for the NE in NEVacancies ;-) */
	  div#main_content u {color:#FF6C00; text-decoration:none}
	  
	    /* HOME Content - use different style called from php for home page only */
	  
    div#home_content { padding: 0 10px; margin:10px;  background-color: #C2DDFF; color:#004472;}
	  div#home_content h3 {font-size: 18px; line-height: 24px; padding-top:5px;}
		div#main_content h5 {font-size: 14px; line-height: 18px; }
	 /* cheat to make images float right ;-) */
	  div#home_content h5 img {float:right; margin:10px 0 5px 20px}
	  /* use underline to display the RED text for the NE in NEVacancies ;-) */
	  div#home_content u {color:#FF0000; text-decoration:none}
		/* three cols for  link, news and exchange rates ... */
		div#cont_1 , div#cont_2  { width: 290px; margin: 0 5px 0 0 ; float: left;}
		div#cont_3     { width: 260px; margin: 0 ; float:left;}
	
    /* Footer */
	  div#footer  {height: 20px; font-size: 11px; line-height:16px; width: 880px; margin: 10px auto; text-align:center; padding: 10px 5px 0 5px; border-top:solid #efefef 1px;color: #666666; }
	  div#footer  a       {color: #efefef; margin: 0 5px 0 5px; text-decoration:none}
  	div#footer  a:hover {text-decoration: underline; color:#ffffff}
	  div#footer span {color:#000000;}
	  
	/* Terms */
		div#terms {height: 20px; font-size: 9px;width:  880px; margin: 10px auto; text-align:right; color: #ffffff; }
		div#terms a       {text-decoration: none; color: #efefef;margin: 0 5px 0 5px;}
		div#terms a:hover {text-decoration: underline; color:#ffffff}

     /* Form */

		
		div.input          {padding: 0 0 10px 0;}
        div.input label    {width: 180px; float: left;}
		div.input input,
        div.input select,
        div.input textarea {border: 1px solid #CCCCCC; width: 270px; float: left;}
		div.input textarea {height: 200px; font-size:13px}
		div.input #submit   {width: 270px; margin-left:180px}
		div.input #day,
		div.input #month {width: 20px; float:left; margin: 0 10px 0 0;}
		div.input #year  {width: 50px; float:left;}
		div.input #male   {float:left; margin:0 15px 0 5px; width:30px;border:none}
		div.input #female {float:left; margin:0 15px 0 5px; width:30px;border:none}
		div.input span {float:left}
		div.input #terms {float:left;width:30px; border:none}
		/* left col forms */
		div.input_left input,
        div.input_left select,
		div.input_left textarea {border: 1px solid #CCCCCC; width: 180px; float: left; font-size:10px}
		div.input_left textarea {height:200px;}
		div.input_left span {float:left; margin-top:7px;}
		div.input_left #forgot {float:left; width:20px; margin-top:8px; border:none}
		div.input_left label    {width: 100px; float: left;}
		div.input_left #submit   {width: 180px; font-size:10px; margin: 5px 0 10px 0 }
		/*CV upload*/
        div.input_upload input,
        div.input_upload select,
		div.input_upload textarea {border: 1px solid #CCCCCC; width: 180px; float: left; font-size:10px}
		div.input_upload input #file {border: 1px solid #CCCCCC; width: 180px; float: left; font-size:12px; color:#000000; margin:5px}