/* basic stylesheet for Charlotte Museum Trust site */

@media print {
 .showit { display: inline;}
 .casual, casual2 {
   color: #000; background: #fff; 
   font-weight: 700;
 }
 H1, H2, H3 { page-break-after: avoid; }
}


BODY {  
  color: #000; background: #dcf;
/*  border-collapse: collapse;*/
  margin-right: auto; margin-left: auto;
    margin-right: 5%; margin-left: 5%; 
  text-align: center;
  font-size: 90%/110%;
  font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; 
}

#wrapper {
  width: 650px;
  text-align: center; 
  color: #000; background: #fff; 
  border: 1px solid blue;
}
  
#main   { 
  width: 900px;
/*  width: 1000px;*/
  margin-left: auto; margin-right: auto;
  border-right: 4px double #c9f; border-bottom: 4px double #c9f;
  border-top: 4px double #dbf; border-left: 4px double #dbf;
  padding:10px;
  font-family: Geneva, Helvetica, Arial, sans-serif; 
  color: #000; background: #fff; 
}

#leftbox {
  margin-top:10px;
  float:left;
  width: 200px;
  text-align: center;
  background: #fff;
}
#menu {
  margin-right: auto; margin-left: auto;
  width: 8.5em;
  margin-top: 0px;
  margin-right: auto; margin-left: auto;
  text-align: center;
  background: #fff;
}

#content {
  float: left;
  width: 600px;
/*   width: 400px; */
  text-align: left;
  margin-top: 0; margin-right: 0px; margin-bottom: 10px; 
  color: #000; background: #fff;
}
#content p {
}
A, A.link { color: #060; background: #fff; }
A         { font: 500 100% Geneva, Helvetica, Arial, sans-serif; }
P A       { font: 400 100%; }
A.footer  { font-size: 90%; }
A:visited { color: #060; background: #fff; }
A:hover   { color: #fff; background: #060; }
A.casual, A.casual2 { color: #609; background: #fff; }
#menu A, #menu A:visited {
  display: block;
  margin-top: 5px; margin-bottom: 5px;
  border: 1px solid #060;
  padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px;
  color: #fff; background: #070;
  text-decoration: none;
  font-weight: 600;
  }
#menu A:hover {
  color: #060; background: #b5e2a9;
}
#self {
  display: block;
  margin-top: 5px; margin-bottom: 5px;
  padding-top: 3px; padding-bottom: 3px;
  color: #060; background: #b5e2a9;
  font-weight: 600;
}

H1   {
  margin-top: 50px; margin-right: 50px;
/*  text-align: center; */
  color: #639; background: #fff;
  font-family: 'comic sans MS', Geneva, Helvetica, Arial, sans-serif; 
}
H1.big {
  margin-top: 1em;
  text-align: left;
  font-size: 300%;
}

H2,H3,H4 {
  margin-top: 0; padding-top:0;
  color: #639; background: #fff;
  font-family: verdana, Geneva, Helvetica, Arial, sans-serif;
}
H2   { font-size: 120%; }
H3   { font-size: 110%; }
HR { 
   background: #fff; 
   color: #fff; 
   border-top: 1px solid #b5e2a9; 
   border-bottom: 1px solid #00a700; 
   text-align: center;
}
LI { 
  list-style-image: url( images/blob.gif ); 
  list-style: outside; 
  margin-left: -15px; 
}

.footer {
  font-size: 80%;
  font-family: Geneva, Helvetica, Arial, sans-serif; 
	color: #000; background: #fff; }

.tclose { margin-top: 0; padding-top: 5px; }
.bclose { margin-bottom: 0; padding-bottom: 0; }
.indent { 
  margin-top: 5px; margin-bottom: 0px; 
  margin-left: 50px;
  text-align:left; 
  padding-bottom: 0px; 
}
.byline {
  margin-top: 0; margin-bottom: 0; padding:top: 0; padding-bottom:0px;
  text-align: center;
  font-size: 90%;
  color: #060; background: #fff;
}
.casual { 
  color: #609; background: #fff;
  font-size: 110%;
  font-weight: 600;
  font-family: verdana, Geneva, Helvetica, Arial, sans-serif;
} 
.casual2 { 
  color: #609; background: #fff;
  font-size: 100%;
  font-weight: 600;
  font-family: verdana, Geneva, Helvetica, Arial, sans-serif; 
} 

.boxy {
  border: 1px solid red;
  padding-top: 0; padding-right:1px; padding:bottom:0; padding-left: 1px;
  font-weight: 700;
}
A.boxy {
  text-decoration: none;
  color: red; background: #fff;
}