@charset "UTF-8";

/*style sheet for art_html*/
/*lo res

@media screen and (max-width: 520px){
	
body {background-color: #DDE6F3;}
	
body header {margin-left:40px}

.small {
	text-shadow: 0 0 0px;
	-webkit-box-shadow: 4px 4px 7px #293B56;
	box-shadow: 4px 4px 7px #293B56;
	width: 400px;}
	
.large {display:none;}

body main figcaption {
	margin-left: 40px;
	color: #293B56;
	font-style: italic;
	margin-top: -10px;
	width: 400px;
	font-size: large;
	font-weight: bold;
	margin-bottom: 15px;}
.p  {
	color: #293B56;
}

.wave {width: 400px; margin-top: -10px;}
	
body footer {margin-left: 40px; margin-top: -15px;}

body footer a {text-decoration: none;color: #293B56; margin-right: 25px;}

}*/

/*med res*/

@media screen and (min-width: 521px) {
	
body {
	background-color: #42577e;
	}
	
.container {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	overflow: hidden;
	width: 900px;
	background-image: url(../assets/water102.jpg);
	border: 2px solid #537296;
	padding-bottom: 20px;
}
	
body header img {
	margin-left: 150px;
	margin-top: 20px;
}
		
#Image1 {
	width: 90px;}


.small {display:none;}	

.main {
	width: 903px;
	text-align: center;
	margin-top: 20px;
}

.navbuttons {
	-webkit-box-shadow: 0 0;
	box-shadow: 0 0;
	width: 900px;
	text-align: center;
	margin-bottom: -30px;
}
.largevert {
	-webkit-box-shadow: 5px 5px 7px #293B56;
	box-shadow: 5px 5px 7px #293B56;
	}
	
.largehor {
}
h3   {
	color: #293B56;
	font-style: italic;
	font-size: large;
	font-weight: bold;
	margin-top: 1px;
}

.p {
	color: #293B56;
	font-size: large;
	width: 900px;
	text-align: center;
	margin-top: -10px;
}
	
.wave {
	margin-left: 112px;
	width: 600px;
}

body footer {margin-left: 460px; margin-top: -15px;}

body footer a {text-decoration: none;color: #293B56; margin-right: 25px;}

}

/*hi res*/

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

.wave {
	width: 800px;
	margin-left: 9px;
}

body footer {
	margin-left: 601px;
}

}