/* css Zen Garden submission 210 - 'Oceanscape', by Justin Gray, http://www.pixel-house.com.au/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2007, Justin Gray */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */




/*------ basic elements -------------------------------------------------------------*/

body { 
	font-family: Verdena, Arial, Helvetica, sans-serif;
	background: #f0cc7d; 
	margin: 0px;
	}

p { font-family: Verdena, sans-serif; font-weight: normal; text-align: left; color: #fff; font-size: 11px; letter-spacing: 2px; line-height: 1.40em; }
a:link, a:visited { text-decoration: none; color: #B4794C;	}
a:hover, a:active { text-decoration: none; color: #ff9600; }
li { font-family: Verdena, sans-serif; font-size: 11px; font-weight: normal; letter-spacing: 2px; line-height: 1.40em; list-style-type: disc; display: block; color: #CC8956; }
ol { font-family: Verdena, sans-serif; font-size: 11px; font-weight: normal; letter-spacing: 2px; line-height: 1.40em; list-style-type: upper-roman; display: block; color: #CC8956; }


/*------ specific divs --------------------------------------------------------------*/

#container { 
	/*background-image: url(afrika_ornament.png);*/
	background-repeat: repeat-y;
	background-position: 70px; 
	width: 700px;
	color: #FDDFBD;
	padding-top: 100px;
	margin-top: 100px;
	padding-left: 70px; 
	padding-right: 30px; 
        margin: 70px auto 0px auto; 
	position: absolute;
	z-index: 6;
	}

#larchives  {
	background-image: url(voodoo02.png) no-repeat;
	width: auto;
	height: auto;
}

#intro { width: 440px; color: #B4794C; float: left;  }
#pageHeader { margin-bottom: 20px; float: left;	}


/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */

#pageHeader h1 { 
	background: transparent url(h1.gif) no-repeat top left;  
	width: 355px; 
	height: 29px; 
	float: left;
	margin: 0px;
	}

#pageHeader h2 { 
	background: transparent url(h2.gif) no-repeat top left; 
	width: 167px; 
	height: 12px; 
	float: right;
	margin: 2px 0 0 0;
	}

#quickSummary {
	color: #B4794C;
	background: transparent url(divider01.jpg) no-repeat;
	float: left;
	padding-top: 50px;
	}

#quickSummary p.p1 {
	background: transparent url(summary.gif) no-repeat;
	width: 356px;
	height: 49px;
	margin: 0px 0px 6px 0px;
	}
#quickSummary p.p1 span, #pageHeader h2 span, #pageHeader h1 span 
{ display: none; }

#quickSummary p.p2 { width: 355px; display: block; }



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

#supportingText { width: 356px; float: left; }

#supportingText h3, #intro h3 { 
	letter-spacing: 1px; 
        margin: 0px 0px 20px 0px;
	color: #B4794C;
	width: 355px;
	height: 18px;
	}
#preamble, #explanation, #participation, #benefits, #requirements 
{  padding-top: 60px; margin-top: 6px; float: left; }




#linkList {
	width: 300px;
	position: absolute;
	top: 120px;
	left: 600px;
	margin: 0px;
	padding-top: 10px;
	}

#linkList2 {
	font-family: Verdena, sans-serif; 
	letter-spacing: 1px; 
	background: transparent; 
	padding-top: 0px; 
	width: 300px; 
	}

#linkList ul {
	margin: 0px;
	padding: 0px;
	}

#linkList a.c {
    	display: inline;
    	color: #ff9600;
	text-decoration: none;
	font-weight: normal;
	text-transform: capitalize;	
}

#linkList li a { 
	color: #fff;
	text-decoration: none;
	}

#linkList li a:hover {
	color: #ff9600;
	}


/*------ Image Replacement for headings----------------------------------------------*/


#linkList h3 {
	width: 141px;
	height: 20px;
	display: block;
	margin: 0px;
	}


#linkList h3.select { background: transparent url(h3_select.gif) no-repeat; }
#linkList h3.archives {
	margin-top: 22px; 
	background: transparent url(h3_archives.gif) no-repeat; 
	}
#linkList h3.resources {
	margin-top: 22px; 
	background: transparent url(h3_resources.gif) no-repeat; 
	}



/*------ footer ---------------------------------------------------------------------*/

#footer {
	margin-top: 20px;
	margin-bottom: 25px;
}

#footer a:link, #footer a:visited { 
	margin-right: 6px; 
	color: #B4794C;
}

/*------ main images -----------------------------------------------------------------*/

#extraDiv1, #extraDiv2, #extraDiv3
{ position: absolute;  }


#extraDiv1 { 
	background: url(afrika_workshop_ev.jpg) no-repeat; 
	top: 0px;
	right: 0px; 
	width: 100%; 
	height: 244px; 
	}

#extraDiv2 {
	background: url(voodoo02.png) no-repeat;
	top: 550px;
	left: 650px; 
	width: 100%; 
	height: 100%; 
}

#extraDiv3 {
	background: transparent /*url(maske04s.png) no-repeat;*/
	top: 130px;
	right: 150px; 
	width: 100%; 
	height: 100%; 
}

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


TD#content_1  h2 {
	color: #B3784B;
	font-size: 1.3em;
}

TD#content_1  h3 {
	font-size: 1.0em;
	color: #B3784B;
	height: auto;
}


/* Menu 1 column */
TD#menu_1 {	
	vertical-align: top; 
	width: 200px;	
	padding-top: 10px;
}
TD#menu_1 DIV {
	width: 95%;
}
TD#menu_1 DIV A {
	color: #CC8956;
	text-decoration: none;
}
TD#menu_1 DIV A:hover {
	color: #ff9600;
}

/*  MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
  font-weight:normal;
  font-size: 11px;
  padding-top:7px;
  padding-left:20px;
  background-image: url(bullet_red.gif) ;
  background-repeat: no-repeat;
  background-position:1px 9px;

}
/*  MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
  font-size: 11px;
  font-weight:normal;
  padding-top:7px;
  padding-left:20px;
  background-image: url(bullet_red_down.gif) ;
  background-repeat: no-repeat;
  background-position:1px 9px;
  filter:alpha(opacity='70', style='0');
}
TD#menu_1 DIV.menu1-level1-act A {
  color:#CC8956;
	
}

/*  MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
  font-size: 11px;
  font-weight:normal;
  padding-top:7px;
  padding-left:50px;
  background-image: url(bullet_yellow.gif) ;
  background-repeat: no-repeat;
  background-position:33px 9px;
}
/*  MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
  font-size: 11px;
  font-weight:bold;
  padding-top:7px;
  padding-left:50px;
  background-image: url(bullet_yellow_down.gif) ;
  background-repeat: no-repeat;
  background-position:33px 9px;

}

/*  MENU 1, level 3, normal state (NO) */
TD#menu_1 DIV.menu1-level3-no {
  font-weight:normal;
  font-size: 11px;
  padding-top:7px;
  padding-left:80px;
  background-image: url(bullet_green.gif) ;
  background-repeat: no-repeat;
  background-position:60px 9px;

}
/*  MENU 1, level 3, active state (ACT) */
TD#menu_1 DIV.menu1-level3-act {
  font-size: 11px;
  font-weight:normal;
  padding-top:7px;
  padding-left:80px;
  background-image: url(bullet_green_down.gif) ;
  background-repeat: no-repeat;
  background-position:60px 9px;

}