@charset "UTF-8";
/**
 * Screen layout mods

Colours
#AC0 - Logo Green

#E52 - Logo Orange
#F80 - Lighter Orange - links hover

#18C - Logo Blue
#7BD - Lighter Blue - links

#C15 - Logo Tetrad Complementary Purple

 */

@media screen, projection
{
  /**
   * Basic layout elements

   */

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
	body { background: #fff url("/assets/images/interface/page/background-tile.png"); padding: 20px 20px; }

  /* (en) Centering layout in old IE-versions */
	body { text-align: center; }

	.page_margins { text-align:left; margin: 0 auto; }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
	.page_margins { min-width: 740px; max-width: 69em; background: transparent; }
	.page { padding: 0px 20px; width: 921px;}

	/** ------ Page Borders ---------------------------------------**/

	.page_border {background-color: transparent;}

	.page_border .top .corner,
	.page_border .bottom .corner {	font-size:1px; /* ensure minimum height */
		height:25px; }

	.page_border .bottom .corner {	height:25px; }

	.page_border .top {

	background: transparent url("/assets/images/interface/page/borders/top.gif") no-repeat 0px 0px;

		margin-right:25px; /* space for right corner */

			}

	.page_border .top .corner {

	  background: transparent url("/assets/images/interface/page/borders/top-right.gif") no-repeat right 0px;
		margin-right:-25px; /* pull right corner back over "empty" space (from above margin) */
		}

	.page_border .middle {

	background:transparent url("/assets/images/interface/page/borders/left.gif") repeat-y 0px 0px;

		margin-right:20px; /* space for right edge */


			}

	.page_border .middle .corner { background:transparent url("/assets/images/interface/page/borders/right.gif") repeat-y right 0px;
		margin-right:-20px;/* pull right edge back over "empty" space (from above margin) */
	}

	.page_border .bottom {

		background:transparent url("/assets/images/interface/page/borders/bottom.gif") no-repeat 0px 0px;
		margin-right:25px; /* space for right corner */	}

	.page_border .bottom .corner {

		background:transparent url("/assets/images/interface/page/borders/bottom-right.gif") no-repeat right 0px;
		margin-right:-25px; /* pull right corner back over "empty" space (from above margin) */	}



  /* -------- Main layout elements -------------------------- */

  #image_preload {
	width:1px;
	height:1px;
	overflow:hidden;
  }

  #header {
    color: #000;
    background: transparent;
  }

  #logo {
		position:absolute;
		top:-12px;left:-1px;
		background: transparent url("/assets/images/interface/logo/forgetmenot-africa-logo.gif") no-repeat top left;
		width:258px; height:96px;
	}
  #logo a { display:block; width:258px;height:96px; }


  #header #topnav {top: 0px;right:10px;} /*overwriting base*/

  #topnav { color: #aaa; background: transparent; }

  #topnav form {display:inline;}

 /* -------- Main layout elements ------------------------------------------------- */

  /* (en) adjustment of main navigation */

	#nav {
		padding-top:20px;*padding-top:19px; /* push down to line up center of nav1 with centre of logo 2nd line text */
		padding-right:10px;
	}
	/*-----Level 1 Navigation : Main Menu -----*/
	ul#nav-level1 {
		padding-left:260px; /*to keep logo clear*/
		display:inline-block;float:right;
		margin-right:-12px; /*pull active menu bg over margin */
		text-align:right;
		font-family: "Gill Sans","Gill Sans MT", "Trebuchet MS", sans-serif;
		}
	/* delete ? ul#nav-level1.withlevel2 { border-bottom:thin solid #ac0; } */

	ul#nav-level1 li {
		display:inline;
		margin:0;margin-left:5px; /*reset base; set left-margin btw menus*/
		padding:16px 0px 16px 10px; *padding-top:0; *padding-bottom:0;

		}

	ul#nav-level1 :first-child {
		margin-left:0px;
		}

	ul#nav-level1 li span {
		padding:16px 10px 16px 0;
		}

	ul#nav-level1 li a {
		display:inline-block;
		outline:none;
		padding:16px 2px 16px 2px;*padding-top:14px; *padding-bottom:14px;
		line-height:15px;
		color:#00A8D9;
		}

	ul#nav-level1 li.current {
	 	background: url("/assets/images/interface/menus/main-left.gif") no-repeat 0 50%;
		}
	ul#nav-level1 li.current span {
		background: url("/assets/images/interface/menus/main-right.gif") no-repeat 100% 50%;
		}
	ul#nav-level1 li.current a {
		cursor:default;
		background: url("/assets/images/interface/menus/main-arrow.gif") no-repeat 50% 50%;
		}

	/*-----Level 2 Navigation : Sub menu - Under Main Menu -----*/

	ul#nav-level2 {
		display:inline-block;float:right;
		margin-top:5px;
		padding-top:5px;
		text-align:right;
		font-family: "Gill Sans","Gill Sans MT", "Trebuchet MS", sans-serif;
		border-top:thin solid #ac0;
		}

	ul#nav-level2 li {
		display:inline;
		margin:0;margin-left:20px; /*reset base; set left-margin btw menus*/
		}

	ul#nav-level2 :first-child {
		margin-left:0px;
		}

	ul#nav-level2 li span {
		}

	ul#nav-level2 li a {
		display:inline-block;
		outline:none;
		}

	ul#nav-level2 li.current a {
		cursor:default;
		}

	/*------ Right Column -----------------------------------------------------*/

	/*--- Right Col Containers --------*/

	   #shrink-wrapper { padding: 0px 10px; margin-top:32px;border-left: thin dotted #ddd;}

	   div.right-col-box {
			padding-top:20px;
			}

	/*-----Level 3 Navigation : Sub menu - Right Column -----*/

	ul#nav-level3 {
		margin:0;  /*reset base;*/
		font-family: "Gill Sans","Gill Sans MT", "Trebuchet MS", sans-serif;
		}

	ul#nav-level3 li {
		margin:0; /*reset base;*/
		margin-top:-6px; /*counter the line-height */
		/*padding:4px 0px 3px 10px; *padding-top:0; *padding-bottom:0;*/
		padding:1px 0px 1px 10px; *padding-top:0; *padding-bottom:0;
		list-style:none;
		}

	ul#nav-level3 li span {
		/*padding:4px 10px 3px 0;*/
		padding:1px 10px 1px 0;
		display:inline-block;
		}

	ul#nav-level3 li a {
		display:inline-block;
		padding:1px 2px 1px 2px;
		line-height:25px;
		}

	ul#nav-level3 li.current {
	 	background: url("/assets/images/interface/menus/level3-left.gif") no-repeat 0 50%;
		}
	ul#nav-level3 li.current span {
		background: url("/assets/images/interface/menus/level3-right.gif") no-repeat 100% 50%;
		}
	ul#nav-level3 li.current a {
		cursor:default;
		}

	/*----- Related Links Navigation : In Right Column -----*/

	ul.related-links {
		margin:0;  /*reset base;*/
		font-family: "Gill Sans","Gill Sans MT", "Trebuchet MS", sans-serif;
		}

	ul.related-links li {
		margin:0; /*reset base;*/
		margin-top:-6px;
		/*padding:4px 0px 3px 10px; *padding-top:0; *padding-bottom:0;*/
		padding:1px 0px 1px 10px; *padding-top:0; *padding-bottom:0;
		list-style:none;
		}

	ul.related-links li span {
		/*padding:4px 10px 3px 0;*/
		padding:1px 10px 1px 0;
		display:inline-block;

		}

	ul.related-links li a {
		display:inline-block;
		padding: 8px 12px 10px 2px;
		line-height:18px;
		background: url("/assets/images/interface/symbols/related-links-arrow.gif") no-repeat 100% 50%;
		}
	ul.related-links li a:hover  { background-image: url("/assets/images/interface/symbols/related-links-arrow-hover.gif");}
	ul.related-links li a:active { background-image: url("/assets/images/interface/symbols/related-links-arrow-active.gif");}

  /*----- Main Content Area -------------------*/
  #main {padding:10px 0;}


  /*----- Columns -------------------*/
  /*
   * |-------------------------------|
   * | #col3               | #col1   |
   * | flexible            | 25%     |
   * |-------------------------------|
   */

  /* Move #col1 to the right  */
  #col1 { float:right; width: 25%; }
  #col1_content {  }



  /* Hide #col2  */
  #col2, #col2_content { display:none }

  /* Adjust right margin  */

  body#home div#col3 { margin-right: 25%; }

  #col3_content { padding: 10px 12px 10px 12px; }

 /* Full page layout: hide right column and re-size main content area to full page*/
  .full_page #col1, .full_page #col1_content { display:none } /* Hide #col3  */
  .full_page #col3 { margin-right:0; } /*remove right-margin*/
  .full_page #col3_content { padding-right: 10px; } /*re-pad*/


/**-----Page Elements------*/
  p.intro{clear:left;}

  /*----- Footers -------------------*/
  #footer {
	text-align:right;
    color:#777;
    background: transparent;
    padding-top: 10px;
  }
  #footer-links {
	text-align:right;
    color:#777;
    background: transparent;
    margin-top: -28px;
	padding: 0px 30px; /* from .page + .main*/
  }
 #footer-credits {
	padding: 0px 30px; /* from .page + .main*/
	padding-top: 28px;
	text-align:right;
    color:#fff;
	font-family: "Gill Sans","Gill Sans MT", "Trebuchet MS", sans-serif;
	font-size:71.43%;
    background: transparent;

    }
 #footer-credits a, #footer-credits a:visited  { color:#bbb; letter-spacing:0.1em;}
 #footer-credits a:focus, #footer-credits a:hover, #footer-credits a:focus   { letter-spacing:0em; color:#999; text-transform:uppercase;}
 #footer-credits a:focus span, #footer-credits a:hover span, #footer-credits a:focus span  { font-weight: normal;color:#ea0; }

  /*------------------------------------------------------------------------------------------------------*/




  /*------------------------------------------------------------------------------------------------------*/

  /** Styling of layout specific elements

 */

  #topnav     a:link,
  #bottomnav  a:link,
  #topnav     a:visited,
  #bottomnav  a:visited    { color: #AAA; }
  #nav-level2 a:link,
  #nav-level2 a:visited    { color: #CCC; }

  #topnav     a:hover,
  #nav-level2 a:hover,
  #bottomnav  a:hover      { color: #F80; }
  #topnav     a:active,
  #nav-level2 a:active,
  #bottomnav  a:active     { color: #AC0; }

  #topnav a.current:link,
  #topnav a.current:visited,
  #bottomnav a.current:link,
  #bottomnav a.current:visited { color: #AC0; }

  #nav-level1 li.current a { color: #FFF; }

  #nav-level2 li.current a:link,
  #nav-level2 li.current a:visited { color: #AC0; }

  #nav-level3 li.current a { color: #FFF; }

}