body {margin:0; padding:0;
	  font-size:11pt;
	  background:#191919;
	  }
	  
@-ms-viewport{
  width: device-width;
}

/* Bubble Navbar */
/* ============= */



/* ======  FIXED HEADER PANEL BOX for navbar and marquee ====== */	  
	  
#header-box  {
	position:fixed; top:0;
	clear:both;
	margin:0; padding:0;
	width:100%; height:auto;
	background-color:#191919;
	webkit-box-sizing: border-box;    
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	/* border:1px solid #8b0000;    /* (not with photo layouts */
	z-index:20;
	}
	



/* ================ BUBBLE NAVBAR =================== */



#navbar,
#navbar ul,
#navbar ul li,
#navbar ul li a {
   position: relative;
   display: block;
   height:2rem;
   margin: 0; padding: 0;
   border: 0;
   list-style: none;
   line-height: 1;	   
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }


#navbar {
  position:relative; clear:both;
  width: 100%; height:2rem;
  font-family: Helvetica, Arial, sans-serif;
  color: #a9a9a9; 
  }
#navbar.align-right ul li {
  float: right;
  border-right: 0;
  border-left: 1px solid rgba(25, 25, 25, 0.22);
  }
  
 #navbar.align-right ul li a {
	  border-right: 0;
	  border-left: 1px solid rgba(25, 25, 25, 0.15);
	  }

#navbar ul,
#navbar ul li {
  background: #191919;
 
  /* Old browsers */
  
 background: rgb(20,20,20);
background: -moz-linear-gradient(top,  rgba(20,20,20,1) 4%, rgba(43,43,43,1) 23%, rgba(109,109,109,1) 50%, rgba(48,48,48,1) 72%, rgba(15,15,15,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,rgba(20,20,20,1)), color-stop(23%,rgba(43,43,43,1)), color-stop(50%,rgba(109,109,109,1)), color-stop(72%,rgba(48,48,48,1)), color-stop(100%,rgba(15,15,15,1)));
background: -webkit-linear-gradient(top,  rgba(20,20,20,1) 4%,rgba(43,43,43,1) 23%,rgba(109,109,109,1) 50%,rgba(48,48,48,1) 72%,rgba(15,15,15,1) 100%);
background: -o-linear-gradient(top,  rgba(20,20,20,1) 4%,rgba(43,43,43,1) 23%,rgba(109,109,109,1) 50%,rgba(48,48,48,1) 72%,rgba(15,15,15,1) 100%);
background: -ms-linear-gradient(top,  rgba(20,20,20,1) 4%,rgba(43,43,43,1) 23%,rgba(109,109,109,1) 50%,rgba(48,48,48,1) 72%,rgba(15,15,15,1) 100%);
background: linear-gradient(to bottom,  rgba(20,20,20,1) 4%,rgba(43,43,43,1) 23%,rgba(109,109,109,1) 50%,rgba(48,48,48,1) 72%,rgba(15,15,15,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#0f0f0f',GradientType=0 );

}
#navbar:after,
#navbar ul:after {
  content: "";
  display: block;
  clear: both;
/*  visibility: hidden;  / hides submenus */
  line-height: 0;
  height: 0;       /* bottom tabs bg */
  }

#navbar ul li {
  float: left;
  display: block;
  /* ??? width:interit */
  border-right: 1px solid #8b0000;  /* remove for mk-last class */
  z-index: 1;
  }

#navbar ul li::after {
  content: "";
  width: 100%;
  height: 8px;          /* ??? change to rem */
  position: absolute;
  
 /* old browsers */

  z-index: 2;		/* ??? 20 in z_nav */
  bottom: 10px;     /* ??? */
	}
	
#navbar ul li a {
  display: block;
  padding: 10px 30px;    /* ??? z_nav 10 10 */
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  color:#b0c4de;    /* ??? z_nav ffffff */
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 3;        /* ??? z_nav 30 */
}



#navbar ul li a:hover,
#navbar ul li.active a {
  color:#e2e2e2; 
  font-weight:500;
  }
  
#navbar ul li:hover,
#navbar ul li.active {
  background: #191919;
  /* Old browsers */
background: rgb(125,126,125);
background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(150,150,150,1) 51%, rgba(14,14,14,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(51%,rgba(150,150,150,1)), color-stop(100%,rgba(14,14,14,1)));
background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(150,150,150,1) 51%,rgba(14,14,14,1) 100%);
background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(150,150,150,1) 51%,rgba(14,14,14,1) 100%);
background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(150,150,150,1) 51%,rgba(14,14,14,1) 100%);
background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(150,150,150,1) 51%,rgba(14,14,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );

  }
  
#navbar ul li:hover::after,
#navbar ul li.active::after {
 /* old browsers */

  }

#navbar ul li.inactive :hover,
#navbar ul li.inactive :hover::after,
#navbar ul li.inactive, 
#navbar ul li.inactive a{

	}
	
/* add za page title  after list-items */
/* ??? added from z_nav */

#navbar ul li.mk-last {
	float:right;
	margin:0 1rem -0.1rem 0; padding:0;
	text-decoration:none;
	}
	
#navbar ul li.mk-last:hover,
#navbar ul li.mk-last a {	
	font-size:0.9rem;
	font-style:italic;
	font-weight:500;
	text-transform:none;
	cursor:none;
	text-decoration:none;
	}
	
/* set local color background with .tzn in page */
	
div#navbar ul li.mk-last a {
	background-color:#a9a9a9;
	color:#191919;
	}

	
	
/* ========= Add Dropdowns-tabs ======= */
/* ??? added from z_nav */

#navbar ul ul {
	display: none;      /* hide the submenues */
	}

#navbar ul li:hover > ul {
		display: block;            /* reappear child ul of hovered li */

		}
	
#navbar ul ul {
	background:#2f4f4f;  	/* subtab background */
	opacity:0.9;
	min-width:100%;
	white-space:nowrap;
	margin:0; padding: 0;
	position: absolute; top: 100%;
	}
#navbar ul ul li {
	position: relative;
	float: none;
	background:#2f4f4f;			/* submenu container background */
	border:1px solid #b80000;
	}
#navbar ul ul li {border-top:none;}   /* & remove tops */
	
#navbar ul ul li:hover::after,
#navbar ul ul li.active::after {

  }
 
 
 #navbar ul ul li a {
	font-size:0.7rem;
	padding: 10px 20px 10px 20px;     /* widen sutab text field */
	color: #transparent;                         /* subtab text color */
	}
	
#navbar ul ul li a:hover {
	}
#navbar ul ul ul {
	position: absolute; left: 100%; top:0;
	}


/* disappear links not used */	
#navbar ul li.off {display:none;}


/* ===============  */
/*end bubble navbar */
	
	
	
	
/* ======================= NAMEPLATE ============================ */

#nameplate {
	position:relative; 
	top:0rem; left:0;    /* Expose top of name plate from under fixed header-box */
	
	display:block; 
	width:100%; height:auto;
	margin:0; padding:0;     
	z-index:10;   /* must be > wrapper */
	}
#nameplate .nameplate-img {
	border-bottom:2px solid black;
	z-index:10;                      /*  lay above wrapper must be > 1 for subtabs to show */
	}

			   
/* ===================== */
/* end of Nameplate   */


/* FOOTER */

//* ==============  FOOTER ================= */

 div#footer  a{}					/* must come first in footer rules ??? */
 
div#footer {
	position:relative; clear:both;
	margin:0; padding:1.6rem 0;
	height:auto;
	width:100%;
	background-image:url("../za_images/za_setup/sunrise.jpg");
	background-color:#191919;
	background-repeat:no-repeat;
	color:#daa520;
	z-index:9;
	}
	 
#footer ul {display:inline-block;
	width:100%; height:auto;
	align:top;
	margin-top:0.2rem;
	}
	
#footer li {
	display:inline;
	margin-right:2.8rem;   /* list item seperation */
	color:#daa520; 
	}                  

#footer li a {	
	width:100%;           /* divide total by #of list items */
	margin:0; padding:0;
	color:#daa520;
	text-decoration:none; border:0;
	}
	

/* ===================== READMORE NAVIGATION ====================== */


	
a.more::after {
	
	display:block;
	content:"Read more ...   ";
	margin:0; padding:0.4rem 0 1.5rem 0;
	font-size:1.1rem;
	font-family:Cambria, Georgia, "Palatino Linotype",Lucida,
	"Lucida Grande",Times, "Times New Roman", serif;
	font-style:italic;
	text-align:right;
	color:#0033cc;
	}

			
a.readmore:link {
	color:#0033cc;
	text-decoration:underline;
	}

a.readmore:visited {
	color:#0033cc;
	text-decoration:underline;
	}
a.readmore:hover {
	color:#003333;
	text-decoration:underline;
	}

/* END READMORE NAV */


/* adjust on page jump position */

a[name]:target {
    padding-top: 5rem; 
    margin-top: -5rem; 
	}
	
/* space nav buttons with margins & float */


ul li.top-nav { margin-left:25px !important;
				margin-right:10px !important;
				}

.next-rows { margin-left:10px;
             margin-right:0px;
			 }
.more-rows {margin-left:0px;
			margin-right:10px;
			}
			 
.prev-pic  {margin-left:10px; 
			margin-right:0px;
			}
			
.next-pic  {margin-left:0;
			margin-right:10px;
			}
			
.About-nav {float:right:;
            margin-right:50px;
			margin-left:10px;
			}

 ul li.align-right {
  float: right !important;
  border-right: 0;
  border-left: 1px solid rgba(25, 25, 25, 0.22);
  }
  
.align-right ul li a {
	  border-right: 0;
	  border-left: 1px solid rgba(25, 25, 25, 0.15);
	  }