/**
	 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
	 * http://cssreset.com
	 */
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		margin:0px;
		background-color:#4D4D4D;
		color:#666;
		font-size:1em;
		font-family:Verdana,Helvetica,Arial,sans-serif;
	}

	a {
		color: #666;
		font-size: .9em;
		text-decoration:none;
		font-weight: bold;
	}

	a img {
		border:none;
	}

	a:hover {
		color: #167ffb;
	}

	h1 {
	    font-size:1.5em;
	    font-weight: bold;
	    color: #fff;
	    padding-left:1%;
	    margin: 0 0 0 20px;
	}
	    
	h3 {
	    font-weight: bold;
		font-size: 1.2em;
	    margin: 25px 0 0 0;
		color: #000;
	}


	.clear{
		clear:both;
		height:0;
		margin:0;
		font-size: 1px;
		line-height: 0;
	}

	#page {
		width: 85%;
		max-width: 1200px;
		background-color: #fff;
		padding: 0 0 15px 0;
		margin:0 auto 0 auto;
		border-color: #333;
		border-style:solid;
		border-right: 6px solid #9bd76f;
		border-bottom: 6px solid #ffe000;
		border-left: 6px solid #9bd76f;
		box-shadow: 3px 3px #333;
		overflow: auto;
	}

	#header {
		width:85%;
		max-width: 1200px;
		border-right: 6px solid #9bd76f;
		border-left: 6px solid #9bd76f;
		background-color:#000;
		box-shadow: 3px 3px #333;
		margin:0 auto 0 auto;
	}

	#geoDictHeader {
		width:85%;
		max-width: 1200px;
		border-right: 6px solid #9bd76f;
		border-left: 6px solid #9bd76f;
		background-color:#000;
		box-shadow: 3px 3px #333;
		margin:0 auto 0 auto;
	}


	#headerTitle {
		font-size: 1.3em;
		line-height: 1.3em;
		position:relative;
		border-width: 0 67px 0 0;
		border-color: #ffe000;
		border-style:solid;
	}

	#headerTitle h1{
		overflow:hidden;
		font-size: 1.3em;
		padding: 20px 0 19px 0;	
		border-width: 0 67px 0 0;
		border-color: #9bd76f;
		border-style:solid;
	}

	#nav {
		height:35px;
		background-color:#ffe000;
		overflow:hidden;
}

	#nav h4{
		font-weight: bold;
		font-size: .8em;
		display: inline-block;
		float:left;
		padding:3px 10px 0 0;
	}

	#nav li{
		float:left;
		display:inline-block;
	}

	#nav a{
		padding:10px 15px 10px 15px;
		display:block;
		font-size: .9em;
		border-left:3px solid #FFEC65;
		font-weight: normal;	
		color:#00263c;
	}

	#nav a:hover{
		background-color: #FFEC65;
		color: #075361;
	}

	.selected {
		background-color:#FFEC65;
	}

	#nav a.firstN{
		border:none;
	}

	#nav a.lastN{
		border-right:3px solid #FFEC65;

	}

	#footer {
		color:#fff;
		font-size:.5em;
		font-family: sans-serif;
		width: 85%;	
		max-width: 1200px;
		margin: 0 auto 0 auto;
		padding-left:-3px;
	}

	#footerLogo a {
		float:left;
		margin: 10px 10px 20px -6px;
	}

	#copyright {
		margin: 0 0 10px 0;
		padding: 35px 0 0 0;
	}

	#disclaim{
		float:right;
		font-style:italic;
		color:#fff;
		margin: 10px -6px 0 16px;
		width: 50%;	
		line-height: 1.4em;
		text-align: right;
	}


	.italBody {
		font-style:italic;
	}

	.row {
		position:relative;
		overflow:auto;
		margin-top: 15px;
	}

	.column1 {
		margin-left:2%;
		float: left;
		width: 47%;
	}

	.column2{
		margin-right:2%;
		float:right;
		width: 47%;
	}

	.column2 p {
		font-size:.8em;
		margin:15px 0 5px 0;
	}

	.twoColumn {
		margin: 20px 2% 0 2%;
		padding: 10px 0 6px 0;
		border-color: #84C0DE;
		border-style:solid;
		border-width: 0 0 2px 0;
		font-size: 1.2em;
}

	.grnLink {
		display:block;
		color: #666;
		background-color: #eee;
		padding:8px 6px 8px 12px;
		border-color: #9bd76f;
		border-style:solid;
		border-width: 0 0 0 3px;
		line-height: 1.3em;
	}

	.grnLink:hover {
		color: #333;
		padding-left: 6px;
		background-color: #ecf4de;
		border-color: #ccc;
		border-width: 0 0 0 9px;
		border-color: #9bd76f;
	}

	.yeloLink {
		display:block;
		color: #666;
		background-color: #eee;
		padding:8px 6px 8px 12px;
		border-color: #ffe000;
		border-style:solid;
		border-width: 0 0 0 3px;
		line-height: 1.3em;
	}

	.yeloLink:hover {
		color: #333;
		padding-left: 6px;
		background-color: #fffcdf;
		border-width: 0 0 0 9px;
		border-color: #ffe000;
	}

	.mapType {
		font-style: italic;
		font-weight: normal;
		font-size: .8em;
	}

	#geoPage {
		width: 85%;
		max-width: 1200px;
		background-color: #00263c;
		padding: 0 0 15px 0;
		margin:0 auto 0 auto;
		border-color: #333;
		border-style:solid;
		border-right: 6px solid #9bd76f;
		border-bottom: 6px solid #ffe000;
		border-left: 6px solid #9bd76f;
		box-shadow: 3px 3px #333;
		overflow: auto;
	}

	#geoDictContent #nav {
		margin: 0 0 0 0;
		border:none;
}

	#geoDictContent #nav a{
		font-size: 1em;
		padding:0 10px 0 10px;
		border-left:2px solid #9bd76f;
		font-weight: normal;	
		color:#00263c;
	}

	#geoDictContent #nav a.firstN{
		border:none;
	}

	#geoDictContent #nav a.lastN{
		padding-right: 0px;
	}


	#geoDictImage{
		margin:0 auto -20px auto; 
	}

	#geoDictImage img {
		width: 100%;
	}

	#geoDictContent{
		font-size:.85em;
		color:#fff;
	}

	#geoDictContent .twoColumn {
		margin: 0px 2% 0 2%;
		padding: 0 0 6px 0;
		border-color: #ffe000;
		border-style:solid;
		border-width: 0 0 2px 0;
		font-size: 1.2em;
	}

	#geoDictContent h3{
		color:#fff;
	}

	#geoDictContent .column1{
		margin-right:2%;
		float:left;
		width: 45%;
	}

	#geoDictContent .column2{
		margin-right:2%;
		float:right;
		width: 45%;
	}

	#geoDictContent dt{
		font-weight: bold;
		margin-top: 10px;
		padding-top: 10px;
		border-top: 1px solid #075361;
	}

	#geoDictContent dt.firstTerm{
		font-weight: bold;
		margin-top: 10px;
		border-top: none;
	}


	#geoDictContent dd{
		line-height: 1.5em;
		margin-left: 15px;
		padding-top: 3px;
	}

	#geoFooter {
		color:#fff;
		font-size:.5em;
		font-family: sans-serif;
		width: 85%;	
		max-width: 1200px;
		margin: 0 auto 0 auto;
		padding-left:-3px;
		/*border-style:solid;
		border-width: 4px 0 0 0;
		border-color: #333;*/
	}

	#atlasKeyPage {
		width: 85%;
		max-width: 1200px;
		background-color: #00263c;
		margin:0 auto 0 auto;
		border-color: #333;
		border-style:solid;
		border-right: 6px solid #9bd76f;
		border-bottom: 6px solid #ffe000;
		border-left: 6px solid #9bd76f;
		box-shadow: 3px 3px #333;
		overflow: hidden;
	}

	#atlasKeyImage{
		margin:0;
	}

	#atlasKeyImage img {
		width: 100.5%;
		margin: 0 -1px -3px -1px;
	}





	@media only screen and (max-width: 768px){
		#header {
			width:90%;
		}	

		#geoDictHeader {
			width:90%;
		}	


		.column1{
			width: 100%;
			margin:0 2% 0 2%;
			overflow: hidden;
		}

		.column2{
			width: 100%;
			margin:0px 2% 0 2%;
			float:none;
			overflow: hidden;
		}
		.twoColumn {
			margin-bottom:0px;
			margin-top:10px;
		}
		#page {
			width:90%;
			overflow: hidden;
		}

		#geoPage {
			width: 90%;
			overflow: hidden;
		}


		.row {
			margin: 0;
			overflow: hidden;
		}
		.yeloLink {
			margin: 0 26px 0 0;
			padding:10px 12px;
			background-color: #fff;
			border-bottom: 1px solid #eee;
			border-left:3px solid #eee;
		}

		.grnLink {
			margin: 0 26px 0 0;
			padding:10px 12px;
			background-color: #fff;
			border-left:3px solid #eee;
			border-bottom: 1px solid #eee;

		}
		.grnLink:hover, .yeloLink:hover {
			border-bottom: 1px solid #eee;
		}

		#footer {
			width:90%;
		}

		#geoFooter {
			width:90%;
		}

		#nav{
			height: auto;
		}

		#nav h4{
			display: block;
			float:none;
			padding:3px 0 0 0;
		}

		#nav ul{
			float:none;
		}

		#nav li{
			display:block;
			float:none;
			border-bottom: 1px solid #FFEC65;
		}
	
		#nav a{
			border-left:none;
			font-weight: normal;	
			color:#000;
			width:100%;
		}

		#nav a:hover{
			text-decoration: none;
		}
		#atlasKeyPage {
			width:90%;
		}
}

	
	@media only screen and (max-width: 580px) {
		#headerTitle h1{
			font-size: 1.2em;
		}
}
	@media only screen and (max-width: 380px) {
		#headerTitle h1{
			font-size: 1.0em;
			margin-left: 10px;
			line-height: 1em;
		}

}