/*BC Benn CSS
Colors:
bisque = #FFE4C4
corn silk = #FFF8DC
gray = #666666
linen = #FAF0E6
powder blue = #B0E0E6
teal = #008080
alice blue = #F0F8FF


Colors:
bisque = #FFE4C4	//retired 02/12/2022
cornflowerblue = #6495ED
corn silk = #FFF8DC	//retired 02/12/2022
azure = #F0FFFF
gray = #666666
linen = #FAF0E6
powder blue = #B0E0E6
teal = #008080
alice blue = #F0F8FF

darkcyan = #008B8B
lightblue = #ADD8E6
darkturquoise = #00CED1



*/

* {box-sizing:border-box;}

header h1 {	padding-top:0;
		color: teal;
		text-shadow: 4px 3px 10px #B0E0E6;
		text-align: center;
		font-family:"lucida handwriting", papyrus;
		font-size: 300%;
		line-height:.8em;}
	   

#wrapper {	color: #000066;
			width: 95%;
			margin: auto;
			min-width:1000px;
			max-width: 1300px;
			background-color:#FFE4C4;
			background-image:radial-gradient(#F0FFFF,#ADD8E6);
			box-shadow: 3px 3px 3px #666666;
			border-radius: 5px;
			padding-top:20px;} 
           
body {	color:#008080;
		background-color:#F0F8FF;
		background-image: url(IMG_6999.JPG);
		background-repeat:no-repeat;
		background-size:100%;
		font-family:papyrus,verdana;}
	
main {	color:#008080;
		background-color:#F0F8FF;
		font-family:papyrus,verdana;
		width:90%;		
		border: 1px 2px #B0E0E6;
		margin-left:auto;
		margin-right:auto;
		border-radius: 5px;
		box-shadow: 3px 3px 3px #666666;
		padding: 10px;
		padding-top:0;}
		
h1 {	color: teal;
	text-shadow: 2px 1.5px 5px #B0E0E6;
	text-align: center;
	font-family:"lucida handwriting", papyrus;
	font-size: 120%;		
	}
		
h2 {	color: teal;
	text-shadow: 2px 1.5px 5px #B0E0E6;
	text-align: center;
	font-family:"lucida handwriting", papyrus;
	font-size: 90%;		
	}

		
h4 {padding:0;}

figure{	float:left;
	border: 1px 2px #B0E0E6;
	box-shadow: 3px 3px 3px #666666;
	background-color:#B0E0E6;
	padding-right:20px;
	padding-top:5px;
	
	}
figure img {	padding:5px;
		padding-left:20px;
		border-radius: 5pt;
		}
		
fieldset{	float:right;
		margin-top:50px;
		margin-right:100px;
		width: 400px;
		border: 2px 2px #008080;
		border-radius: 5px;
		box-shadow: 3px 3px 3px #666666;
		text-align: center;}
		
fieldset form, p {	text-align: center;}


	
.clearFloat {clear:both;}


nav {color:#008080;
	font-family:"lucida handwriting", papyrus;
	font-size: 120%;
	font-weight: bold;
	width:auto;	
	background-image:linear-gradient(to top, #F0FFFF,#008B8B);
	border-radius: 5pt;	
	text-shadow: .5pt .5pt .5pt #B0E0E6;
	margin:auto;
	border-bottom:1px solid #008080;
	padding-bottom:0.4em;
	padding-top:0.5em;
	line-height:.8em;
	
	}
	
nav ul  {	margin:auto;			
		padding:0;
		text-align:center;}	

				
nav ul li {	list-style-type:none;		
			
			display:inline;
			padding-left:25pt;}
			
nav ul li form {	display:inline;
			padding-left:0;
			}		

a {	text-decoration:none;
	color: #008080;	}
	
nav a:link {color:#2F4F4F;}
nav a:visited {color:#696969;}
nav a:hover {color: #FFFAFA;}

footer {	text-align:center;
			font-family: "lucida handwriting", papyrus;
			font-weight:bold;}
	 
footer a {	text-decoration:none;
			color: teal;}

footer nav {text-align:center;
			font-family: "lucida handwriting", papyrus;
			font-weight:bold;
			text-decoration:none;
			color: teal;}	
	
img { 	border-radius: 5px;
	border: 1px 2px #B0E0E6;}

table {	width:auto;
	margin:auto;
	height:auto;
	color: #000066;
	background-color:#FFE4C4;
	background-image:radial-gradient(#F0FFFF,#00CED1);
	box-shadow: 3px 3px 3px #666666;
	border-radius: 5px;
	padding-top:20px;}

tr td {	border:1px solid #191970;
		color:#2E8B57;
		text-align:center;
		text-shadow: 1px 1px 1px #191970;
		font-size:100%;		
		font-family:"lucida handwriting";
		background-image:linear-gradient(to top, #F0FFFF,#008B8B);
		box-shadow: 2px 2px 2px #191970;
		border-radius:5px;
		width:80em;}
@media only screen and (max-width: 1280px){

	body {	margin:0;
		padding:0;
		}
	

	#wrapper {	width:auto;
			min-width:0;
			margin:0;}
			
	h1 {	margin:0;
		font-size:1em;
		line-height: .7em;}
	
	header h1 {	font-size:1.8em;
			line-height:.8em;
			padding-bottom:5px;}
	
	
	nav {	width:auto;
		
		
		}
	
		
	nav a {	padding:0;	
		font-size: 1em;
		line-height:0;
		}
	
	nav ul {text-align:center;
		padding:0;
		margin:auto;
		display:inline;}
			
	main {	font-size:75%;
		margin:auto;
		padding-left:5em;
		width:90%;}
	
	footer {margin:0;}
	
	figure{	
		width:342px;
			
		border: 1px 2px #B0E0E6;
		box-shadow: 3px 3px 3px #666666;
		background-color:#FAF0E6;}
	
	figure img {	
		border-radius: 5pt;
		width:342px;
		height:228px;
		align:center;}
		
	fieldset{		
		width: 350px;
		border: 2px 2px #008080;
		border-radius: 5px;
		box-shadow: 3px 3px 3px #666666;}
		
	fieldset form {	align:center;
			}
		
	fieldset img {width:100px;}
		
	
		
	
  	
	}

@media only screen and (max-width: 1024px){

	body {	margin:0;
		padding:0;
		}
	

	#wrapper {	width:auto;
			min-width:0;
			margin:0;}
			
	h1 {	margin:0;
		font-size:1em;
		line-height: .7em;}
	
	header h1 {	font-size:1.8em;
			line-height:.8em;
			padding-bottom:5px;}
	
	nav {	width:auto;}
	
		
	nav a {	padding:0;	
		font-size: 1em;
		line-height:0;}
	
	nav ul {text-align:center;
		padding:0;
		margin:auto;
		display:inline;}
			
	main {	font-size:50%;
		margin:auto;
		padding-left:5em;
		width:90%}
	
	footer {margin:0;}
	
	figure{	
		width:342px;
			
		border: 1px 2px #B0E0E6;
		box-shadow: 3px 3px 3px #666666;
		background-color:#FAF0E6;}
	
	figure img {	
		border-radius: 5pt;
		width:342px;
		height:228px;
		align:center;}
		
	fieldset{		
		width: 250px;
		border: 2px 2px #008080;
		border-radius: 5px;
		box-shadow: 3px 3px 3px #666666;}
		
	fieldset form {	align:center;
			}
		
	fieldset img {width:100px;}
		
	
		
	
  	
	}

@media only screen and (max-width:768px){

	body {	max-width:768px;}
	
	header h1 {	font-size:1.2em;
			line-height: 1em;
			padding-bottom:.5em;
			text-align:center;}
		
	nav {	width:auto;}
	
	nav a {	display:block;
		padding-bottom:.6em;
		margin:auto;
		
		font-size:1em;
		border-bottom: 1px solid #008080;}
	
	nav li { display:block;	}
	
	nav ul { text-align:center;}
	
	main { 
		width:auto;
		height:auto;
		font-size:50%;}
		
	nav ul li form {display:inline;
			padding-left:7.5em;
			}	
	
	figure{	
		width:260px;
		margin-left:auto;
		margin-right:auto;	
		border: 1px 2px #B0E0E6;
		box-shadow: 3px 3px 3px #666666;
		background-color:#FAF0E6;}
	
	figure img {	
		border-radius: 5pt;
		width:250px;
		height:150px;
		align:center;}
		
	fieldset{		
		width: 200px;
		border: 2px 2px #008080;
		border-radius: 5px;
		box-shadow: 3px 3px 3px #666666;}
		
	fieldset form {	align:center;
			}
		
	fieldset img {width:100px;}
	
	
	#clearFloat {clear:both;}
	
		
	#mobile { display: inline;}
	
	#desktop {display:none;}
	
	
	#iphone {display:none;}

}