body { text-align: center; width: 100%; height: 100%; margin: o auto;
	background-color: ff6633;
	margin: 0px;
	font-family; tmes new roman;
	font-size: 25px; }
	
#vwrap { width=: 100%; max-width:900px; min-height: auto; text-align: left; border:1px solid black; 
	margin: auto; box-shadow:0 3px 30px 0 #000000;  background-color: #99ffff; }
	

#header	{ width: 100%; max-width: 900px; text-align: center; background-color: #ccccff; border:2px solid blue; }



#navbar	{ width: 100%; max-width: 900px; background-color: gray; border: 0px; }


p { text-align: justify; font-size:18px; align: justify; padding-right: 10px; padding-left: 10px;}


.respond img { width: 100%; max-width: 100%; height: auto; }

	
	
#textstyle1 { font-family:Comic Sans MS; font-size: 12px; margin-left:10px; }
@media screen and (min-width: 150px) and (max-width: 199px) {#textstyle1 { font-size: 12px; } }
@media screen and (min-width: 200px) and (max-width: 350px) {#textstyle1 { font-size: 15px; } }
@media screen and (min-width: 351px) and (max-width: 450px) {#textstyle1 { font-size: 20px; } }
@media screen and (min-width: 451px) and (max-width: 550px) {#textstyle1 { font-size: 25px; } }
@media screen and (min-width: 551px) and (max-width: 650px) {#textstyle1 { font-size: 32px; } }
@media screen and (min-width: 651px) and (max-width: 750px) {#textstyle1 { font-size: 32px; } }
@media screen and (min-width: 751px) and (max-width: 850px) {#textstyle1 { font-size: 34px; } }
@media screen and (min-width: 851px) and (max-width: 950px) {#textstyle1 { font-size: 35px; } }
@media screen and (min-width: 951px) and (max-width: 1900px) {#textstyle1 { font-size: 36px; } }

#standard { height: 30px; opacity: 1.0; background-color: #ffff33; font-family:Times New Roman; 
font-size: 18px; margin-left:10px; float: right; padding-right: 10px; padding-left: 10px; border:solid thin black; }

@media screen and (min-width: 200px) and (max-width: 550px) {#standard { font-size: 18px; } }
@media screen and (min-width: 551px) and (max-width: 700px) {#standard { font-size: 20px; } }
@media screen and (min-width: 701px) and (max-width: 1900px) {#standard { font-size: 25px; } }


div.vbox { align:center; background-image: url('stone.jpg'); height: 60px; width:200px; margin-top: 10px; 
margin-left: 30px; border:solid thin blue; opacity: 1.0; text-align:center; }

.play { margin: 10px; height: 480px; width: 600px; Border:2px; solid Red; }

a { font-size: 18px; }
a:hover { opacity: 0.3; }
.imgLeft:hover  { opacity: 0.3; }

table.boxes { float: left; }


#access { padding-left: 20px; color: #fff; font-family:Times New Roman; font-size: 15px; padding-top: 5px; }
@media screen and (min-width: 200px) and (max-width: 350px) {#access { font-size: 0px; } }
@media screen and (min-width: 351px) and (max-width: 450px) {#access { font-size: 12px; } }
@media screen and (min-width: 451px) and (max-width: 550px) {#access { font-size: 18px; } }
@media screen and (min-width: 551px) and (max-width: 700px) {#access { font-size: 25px; } }
@media screen and (min-width: 701px) and (max-width: 850px) {#access { font-size: 30px; } }
@media screen and (min-width: 851px) and (max-width: 950px) {#access { font-size: 32px; } }
@media screen and (min-width: 951px) and (max-width: 1900px) {#access { font-size: 34px; } }