.smnav
{
	color: #000;
	font-size: .7em;
	font-weight: bold;
	padding: 5px;
    list-style-type:none;
    text-align: left;
	}

.smnav a
{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: .3em .3em;
	}

.smnav a:link { color: #000; }
.smnav a:visited { color: #000; }

.smnav a:focus
{
	color: #000;
	background-color: white;
}

.smnav a:hover
{
	color: #000;
	background-color: #D9F2D8;
}

.smnav a:active
{
	color: #000;
	background-color: white;
}



/* 1 column: 300px */
.sitemaparea {
  margin: 0 auto;
	max-width: 800px;
}
.sitemaparea img {
  float: left;
  margin: 0 1em 0 0;
}
.sitemaparea .module {
  background-color: white;
    margin-bottom: 1em;
}
.clear {clear: both;}

/* 2 columns: 600px */
@media only screen and (min-width: 600px) {
  .sitemaparea .module {
		float: left;
		margin-right: 2.564102564102564%;
		width: 48.717948717948715%;
	}
	.sitemaparea .module:nth-child(2n+0) {
		margin-right: 0;
	}
}

/* 3 columns: 768px */
@media only screen and (min-width: 768px) {
  .sitemaparea .module {
		width: 31.623931623931625%;
	}
	.sitemaparea .module:nth-child(2n+0) {
		margin-right: 2.564102564102564%;
	}
	.sitemaparea .module:nth-child(3n+0) {
		margin-right: 0;
	}
}

/* 4 columns: 992px and up */
@media only screen and (min-width: 992px) {
  .sitemaparea .module {
		width: 23.076923076923077%;
	}
	.sitemaparea .module:nth-child(3n+0) {
		margin-right: 2.564102564102564%;
	}
	.sitemaparea .module:nth-child(4n+0) {
		margin-right: 0;
	}
}