body {

  background: #000080;
  color: #ffff7f;
  font-size: 10pt;
}

.cdisp {
 margin-left: 180px;
 padding-top: 5px;
 text-align: center;
}

.cdisp li {
       list-style: none;
       font-family: Arial,Helvetica,sans-serif;
}

h1 {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 24pt;
margin: 5px 20px 20px 180px;
}

h2 {
   margin: 5px 20px 20px 180px;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 18pt;
   font-style: italic;
}

#page {
  background: url("../images/fadebkgd.png") repeat-y left top; 
  width: 760px;
}

#body {
    background: #000080;
//  background: url("../images/bkgd_1510.jpg") repeat-y left top;
}

#pagehead {
float: left;
background: url("../images/brigid_navy.png") no-repeat left center;
height: 375px;
width: 650px;
}

#pagehead p {
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
 margin-left: 20px;
}

#classhead {
float: left;
background: url("../images/beading.png") no-repeat left center;
height: 375px;
width: 650px;
}

#classhead p {
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
 margin-left: 20px;
}

#weavehead {
float: left;
background: url("../images/weave_1510.jpg") no-repeat left center;
height: 375px;
width: 650px;
}

#weavehead p {
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
 margin-left: 100px;
}

#abouthead {
float: left;
background: url("../images/judy.jpg") no-repeat left center;
width: 650px;
}

#abouthead p {
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
 margin-left: 100px;
}

#beadhead {
float: left;
background: url("../images/hotflash_navy.jpg") no-repeat left center;
width: 650px;
height: 375px;
}

#beadhead p {
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
 margin-left: 100px;
}


#quilthead {
float: left;
background: url("../images/synergy_navy.jpg") no-repeat left center;
width: 650px;
height: 375px;
}

#quilthead p {
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
 margin-left: 100px;
}

#cataloghead {
float: left;
background: url("../images/reclamation_navy.jpg") no-repeat left center;
width: 650px;
height: 375px;
}

#cataloghead p {
 font-family: Arial, Helvetica, sans-serif;
 text-align: left;
 margin-left: 100px;
}

navbar {
   float: right;
}

#navbar li.tab {
  padding: 6px 15px 5px 15px;
  list-style-type: none;
  font-size: 10pt;
  line-height: 50px;
  background: url("../images/tab_navy.png") no-repeat right top;
}

#navbar li.notab {
  padding: 5px 15px 5px 15px;
  list-style-type: none;
  font-size: 10pt;
  line-height: 50px;
}

#navbar a { 
  color: #808000;
 }

#navbar a:visited { color: #808080;}

#sidebar {
  float: right;
  font-family: Arial, Helvetica, sans-serif;
}

.box { 
    background: #f80;
    padding: 5px;
    color: #0780;
    width: 100px;
}

#footer {
   float: clear;
   width: 700px;
}
#footer a:link {   color: #F60;   }
#footer a:visited { color: orange; }
#footer a:hover { color: #F33; }
#footer a:active { color: #B2F510; }

#footer table {
   width: 100%;
}

#footer tr {
   align: top;
}
#footer td {
   text-align: center;
}

#main {
   float: left;
   font-family: Arial, Helvetica, sans-serif;
   margin-right: 145px;
   padding: 5px;
   width: 400px;
   background: #000080;
}

.photo img {
  padding: 4px;
}

.photo a:link {
  color: #000080;  
}

#gallerypage {

  background: url("../images/gallery_bkg.png") repeat-y left top; 
  width: 780px;
}

#thumblist {

float: left;
width: 150px;
}

#thumblist img {
  float: right;
  margin-right: 10px;
  text-align: center;
  padding: 5px;
}

#bigpic {

float: clear;
width: 650px;
padding: 10px;
margin: 10px;
}

#bigpic img {max-width: 540px; }
#bigpic td { vertical-align: top;}

frameset {
  frameborder: no;
  framespacing: 0;
}

frame {
  frameborder: no;
  framespacing: 0;
  noresize;
}