@charset "UTF-8";
/* style sheet for swfa home page */
/*small res layout*/
@media only screen and (max-width:144px){
body {
	background-image: url(../assets/water102.png);
	
}


nav {display:none;}

h2 {
	color: #42577E;
	margin-left: 10px;
}


main figure figcaption {
	color: #42577E;
	font-size: medium;
	margin-left: -82px;
	width: 175px;
}

footer {
	margin-left: 150px;
}

.small {
	margin-left: -35px;
}
container header img {
}

ul.img {
	margin-left: -60px;
	width: 50px;
}

aside {display:none;}
body footer image {display:none;}
article {display:none;}
}

/*med res layout*/

@media screen and (min-width:145px){



.container {
	margin: auto;
	overflow: hidden;
	width: 955px;
	background-image: url(assets/water102.jpg);
	padding-top: 25px;
	border: 2px solid #537296;
	padding-bottom: 10px;
}

header {
	margin-bottom: 10px;
	margin-left: 149px;
}

h2 {display:none;}
ul {display:none;}
ul.small {display:none;}

nav {
	display: inline;
	margin-left: 30px;
	padding-left: 90px;
}

a {
	margin-right: 15px;
	text-decoration: none;
	font-size: large;
	color: #42577E;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	font-weight: bold;
}

aside {
	width: 200px;
	float: left;
	margin-left: 39px;
}

a:hover {
	color: #6887B5;
}

body aside p {margin-left: 43px; font-size: large; color: #30405D;}

aside figure img {
	border: 1px solid #30405D;
	margin-top: -20px;
	width: 125px;
}

aside figure figcaption {
	margin-bottom: 30px;
	color: #30405D;
	width: 150px;
	font-size: small;
}

.imgmain {
	margin-top: 50px;
}

.figcaptionmain {
	max-width: 400px;
	color: #30405D;
	font-style: italic;
	margin-left: 227px;
	margin-top: 5px;
}
	
body article img {
	padding-left: 7px;
}
footer  {
	max-width: 130px;
	padding-left: 106px;
}

.wave img {
	margin-bottom: 26px;
	margin-top: -44px;
	margin-left: 98px;
}
.container .wave {
	margin-left: 317px;
	width: 0px;
	margin-top: -12px;
}
}
/*hi res layour*/
@media screen and (min-width:960px){
body {
	padding-left: 75px;
}
	
.imgmain {
	width: 450px;
	margin-top: 50px;
}
body header img {
	margin-left: 125px;
}
body nav a {
	font-size: x-large;
}
body nav {
	margin-left: 70px;
}
body aside figure img{width: 150px;
}
.wave img {
	margin-top: 20px;
	margin-left: -50px;
}

body footer {
	margin-left: 350px;
}
}