/* Temporary Media Query Reporter  - COMMENT OUT  
================================================== 
body:after {
	font-size: 300%;
	font-weight: bold; 
	position: fixed;
	bottom:60px;
	width: 100%;
	text-align: center;
	background-color: hsla(1,60%,40%,0.7);
	color: #fff;
}

/* #Basic Styles
================================================== */


body {
	background-color:#99a09c;
}

div, p, ol, dl, dd, dt,
blockquote, fieldset, legend, label, input, textarea {
	font-family: 'Gudea', "Trebuchet MS", Helvetica, sans-serif; 
	color:#c5c5c5; 
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	margin-bottom:25px; 
	padding: 0; 
	border: 0;
}


sh1, h1, h2, h3, h4, h5, h6 {
	font-style:normal;
	color:#d0d0d0; 
	margin: 0 0 1em 0;
}


h1  {
	font-family: 'Oswald', "Trebuchet MS", Helvetica, sans-serif;
	font-size: 150%;
	font-weight:400;
	text-transform:uppercase;
	}

h2  {
	font-size: 100%;
	font-weight:600;	
	line-height:26px;
	margin-bottom:10px;
}

h3  {
	font-size: 120%;
	}
	
	
.text-overlay {
	background-color: rgba(0,0,0,0.8);
	margin-top:150px;
	padding:20px;
}

.head-divider {
	margin-top:-20px;
	background-color:#999;
}


/* #Links
================================================== */
	a:link {
		color: #f9e800; 
		text-decoration: none;
	}
	
	a:hover {
		color: #fff; 
		text-decoration: none;
	}

	a:active {
		color: #f9e800; 
		text-decoration: none;
	}
	
	a:visited {
		color: #f9e800; 
		text-decoration: none;
	}
	
/*  Navigation
================================================== */
#stickyheader {
    position:fixed; 
	z-index: 999;
	height:90px;
	width:100%;
	top:0px;
	padding:0 2%;
    background-color: rgba(0,0,0,0.8);    
	text-align:center;

}

nav { 
  	list-style: block; 
	margin-left:auto;
	margin-right:auto;
	padding: 0; 
}

nav li { 
	text-transform:uppercase;
	font-size: 0.8em;
	line-height: 125%;
	margin-right:3%;
}

nav-selected {
	color:#fff; 
}

nav ul {
	position: relative;
	display: inline-table;
	z-index:999999;
	
/*	width:204px; */
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

/* This affects the nav bar text and the items in the dropdown*/
nav ul li {
	float: left;
	margin-left:5px;
	margin-right:20px;
	list-style: none;
	color:#f9e800;
}


	nav ul li:hover { /* Background of menu item; applies to menu heading and menus */
		color:#fff;
	}

	
	nav ul li a {
		display: block; 
		margin: 10px; 
		text-decoration: none;
		font-size:130%; 
		text-transform:uppercase;
	}
	
	nav ul li a:link { 
		text-decoration:none;
		padding:0px;
		color:#333;
	}		
	
	nav ul li a:visited {
		color:#333; 
		text-decoration:none;
	}

	nav ul li a:hover {
		color:#29aee2; 
		text-decoration:none;
	}
	
	nav ul li a:active {
		color:#fff; 
		text-decoration:none;
	}
	
.tab-selected { 
	color:#fff 
}
	
/* #Layout
================================================== */
#main-container {
/*	max-width:1200px;
*/
/*
	min-width:770px;
	
	margin:0 auto ;
*/
}

/*  Desktop / Large Layout: >1440px wide  --------------------*/

@media only screen and (min-width: 1440px) {

}

/*  Desktop Layout: >1024px wide  --------------------*/

@media only screen and (min-width: 1024px) {

}

/*  Mobile / Large Layout: 628-1024 wide --------------------*/
@media only screen 
and (min-width : 628px) 
and (max-width: 1024px)  
{

	body:after {
		content: “MOBILE - LARGE”;
		background-color: hsla(270,60%,40%,0.7);
	}
	

		
#stickyheader {
    display:inline; 
	height:40px;
	padding:5px 0;

}

.title-logo {
	height:26px;
	float:left;
}

nav { 
	float:right;
	padding: 0.5%; 
}

nav li { 
	font-size: 1.0em;
	line-height: 125%;
	margin-right:3%;
}
	
}



/*  Mobile - Medium Layout: <628 --------------------*/
@media only screen
and (min-width : 480px)
and (max-width : 628px) 

{ 


#stickyheader {
    display:inline; 
	height:26px;
	padding:5px 0;

}

.title-logo {
	height:24px;
	float:left;
}

nav { 
	float:right;
	padding: 0.5%; 
}

nav ul li { 
	margin-right:4px;
}

nav li { 
	font-size: 0.7em;
	line-height: 125%;
	margin-right:2%;
}


}

/* Mobile - Small <480px wide  --------------------*/

@media only screen 
and (max-width: 480px) 

{ 


#stickyheader {
    display:inline; 
	height:51px;
	padding:5px 0;

}

.title-logo {
	height:24px;
	float:Center;
}

nav { 
	float:none;
	padding: 0.5%; 
}

nav ul li { 
	margin-right:2px;
}

nav li { 
	font-size: 0.7em;
	line-height: 125%;
	margin-right:2%;
}
}