body {font-family: Arial,serif;color: #000000;background-color: #6DB2F7;margin-top:20px;margin-bottom:20px;}





@media only screen
   and (max-device-width : 480px){  
   #sudsy { display: none;}
   #sidebar a{font-size:150%;}
	body #header{width:900px;height:720px;margin-left:-50px;}   
    body #middle{width:900px;height:800px;margin-left:-50px;}
	body #info{width:700px;height:220px;}	
    body p{font-size:200%;} 
	body li{font-size:200%;}
   }
   
   

#content{width:800px;margin-left:auto;margin-right:auto;}
#header{height: 600px;margin-left:auto;margin-right:auto; padding-top:20px;border-left:3px solid #000000;border-top:3px solid #000000;border-right:3px solid #000000;border-bottom:3px solid #000000;background-color: #ffffff;border-radius: 15px 15px 0px 0px;}
#middle{height: 600px;margin-left:auto;margin-right:auto; border-left:3px solid #000000;border-top:3px solid #000000;border-right:3px solid #000000;border-bottom:3px solid #000000;background-color: #ffffff;border-radius: 0px 0px 15px 15px;}
#footer{height: 200px;margin-left:auto;margin-right:auto; border-left:3px solid #000000;border-top:3px solid #000000;border-right:3px solid #000000;border-bottom:3px solid #000000;background-color: #ffffff;border-radius: 0px 0px 15px 15px;}
#info{height: 100px; width:600px; margin-left:auto;margin-right:auto; margin-top:180px;border-left:3px solid #000000;border-top:3px solid #000000;border-right:3px solid #000000;border-bottom:3px solid #000000;background-color:#F8E767;border-radius: 15px 15px 15px 15px;}


#sidebar ul{float:left;margin-left:40px;margin-right:auto;margin-bottom:20px;list-style-type: none;clear:right;border:0px solid #000000;margin-top:55px;}
#sidebar li{display:inline;text-align:center;padding: 0px;border:0px solid #000000;background: #FFFFFF; font-family:Arial,serif;font-style:normal;font-weight:bold;font-size:large;}
#sidebar a{float:left;margin-left:25px;margin-right:25px;display:block;padding:0px;width:100px;height:100px;line-height: 100px;border-radius: 100px;vertical-align:50%;border:3px solid #000;}
#sidebar a:link {text-decoration: none;color:#000;}
#sidebar a:visited {text-decoration: none;color:#000;}
#sidebar a:active {text-decoration: none;color:#000;}
#sidebar a:hover {background-image:url(../images/Bubble3.jpg);text-decoration: none;color:#000;background-color:#6DB2F7;}

h1{text-align:center;}
p{margin-left:30px;margin-right:30px;}
img.logo{display:block;margin-left:auto;margin-right:auto;}
img.flip{
		display:block;
		margin-left:auto;
		margin-right:auto;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
img.space{margin-top:50px;}
#bubble {
   background-image:url(../images/Bubble2.jpg);
   background-size: 100px;
   background-repeat: no-repeat;
    display:block;
	width:50px;
	height:50px;
}
#bubble  :hover{
 
   background-size: 120px;
   background-repeat: no-repeat;
    display:block;
	width:50px;
	height:50px;}
	
#fbubble {
   background-image:url(../images/fb1.jpg);
   background-size: 100px;
   background-repeat: no-repeat;
    display:block;
	width:50px;
	height:50px;
}
#fbubble  a:hover{
   background-image:url(../images/fb2.jpg);
   background-size: 120px;
   background-repeat: no-repeat;
    display:block;
	width:50px;
	height:50px;}

	
.shadow{box-shadow: -10px 0 5px -5px #888;}
.shadowbottom{box-shadow: 10px 0 5px -5px #888;}
.shadowtop{box-shadow: 0px -10px 15px -5px #888;}
.shadowinset{box-shadow: 0px -10px 5px -5px #888 inset;}
.fauxbackground{display:block;background-color:#6DB2F7;height:20px;width:810px;margin-left:-3px;}