* { margin:0; padding:0;}

html,body { width: 100%; height: 100%;

 overflow-x: hidden; /* home page only! */

}

#bg {  width: 353px; margin: auto; }

h1 {
 color: #430177;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 24px;
 margin-bottom: 10px;
}

p {
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 10pt;
 margin-bottom: 10pt;
}

.menuitem { float: right; margin-left: 0px; }

.container {
   width: 750px;
   margin: auto;
}

.menucontainer {
   width: 750px;
   margin: auto;
}

h2 {
 color: #B0B0B0;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 10pt;
}

h4 {
  color: #FFFFFF; 
  font-size: 18pt;
  line-height: 18pt;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  padding-top: 4px;
  margin: 0;
}

img.listpic {
 float: left;

 width: 145px;
 height: 180px;
}

img.rounded { width: 100%; height: auto; opacity: 1.0;  filter: alpha(opacity=100); }

#homecontent { background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; margin-top: 10px; }
#aboutcontent { background-color: white; padding-left: 10px; padding-right: 10px; padding-top: 10px; float: left;  }
#mainbox { float: right; margin-top:30px; width: 428px; overflow: hidden; }
#slideholder { width: 100%; height: 230px; }
#aboutslides { width: 292px; padding-top:30px; /* height:460px; */ float: right; padding-right: 20px; position:relative; }
#master1 { top: 100px; }
#master0 { width: 100%; }
img.slide { width: 100%; height: auto; }
#backdrop { height: 500px; }
#altfooter { display: none; position: absolute; width: 100%; bottom: 3px; }


#myId { max-width: 353px; }

@media screen and (max-width: 700px) {
	.menucontainer {
            width: 98%; 
	}
	.container {
            width: 98%; 
	}
     /* #backdrop { height:88%; } */
      #mainbox { width: 98%; padding-bottom: 30px; }
    #aboutslides { width: 50%; padding-top: 0; padding-right:0; margin-right:25%; }
    body { background-image: url('images/bgw.gif');
           background-repeat: no-repeat;
           background-color: #220031;
    }
    #footer {display: none; }
    #altfooter { display: block; }
}


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

     #menubar { display: none; }

	.menucontainer {
            display: none;
	}

	#mainbox {
            width: 98%;
            margin-right: 1%;
	}

      img#myLogo { width: 290px; height: auto; }

    #aboutslides { width: 90%; margin-right: 5%; }


}
@media screen and (max-width: 320px) {

      img#myLogo { width: 250px; height: auto; }

}
@media screen and (max-width: 260px) {

      img#myLogo { width: 180px; height: auto; }
      img#myMenu { width: 30px; height: auto; }      
    #aboutslides { margin-left: 0; width: 240px; }
}