html,body {
	/*
	padding:0;
	margin:0;
	overflow:hidden;
	*/
	height:100%;
	width:100%;
	min-width:750px;
	margin:auto	
}

body {
	background-color:#c2c2c2;
	color:#fff;
	font-size:medium;
	font-size:1vmax;
	font-weight:400;
	overflow:hidden;
	font-family: 'Dosis', sans-serif;
}

a {
	color:white;
	font-weight:600;
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
	color:red;
}
	  
#header {
	height:70px;
	background:#000;
	color:#fff;
	margin:0;
	overflow:hidden;
}

		h1 { /* Thanks to http://css-tricks.com/oprah-burst-title-thing/ */
		  text-align: center;
		  color: white;
		  text-transform: uppercase;
		  padding: 1px;
		  font-family: 'Raleway',Helvetica, Arial, Verdana, sans-serif;
		  position: relative;
		  background: -webkit-linear-gradient(left, black, #eee, black);
		  background: -moz-linear-gradient(left, black, #eee, black);
		  background: -ms-linear-gradient(left, black, #eee, black);
		  background: -o-linear-gradient(left, black, #eee, black);
		  margin-top:11px;
		  font-size:xx-large;
		  font-size: 1.7hmax;
		  }
		h1:before {
		  content: "";
		  position: absolute;
		  z-index: -1;
		}
		h1 a {
		  background: black;
		  display: block;
		  text-decoration: none;
		  letter-spacing: 0.5em;
		  color: white;
		}
		
		h1 a:hover {
		  text-decoration:none;
		}
/*
#logoArea{
	float:right;
	width: 180px;
	height: 32px;
	padding-right:5px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.logo{
	border:none;
	outline:none;
	height: 38px;
	padding: 0px;
}

#logoImg{
	width: 128px;
	float: left;
}

#logoImg1{
	width: 30px;
	float: right;
}


#social{
	margin-bottom:20px;
}


#msLink{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	outline:none;
}
*/

#AudLogo{
	position:absolute;
	z-index:100;
	bottom: 10px;
	left: 10px;
	width:65px;
	height:56px;
}

.esriControlsBR{
	bottom:40px;
}
	  
.tile {
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	width:140px;
	height:110px;
	font-size:x-small;
	font-size:0.7vmax;
	font-family: 'Dosis', sans-serif;
}

.tile-selected {
	background-color:#FFFFFF;
	color: #000;
}

.tile-hover {
	cursor:pointer;
	background-color:#7D7D7D;
}

.thumb {
	width: 120px; 
	height: 80px; 
}

.number {
	font-family: 'Dosis', sans-serif;
	font-size:small;
	font-size:0.8vmax;
	width:20px;
	background-color:#FF0000;
	color:#FFFFFF;
	position:absolute;
	left:10px;
	top:10px;
}

.number-blue {
	background-color:#1880f3;
}

#middle {
	width:100%;
	height:60%;
}

#left {
	height:100%;
	float:left;
	position:relative;
    background-color: #000;
	
}

#right {
	height:100%;
	float:right;
	background-color:#848484;
	position:absolute;
	top:auto;
	right:0px;
}

#bottom {
	width:100%;
	height:150px;
	background-color:#000;
}

#cfader {
	width:100%;
	height:100%;
	position:relative;
}

.arrow {
	cursor:pointer;
}

#arrowPrev {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

#arrowNext {
	position:absolute;
	right:0px;
	top:0px;
	z-index:101;
}

#map {
	border:none;
	padding:0;
	height:100%;
	width:100%;
	overflow:hidden;
}

#zoomToggle{
	position:absolute;
	right:15px;
	top:50px;
	width:32px;
	z-index:2;
	cursor:pointer;
	visibility:hidden;
}

#hoverInfo{
	font-size:small;
	font-size: 0.9vmax;
	font-family: 'Dosis', sans-serif;
	position:absolute;
	padding:5px;
	max-width:200px;
	background-color:#ffffff;
	color: #000000;
	border:#848484 solid 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 2px 2px 10px #333;
	-webkit-box-shadow: 2px 2px 10px #333;
	box-shadow: 2px 2px 10px #333;
	filter: progid: DXImageTransform.Microsoft.Shadow(strength = 2, direction = 135, color = '#333333');
	-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 135, Color = '#333333')";
	overflow:hidden;
	display:none;
	z-index:100;
}

/**
 * carousel overrides.
 */
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 95%;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
	height: 100%;
	/**overflow-x: scroll;
	bottom: 10px;*//
}

.jcarousel-skin-tango .jcarousel-item {
    width: 140px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-container  {
	border:none;
	background:none;
}
/**
.jcarousel-next{
	display: none !important;
}
	
.jcarousel-prev{
	display: none !important;
}
*//

.esriPopup .outerPointer {
	display:none;
}

.esriPopup .pointer.top {
	display:none;
}

.esriPopup .pointer.bottom {
	display:none;
}

.esriPopup .pointer.bottomLeft {
	display:none;
}

.esriPopup .pointer.bottomRight {
	display:none;	
}

.esriPopup .pointer.topLeft {
	display:none;
}

.esriPopup .pointer.topRight {
	display:none;
}

.esriPopup .actionsPane {
	border-radius:0px;
}

.esriPopup .titlePane {
	display:none;
}

.esriPopup .actionsPane {
	display:none;
}

.esriPopup .sizer {
	max-width:125px;
	text-align:center;
}

.esriPopup .contentPane {
	border: 1px solid;
	padding:2px;
}

	  	::-webkit-scrollbar {
		height: 20px;
		}
 
		::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
		-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	  box-shadow; inset 0 0 6px rgba(0,0,0,0.3); 
		border-radius: 20px;
		-webkit-border-radius: 20px;
	  -moz-border-radius: 20px;
		}
 
		::-webkit-scrollbar-thumb {
		border-radius: 20px;
		-webkit-border-radius: 20px;
	  -moz-border-radius: 20px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	  box-shadow; inset 0 0 6px rgba(0,0,0,0.3); 
		background-color:#fff;
		}