/* 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:#e2e2e2;
	webkit-box-sizing: border-box;    
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	z-index:20;
	}
	
/* ----------- MARQUEE ------------ */
#marquee, #marquee ul, #marquee li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
#marquee {
	position:relative; clear:both;
	margin:0; padding:0.4rem;
	height:auto; overflow:hidden;
	min-width:100%; width:100%;
	 background-color:#ffdead;
	z-index:30;
	 }
	 
#marquee ul {
	display:inline-block;
	width:100%; height:auto;
	margin-top:0em; margin-left:-2rem;
	list-style-type:square;
	border-bottom:1px solid #191919;
	}
#marquee li {
	display:inline-block;
	height:auto; width:auto;
	margin:0; padding:0 1.2rem 0 0;
	border-right:1px solid #191919;
	}

#marquee li.mq-last {border-right:none;}	

#marquee li a {
	height:auto; width:auto;
	margin-top:0.5rem;
	vertical-align:center;
	color:black;
	font-size:1.1rem;
	font-weight:600;
	font-family:Arial,Verdana,Calibri,"New Times Roman", sans;	
	}

/* ================== */
/*   END OF MARQUEE   */
	

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

#navbar,
#navbar ul,
#navbar ul li,
#navbar ul li a {
	position:relative;
	display: block;
	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;                /* full width  height of ul */
  font-family: Helvetica, Arial, sans-serif;
  color: #fff;
  background-color:#e2e2e2;                   /* navbar background */
  z-index:3;
  }
#navbar.align-right ul li {
  float: right;
  border-right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.22);
  }
#navbar.align-right ul li a {
  border-right: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  }
#navbar ul {
  display:inline;        /* -table condense width of menu to fit */
  height100%;           /*  provide enough room for tabs */
  padding:0;            /* no space above tabs */
  background:#e2e2e2;   /* nav tabs background */
  
  /* Old browsers */
/*
  background: -moz-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -webkit-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -o-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: -ms-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
  background: linear-gradient(to top, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
 */
  }
#navbar:after,
#navbar ul:after {
  content: "";
  display: block;
  clear: both;                   /* clear fix */
 /* visibility: hidden;          Don't hide the Submenus */                  
  line-height: 0;
  height: 3.5px;      /* bottom height of tabs background  (raise/lower) relative to ul height */
  }
#navbar ul li {
	  float: left;
	  display: block;
	  width:inherit;
	  height:100%;
	  border-right: 1px solid rgba(0, 0, 0, 0.22);
	  z-index: 1;
	  }
#navbar ul li::after {
	  content: "";
	  width: 100%;                     /* individual tab width */
	  height:2rem;                   /* upper height of list item tab from header box top */
	  position: absolute;
	  top:0rem; bottom: 9px;                  /* set bottom edge of list item at bottom of ul box */
	  border-bottom: 3px solid #708090;
									
/*									
	  border-top-left-radius: 30% 20px;      
	  border-top-right-radius: 30% 20px;
*/	  
	  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
	  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
	  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
	  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
	  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));  
	  background-color:#cd5c5c;     /* tab color */
	  z-index:20;
	  }

#navbar ul ul li:after {                  /* Remove subtab shaping */
	border-radius:0;
	}

/* NAV LINK TEXT BOX */

#navbar ul li a {
  display: block;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 0.8em;               /* nav link text */
  text-transform: uppercase;
  color: #ffffff;			      /* white text on red background */
  border-right: 1px solid rgba(255, 255, 255, 0.15);
 /* background-color:#000;  */
  z-index: 30;
  }

/* Active or Hovered tab coloring */

#navbar ul li:hover,
#navbar ul li.active {
  background: #1275ae;
   
  /* Old browsers */

  background: -moz-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -webkit-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -o-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -ms-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: linear-gradient(to top, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
	}
#navbar ul li:hover::after,
#navbar ul li.active::after {
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	}

/* Inactive Tab Coloring */

#navbar ul li.inactive :hover,
#navbar ul li.inactive :hover::after,
#navbar ul li.inactive 
#navbar ul li.inactive a{
	  background: -moz-linear-gradient(bottom, #2f4f4f 0%, #696969 50%, #808080 51%, #778899 78%, #d3d3d3 100%);
  background: -webkit-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -o-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: -ms-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
  background: linear-gradient(to top, #2f4f4f 0%, #696969 50%, #808080 51%, #778899 78%, #d3d3d3 100%);
	}
#navbar ul li:hover::after,
#navbar ul li.active::after {
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #696969 61%, #696969 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #696969 61%, #696969 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #696969 61%, #696969 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #696969 61%, #696969 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	}

/* add Z page # after list-items */

#navbar li.z-last {
	border:none;
	background:#e2e2e2;
	text-decoration:none;
	margin:0 2rem; padding:0;
	}

#navbar  li.z-last a {
	
	font-size:0.9rem;
	font-style:italic;
	font-weight:500;
	background:#e2e2e2;
	color:#191919;
	border:none;
	text-decoration:none;
	}
	

	
/*  ================== Add Dropdowns-tabs ================= */

#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 */
	width:inherit;
	margin:0; padding: 0;
	position: absolute; top: 100%;
	}
#navbar ul ul li {
	position: relative;
	float: none;
	width:inherit;
	background:#cd5c5c;			/* subtab container background */
	/* border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;  */	
	}
	
#navbar ul ul li:hover::after,
#navbar ul ul li.active::after {
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  }
 
 
 #navbar ul ul li a {
	font-size:0.7rem;
	padding: 10px 20px 10px 20px;     /* widen sutab text field */
	color: #fff;                         /* subtab text color */
	}
	
#navbar ul ul li a:hover {
	background: #4b545f;
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
	background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
	background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
	background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
	}
#navbar ul ul ul {
	position: absolute; left: 100%; top:0;
	}

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


/* ======================= NAMEPLATE ============================ */

#nameplate {
	position:relative; top:5.2rem;     /* Expose top of name plate from under fixed header-box */
	display:block; float:left;
	width:100%; height:auto;
	margin:0 0 5.2rem 0; padding:0;      /* compensate for repositioned nameplate */
	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:2em;
	height:8em; overflow:hidden;
	min-width:100%; width:100%;
	background-image:url("../images/banners/sunrise.jpg");
	 background-color:transparent; 
	
	 }
	 
#footer ul {display:inline-block;
	width:100%; height:auto;
	margin-top:1rem;                      /* vertical alignment of links */
	
	}
#footer li {display:inline;}              /* horizontal alignment */        

#footer a {	
	width:100%;           /* divide total by #of list items */
	margin:0 2%; padding:0;
	color:#ff4500;
	opacity:0.8;
	text-decoration:none; 
	border:0;
	}
	
#footer p {
	font-size=0.9rem;
	color:#ff4500;
	font-style:italic;
	}
/* ===================== 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;
	}
	
a[name]:target {
  padding-top: 8rem; 
  margin-top: -8rem;
}

/* END READMORE NAV */