@charset "UTF-8";
/* CSS Document */

/* -------------    Screen Width   ----------------*/
#main_content  {max-width:1148px;}


/* -------------    Positioning    ----------------*/

	.graphics-container	{ position:relative; }
	.graphics	{	position:absolute; }

/* -------------    Panel classes    ----------------*/

	.panel-600	{	height:600px;
					min-height:600px;
					max-height:600px;
	 }
	.panel-550	{ 	height:550px;
					min-height:550px;
					max-height:550px;
					border:1px solid #aaaaaa;
					border-radius:11px;
	}
	.panel-500	{ 	height:500px;
					min-height:500px;
					max-height:500px;
					border:1px solid #aaaaaa;
					border-radius:11px;
					overflow:scroll;
	}
	.panel-485	{ 	height:485px;
					min-height:485px;
					max-height:485px;
					border:1px solid #aaaaaa;
					border-radius:11px;
					overflow:scroll;
	}
	.panel-465	{ 	height:465px;
					min-height:465px;
					max-height:465px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	.panel-450	{ 	height:450px;
					min-height:450px;
					max-height:450px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	.panel-425	{ 	height:425px;
					min-height:425px;
					max-height:425px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	.panel-415	{ 	height:415px;
					min-height:415px;
					max-height:415px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	.panel-375	{ 	height:375px;
					min-height:375px;
					max-height:375px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	
	.panel-325	{ 	height:325px;
					min-height:325px;
					max-height:325px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	
	.panel-300	{ 	height:300px;
					min-height:300px;
					max-height:300px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	
	.panel-236	{ 	height:236px;
					min-height:236px;
					max-height:236px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	.panel-220	{ 	height:220px;
					min-height:220px;
					max-height:220px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	.panel-210	{ 	height:210px;
					min-height:210px;
					max-height:210px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	
	.panel-200	{ 	height:200px;
					min-height:200px;
					max-height:200px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	
	.panel-185	{ 	height:185px;
					min-height:185px;
					max-height:185px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	
	.panel-175	{ 	height:175px;
					min-height:175px;
					max-height:175px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	
	.panel-162	{ 	height:162px;
					min-height:162px;
					max-height:162px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	
	.panel-130	{ 	height:130px;
					min-height:130px;
					max-height:130px;
					border:1px solid #ccc;
					border-radius:11px;
					overflow:scroll;
	}
	
	.panel-100	{ 	height:100px;
					min-height:100px;
					max-height:100px;
					border:1px solid #ccc;
					border-radius:11px;
					/*overflow:scroll;*/
	}
	
	.panel-85	{ 	height:85px;
					min-height:85px;
					max-height:85px;
					border:1px solid #ccc;
					border-radius:11px;
					/*overflow:scroll;*/
	}
	
	.panel-75	{ 	height:75px;
					min-height:75px;
					max-height:75px;
					border:1px solid #ccc;
					border-radius:11px;
					/*overflow:scroll;*/
	}
	
	/*-------------------------------------------------*/
	/*-----------   TEXT FORMATS    -------------------*/
	
	.headline-24{	text-align:center;
					font-size:24px;
					font-weight:500;
	}
	
	.headline-24left{text-align:left;
					margin-left:32px;
					margin-top:0px;
					font-size:24px;
					font-weight:400;
	}
	.screen-title{	text-align:center;
					font-size:24px;
					font-weight:200;
	}
	.caption-headline{margin-top:1em;
					text-align:center;
					font-size:20px;
					font-weight:500;
	}
	.caption-text{ 	margin-left:5%;
					margin-right:5%;
					font-size:18px;
					font-weight:300;
	}
	caption-tiny{	min-height:30px;
					margin-top:1em;
					text-align:center;
					font-size:10px;
					font-weight:200;
					vertical-align:bottom;
	}
	/*-------------------------------------------------*/
	/*-----------   ROW STYLES      -------------------*/
	.row-no-space{ 	margin-top:0;
					margin-bottom:0;
					padding-top:0;
					padding-bottom:0;
	}
	.row-small-space{margin-top:0.5em; } 
	.row-md-space	 {	margin-top:0.75em; } 
	.row-space	 {	margin-top:1em; } 
	.row-lg-space	 {	margin-top:1.5em; } 
	.row-arrow-space{ 	
					margin-top:57px;
					margin-bottom:0;
					padding-top:0;
					padding-bottom:0;
	} 
	/*-------------------------------------------------*/
	/*-----------   COLUMN STYLES   -------------------*/
	.left-spacer{ 	margin-right:-40px; }
	.left-md-spacer{margin-right:-31px; }
	.left-sm-spacer{margin-right:-25px; }
	.col-arrow-space{ 	
					margin-left:0;
					margin-right:0;
					padding-left:0;
					padding-right:0;
					/*this provides a way to see the columns.  Set to 0 alpha for production*/
					border:1px solid rgba(0,0,0,0); 
	}
	.col-rtarrow-space{ 	
					margin-left:0;
					margin-right:-50px;
					padding-left:0;
					padding-right:0;
	}
	.col-rtpatharrow-space{ 	
					margin-left:0;
					margin-right:-50px;
					padding-left:0;
					padding-right:0;
	}
	/*-------------------------------------------------*/  
	/*-----------      BADGES  ------------------------*/
	.blue-badge26{	width:26px;
					min-width:26px;
					max-width:26px;
					height:26px;
					min-height:26px;
					max-height:26px;
					border-radius:26px;
					background-color:#33AADD;
					margin-left:1em;
					font-style:italic;
					color:#FFF;
					text-align:center;
					font-size:18px;
					font-weight:bold;
	}
	 
	/*-----------   MAP FORMATTING  -------------------*/
	
	#visit_label{ 	top:0px;
					left:15px;
					background-color:#704080;
					padding-left:30px;
					width:150px;
					min-width:150px;
					border-radius:0 11px 11px 0;
					padding-bottom:2px;
	}
	#visit_dot 	{ 	top:-12px;
					left:-17px; 
				 	background-color:#99C; 
					border:5px solid #704080;
					border-radius:50px;
					width:50px;
					min-width:50px;
					height:50px;
					min-height:50px;
					box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
					z-index:100;
	}	
	.dot-container-h{ margin-top: -57px;
	}
	.dot-label-h{	top:0px;
					left:15px;
					background-color:#2a7070;
					padding-left:30px;
					min-width:150px;
					border-radius:0 11px 11px 0;
					padding-bottom:2px;
	}
	.dot-label-v{	margin-top:45px;
					margin-left:-40px;
					left:50%;
					background-color:#2a7070;
					text-align:center;
					width:80px;
					min-width:80px;
					border-radius:11px 11px 11px 11px;
					padding-bottom:2px;
	}
	.dot-label-link{color:#fff;
					font-size:16px;
	}
	.dot 		{	top:-13px;
					left:-17px; 
					color:#fff;
					font-family:  Trebuchet, sans-serif;
					font-size:30px;
					font-weight:bold;
					padding-left:9px;
					background-color:#2a7070; 
					border:5px solid #66CCCC;
					border-radius:50px;
					width:50px;
					min-width:50px;
					height:50px;
					min-height:50px;
					box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
					z-index:100;
	}	
	.dot-v		{	top:-13px;
					left:50%; 
					margin-left:-27px;
					color:#fff;
					font-family:  Trebuchet, sans-serif;
					font-size:30px;
					font-weight:bold;
					padding-left:9px;
					background-color:#2a7070; 
					border:5px solid #66CCCC;
					border-radius:50px;
					width:50px;
					min-width:50px;
					height:50px;
					min-height:50px;
					box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
					z-index:100;
	}
	.dot-x		{	margin-left:-7px;
					margin-top:5px;
					background-color:#b6ccca; 
					border:3px solid #c8E8d8;
					border-radius:30px;
					width:30px;
					min-width:30px;
					height:30px;
					min-height:30px;
					box-shadow: 0px 0px 4px rgba(255,255,255,1);
	}
	.arrow-v	{	margin-top:42px; }
	.dot-container-v{ 
					width:100%;
					margin:0;
					margin-top: -20px;
					margin:right:15px;
	}
	.dot-compass{	text-align:center;
					color:#fff;
					font-size:32px;
					margin-top:-4px;
					margin-left:-1px;
	}
	.dot-numeral{	margin-top:0px;
					margin-left:-9px;
					text-align:center;
		
	}
	
	.maparrow-toprow{width:100%;
					height:15px;
					margin-top:30px;
	}