/*----------STYLE FOR SITE MAP PAGE------------*/

#sitewrapper {
	display: block;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	background: #f1ece6;
	overflow: auto;
}

#sitemap1 {
	display: inline-block;
	float: left;
	width: 30%;
	float: left;
	margin-left: 19%;
}

#sitemap2 {
	display: inline-block;
	float: left;
	width: 30%;
	float: left;
	margin-left: 1%
}

.mainlist {
	padding-left: 10px;
	text-decoration: none;
	line-height: 2em;
	list-style-type: none;
	font-size: 1em;
}

.sublist {
	text-indent: 3em;

		line-height: 2em;
	list-style-type: square;
	list-style-position: inside;
	font-size: 1em;
}

.trilist {
	text-indent: 5em;

		line-height: 2em;
	list-style-type: circle;
		list-style-position: inside;
	font-size: 1em;
}

#sitewrapper a {
	color: #3a90c7;
}

#sitewrapper :hover {
	color: red;
}

#sitewrapper :visited {
	color: #828282;
}

/* ------------------------iPHONE PLUSES (screen: 1080px maximum)-------------------------- */

@media only screen and (min-width: 751px) and (max-width: 1080px) {
#sitewrapper {
display: block;
width: 100%;
}

#sitemap1, #sitemap2 {
display: block;
	width: 90%;
float: none;
margin-left: 10%;
}

.mainlist, .sublist, .trilist {
line-height: 1.5em;
}		
}

/* ------------------------PHONE iPAD AND PHONE (screen: 750px maximum)-------------------------- */
@media only screen and (max-width: 750px) {
#sitewrapper {
	display: block;
width: 97%;
margin-left: 1%;
}

#sitemap1, #sitemap2 {
display: block;
	width: 97%;
float: none;
margin-left: 1%;
}

.mainlist, .sublist, .trilist {
line-height: 1.5em;
}
}

/* ------------------------TINY PHONES (screen: 500px maximum)-------------------------- */
@media only screen and (max-width: 500px) {
	
.mainlist, .sublist, .trilist {
		font-size: .9em;
line-height: 1.5em;
}
}