article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display : block;
}

a {text-decoration:none;}

#container {width:99.9%;padding:0;background-color:transparent;}
#background {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index: -99999;
	background-size:cover;}

body {
	font-size:10px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif;
	}

a {
	cursor:pointer;
	}

/* HEADS */
h1, h2, h3, h4, h5, h6, body {
margin: 0;
padding: 0;
}

h1 { 	font-family:Arial Black, Gadget, sans-serif;
		font-weight: bold;
		font-size:3.5em;
		}

h2 {	
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:2em;
	}
	
h2.subtitle {
	font-weight: normal;
	margin-top:8px;
	line-height:150%;
	font-size: 2.8em;
	}

h3 {
	background: none;
	font-size: 1.7em;
	padding: 0px;
	}
	
h4 {
   color:black;
   border:none;
   font-style:italic;
   margin-left:2%;
   }

   /* BODY TEXT (PARAGRAPHS AND LIST ITEMS) */
   
p, li {
      font-size:1.5em;
	  line-height:150%;
	  padding:0;
	 }
	  
li {
      margin-top:1em;
	  }

.box {
      background-color: rgba(0, 106, 81, 0.08);
	  padding:.2em 1.5em;
	  margin-bottom:1.5em;
	  border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;}
	  

 /* SLIGHTLY DIFFERENT FONT DEFINITIONS FOR ITALS AND BOLD TO AVOID BADLY RENDERED VERSIONS */
		  
strong, em, b, i, h2, h3, h4, p.tbl_title {
		font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif;
	}
 
/* IMAGES */
img {border-style:none;}
article img {margin-bottom:2%;width:100%;}
figure {
	width:50%;
	min-width: 310px;
	float:right;
	cursor: pointer;
	transition: width  .3s ease-out;
	-moz-transition: width .3s ease-out;
	-webkit-transition: width .3s ease-out;
	-o-transition: width .3s ease-out;
	}
 .full {
	width:100%;
	margin-end:0px;
	-webkit-margin-end:0px;
	-moz-margin-end:0px;
	-o-margin-end:0px;	
	
	}	
 .noPointer {cursor:default;}
 img.logo {position:relative;right:260px; width:200px;float: left;margin-right:-300px;} 																			
	
/* TABLES */

table {
    border-spacing:1em;
	border-collapse:collapse;
	font-size:1.2em;
	margin-top:1em;
	line-height:150%
	}
table.small {font-size:1em;}

td {
	padding:0.3em .5em;
	vertical-align:top;
	}

.source {font-size:1.2em;}

tr:first-child td , tr.extraHead td{
	font-weight:bold;
	border-bottom:1px solid black;
	border-top:1px solid black;
	}

tr:last-child td {
	border-bottom:1px solid black;
	}

.tbl_head td p {padding: 0px;}
.indent_cell {padding-left:1em;}
.tbl_title {font-size:1.7em;font-weight:bold;}

/*SUBMENU NAVIGATION */
#subMenu {
	margin: 7px -550px  7px 0;
	right: 50%;
	width: 137px;
	padding: 0 10px 10px 10px;
	top: 113px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	background-color:rgba(236, 243, 248, .9);
	position:fixed;
	-moz-box-shadow: 8px 8x 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 8px 8px rgba(0,0,0,0.7);
	box-shadow: 8px 8px 10px rgba(0,0,0,0.7);
	}

ul.subMenuClass {
	display:none;
	padding-left:0;
	}

.subMenuClass li {
	color:#006A51 !important ;
	background-color:transparent !important;
	display:block;
	}

.subMenuClass li a {color:#000 !important;}
	
.subMenuClass li:hover {
	color:#e44911 !important ;
	}

/*MAIN MENU NAVIGATION */
#menu_wrapper {
	background-color:#fffbe8;
	padding: 10px 15px 10px 15px;
	width:100%;
	max-width:865px;
	margin: 0 0 0 -443px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	position:fixed;
	left:50%;
	top:-1px;
	z-index:9999;
	-moz-box-shadow: 8px 8x 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 8px 8px rgba(0,0,0,0.7);
	box-shadow: 8px 8px 10px rgba(0,0,0,0.7);
	}

#menu_wrapper li {
	list-style-type: none;
	display:inline;
	background-color:#44a08a;
	color:white;
	font-weight:bold;
	cursor:pointer;
	padding:5px;
	font-size:1.24em;
	
	}
#contents_content h3, #figure_list li, #table_list li{
	cursor:pointer;
	text-decoration:underline;
	}

#contents_content h3:hover, #figure_list li:hover, #table_list li:hover	{
	text-decoration:none;
}
	
li.current {
	background-color:#006a51 !important;
	}
	
#menu_wrapper li:hover {background-color:#e44911;}

#menu_wrapper ul {
	margin:0;
	padding:0;
	position: relative;
	top: 10px;
	height:30px;
	}

	/* ARTICLES */
article {
	padding: 20px 30px 10px 30px;
	margin: 107px auto 0 auto;
	background-color:#fff;
	max-width:650px;
	background-color:#fff;'
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	position:relative;
	}
	
.hide {
	display:none;
	}

.show {
	display:block;
	
	}

article.standalone {
	width:93%;
	background-color:#fff;'
	font-size:1em;
	-moz-box-shadow: 8px 8x 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 8px 8px rgba(0,0,0,0.7);
	box-shadow: 8px 8px 10px rgba(0,0,0,0.7);
	max-width: 200%;
	font-size:1em;
	overflow-x:scroll;}

article.standalone table {font-size:1em;}

#credits_content {
	background-color:transparent;
	color:#006A51;
	font-weight:bold;
	padding:0;
	max-width:740px;
	margin-top:95px;
}	
#app_content {
	background-color:transparent;
}
#ref_content p {
	margin-left:2em;
	text-indent:-2em;
	margin-top:0;
	-webkit-margin-after: 0;
	}

#credit {float:right;}							
.bold {font-weight:bold;}
.top_link {display:none;}

.top_link {display:none;}

.hidePhone {display:inline;}

.phoneOnly {display:none;}

.lteIE8 {display:none;}

								
																	
								/* smartphones ----------- */
									@media all and (max-device-width: 767px), all and (max-width:520px){
										
										body {font-size:14px !important;}
										p, li  {line-height:130%;}
										ul {padding-left:10%;}
										
										.phoneOnly {
											display:inline;
											zoom:1.5;
											}
										.top_link {
											display:inline;
											font-size: .7em;
											color:#aaa !important;
												}
										#background{
											background:none !important;
										}
										
										#menu_wrapper {
											position:static;
											padding-top:10px;
											font-size:2em;
											margin:0 !important;
											padding-left:2%;
											padding-right:2%;
											height:600px;
											width:96% !important;
											max-width:100% !important
											}
										#menu_wrapper ul {
											top:0;
											margin-top:10px;
											}
										
										#menu_wrapper li {
											display:block;
											margin:1px;
											font-size:1em;
										}
										
										#subMenu {
											display:none !important;
										}
										article {
											width:96%;
											margin:0;
											padding-left:2%;
											padding-right:2%;
											max-width:100% !important;
										}
										article.standalone {
											width:96%;
											margin-top:20px;
											max-width:100% !important;
											}
										
										#app_content, #credits_content  {
											background-color:rgba(255,255,255,1);
											margin:0;
											width:96%;
											max-width:100% !important;
											padding-left:2%;
											padding-right:2%;}
											
										#credits_content img{display:none;}
										
										.top_link {display:inline;}
										h2.subtitle a.top_link {display:none;}
										
										#container figure {
											width:100%;
											margin-left:0;
											margin-right:0;
											}
											
										table {
											font-size:1em;
											}
										.tableDiv {
											overflow-x:auto;
											width:100%;
										}
										
										.hide {
											display:none;
											}
										.show {
											display:block;
											}
										.pull-quote {
											width:100%;
										}
										.hidePhone {display:none;}
										
										p, li {
											font-size:2.2em;
											}
									}
									
								
									
									/* iPads (portrait and landscape) ----------- */
									@media only screen
									and (min-device-width : 768px)
									and (max-device-width : 1024px) {
										article {
											max-width:550px;
											}
										#menu_wrapper {
											max-width:750px !important;
											margin-left:-390px !important;
										}
										#subMenu{
											margin-right:-470px !important;
										}
										.hide {
											display:none;
											}
										.show {
											display:block;
											}
										.logo {
											display:none !important;
											}
										
										#credits_content {
											background-color:rgba(255,255,255,.5);
											padding:2em;}
										}