/* get the color and set page fixed width, centered in window */
body {
	background-color: #B5DFF9;
}

/* general styling */
/* links */
a {
	text-decoration: underline;
}
a:link {
	color: #00F;
}
a:visited {
	color: #808;
}
a:active, a:hover {
	color: #080;
}

h1, h2, div#footer {
	border-style: groove;
	border-color: #FFF;
	border-width: 2px 0 0 0;
	padding-top: 8px;
	margin-top: 8px;
}

div#footer {
	text-align: center;
}
div#footer img {
	border: 0;
}

/* navigation links : centered, smaller text, no list styling */
ul.navlinks {
	text-align: center;
	font-size: 90%;
	list-style: none;
}

/* navigation links items : inline, with spacing either side */
ul.navlinks li {
	display: inline;
	margin: 0 0.5em 0 0.5em;
}

/* navigation link styling : no wrapping within link */
ul.navlinks li a {
	white-space: nowrap;
}

/* image styling */
/* general */
img {
	border: 1px solid black;
	margin: 0;
	padding: 0;
    max-width: 100%;
    height: auto;
}
/* make linked images have colored borders matching link colors */
a:link img {
	border-color: #00F;
}
a:visited img {
	border-color: #808;
}
a:hover img, a:active img {
	border-color: #0F0;
}

pre{
    overflow: auto;
}

/* SML.com logo at top */
img.logo {
	border: 0;
	float: right;
	margin: 0 0 8px 8px;
}

/* left aligned */
img.left {
	float: left;
	margin: 0 8px 8px 0;
}
/* right aligned */
img.right {
	float: right;
	margin: 0 0 8px 8px;
}

/* vacationrentals section */
div.vacationrentals p {
	text-align: center;
}

/* location of places on SML */
p.location {
	font-size: 80%;
}

/* list items */
ul li {
	margin: 0.5em 0 0.5em 0;
}

/* address style */
address {
	margin-left: 2em;
	font-style: normal;
}

/* about icon */
img.about {
	border: 0px none;
	float: left;
	margin: 0 8px 8px 0;
}

.container{
    width: 95%;
    max-width: 760px;
    margin: 1em auto 1em auto;
}

.text-center{
    text-align: center;
}

@media all and (max-width: 552px){
    img.logo,img.right,img.left, img[align='right'],img[align='left']{
        float: none;
        margin: 0 auto !important;
        text-align: center;
        display: block;
    }

    ul.navlinks{
        padding: 0;
    }

	ul.navlinks li{
		display: block;
		padding: 3px 0;
	}

	ul.navlinks li a{
		font-size: 17px;
	}
}