* {
  margin: 0;
  padding: 0;
  }

body {
   /*font-family: Georgia, "Times New Roman", Times, serif;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #000000;
   background-color: #FFFFFF;
   background: url(images/Caprice.jpg);
   text-align: center; 
   font-size: 90%;
   }

a { 
   color: #000000; 
   text-decoration: none;
   /*font-weight: bold;*/
   }

a:visited { 
   color: #000000; 
   /*font-weight: bold;*/
   }

a:active { 
   color: #33CC99; 
   }

div.wrapper {
   width: 800px;
   height: 1000px;
   margin: 0 auto;
   text-align: left;
}

/* music button on main page */
div.musicbutton {
   position: fixed;
   left: 12px;
}

/* yellow logo w/ Hoboe and music in blues */
div.hoboemusiclogo {
   width: 100%;
   height: 175px;
   background:url(images/hoboelogo.png) no-repeat center;
   clear: both;
   text-align: center;
   padding: 10px;
}

/* yellow who we are logo */
div.logo-whoweare {
   width: 100%;
   height: 135px;
   background:url(images/logo-whoweare.png) no-repeat center;
   clear: both;
   text-align: center;
   padding: 10px;
}

/* yellow contact logo */
div.logo-contact {
   width: 100%;
   height: 135px;
   background:url(images/logo-whoweare.png) no-repeat center;
   clear: both;
   text-align: center;
   padding: 10px;
}

/* yellow oboe camp logo */
div.logo-oboecamp {
   width: 100%;
   height: 135px;
   clear: both;
   text-align: center;
   padding: 10px;
}

/* yellow gallery logo */
div.logo-gallery {
   width: 100%;
   height: 135px;
   /*background:url(images/logo-gallery.png) no-repeat center;*/
   clear: both;
   text-align: center;
   padding: 10px;
}

/* yellow music store logo */
div.logo-musicstore {
   width: 100%;
   height: 135px;
   background:url(images/logo-musicstore.png) no-repeat center;
   clear: both;
   text-align: center;
   padding: 10px;
}

/* yellow links logo */
div.logo-links {
   width: 100%;
   height: 135px;
   /*background:url(images/logo-links.png) no-repeat center;*/
   clear: both;
   text-align: center;
   padding: 10px;
}

/* yellow buttons with blue text: home, who we are, oboe camp, contact etc. */
div.mainbuttons{
   width: 100%;
   clear: both;
   padding: 5px;
}

/* text links at bottom of pages: home, who we are, oboe camp, contact etc. */
div.textlinks{
   width: 100%;
   clear: both;
   padding: 5px;
   background-color:#ffffff;
   font-size: .6em;
}

div.textlinks a:hover {
   color: #555555;
}


/* div that photo on main page resides in */
div.mainphoto {
   width: 100%;
   clear: both;
}

/* drop shadow image border thingy p.57 CSS book */
.img-wrapper {
   background: url (images/shadow.png) no-repeat bottom right;
   position: relative;
   padding: 10px;
   clear: right;
   /*float: left;*/
}
 
.img-wrapper img {
  width: 635;
  height: 238;
  background-color:#fff;
  border: 1px solid #303030;
  padding: 4px;
  position: relative;
  margin -5px 5px 5px -5px;
}

/* text blurb on the home page */
div.mainblurb {
   padding: 10px;
   background-color: #ffffff;
   text-align: justify;
   width: 730px;
   clear: both;
}

div.musicstorelogo {
   width: 800px;
   background-color: #ffffff;
   clear: both;
   padding-top: 10px;
   padding-bottom: 10px;
}

div.storenav {
}


div.eachstorecontent {
   width: 573px;
   height: 800px;
   padding: 10px;
   background-color: #ffffff;
   float: right;
}

div.musicstorecontent {
   width: 573px;
   height: 800px;
   padding: 10px;
   background-color: #ffffff;
   float: right;
}


/*
div.youngoboistsmaincontent {
   width: 800px;
   height: 340px;
   padding: 10px;
   background-color: #ffffff;
}

div.youngoboistsstorecontent {
   width: 573px;
   height: 340px;
   padding: 10px;
   background-color: #ffffff;
   float: right;
}
*/

div.maincontent {
   width: 800px;
   height: 900px;
   padding: 10px;
   background-color: #ffffff;
}

div.musicstoremaincontent {
   width: 800px;
   height: 500px;
   padding: 10px;
   background-color: #ffffff;
}


h1 {
   padding-left: 5px;
}

table {
   border-collapse: collapse;
}

th {
   vertical-align: top;
   padding: 0em 1em;
}

td {
   padding: .7em 1em;
   vertical-align: top;
}

table.hoboelogonav {
   align: center;
}
 


/* Who We Are */
div.whowearephotos {
   float: left;
   margin: 0;
   padding: 10px;
   width: 290px;
}

div.whowearecontent {
   width: 470px;
   height: 300px;
   padding: 10px;
   background-color: #ffffff;
   float: right;
}

div.mainwhowearecontent {
   width: 800px;
   height: 400px;
   padding: 10px;
}


/* Charlie's page */
div.charliecontent {
   width: 470px;
   height: 875px;
   padding: 10px;
   background-color: #ffffff;
   float: right;
}

div.maincharliecontent {
   width: 800px;
   height: 875px;
   padding: 10px;
}

/* drop shadow image border thingy p.57 CSS book */
div.whoweare-img-wrapper {
   background: url (images/shadow.png) no-repeat bottom right;
   /*padding: 10px;*/
}
div.whoweare-img-wrapper img {
  background-color:#ffffff;
  border: 1px solid #303030;
  padding: 4px;
  position: relative;
}




div.wrapper-wrapper {
  padding: 0px 12px;
  float: right;
}