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

/*----CSS RESET----*/
/*http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/


/*----/CSS RESET----*/

.clear{clear: both;}
.floatleft{float: left;}
.floatright{float: right;}

a:link, a:visited, a:hover{text-decoration: underline;}
a:hover{text-decoration: none;}


ul{font-size: 1.2em;}

h2{float: left; font-size: 1.6em; margin: 10px; text-decoration: underline;}
.select{float: right;}

label{float: left; font-size: 1.2em; padding: 3px 0 10px 5px; width: 160px;}
#counties input{float: left; padding: 3px 0 0 0; width: 25px;}

.submit{height: 60px; float: right; width: 150px;}

form{margin: 0 auto; width: 926px;}
#container-map{
	float: left;
	padding: 0px;
}
#map-box{
	margin: 0px;
	padding: 0px;
}

#areas{background: #262835; float: right; padding: 10px; width: 600px;}
#regions{color: white; float: left; font-size: 1.4em; width: 190px;}
#regions{-moz-user-select: none;} /*stops the text from hilighting in Mozilla when the user double clicks an area*/
#regions li:hover{background-color: #5B5F7D;}
#regions li{border-bottom: solid 1px #3C3E52; line-height: 2em; padding: 0 5px; cursor: pointer;}
#counties{background: #3C3E52; color: white; float: right; min-height: 338px; padding: 5px; width: 400px;}
fieldset{clear: both; margin: 0 0 10px 0;}

.tip, .select{font-size: 1.4em; padding: 10px 5px 20px 5px;}

.selectall, .deselectall{cursor: pointer; text-decoration: underline;}

/* Initially hide these elements. If the user doesn't have JavaScript enabled, they will simply not show, offering an alternative way to use the map.*/
#st-c{display: none;}
.select{display: none; text-align: center;}
#regions{display: none;}


/* 16. SCROLL TO TOP */

	.scroll-up {
	position: fixed;
	display: none;
	z-index: 999;
	bottom: 1em;
	right: 25em;
	background-image:url(../images/studing/upicon.png);
	}

	.scroll-up ul{
		margin: 0;
		padding: 0;
	}

	.scroll-up li{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.scroll-up a {

		display: block;
		width: 40px;
		height: 40px;
		text-align: center;
		font-size: 20px;
		line-height: 38px;
	}

	.scroll-up a:hover,
	.scroll-up a:active {

		color: #000;
	}