/* CSS Reset */

html, body, div, p{
  margin: 1%;
  padding: 0;
  border: 0;

  display: block;
  }

.doNotDisplay {
  display: none !important;
}

/* ##### Header ##### */

#header {
  color: inherit;
  /* background-color: rgb(182,38,25); origanal 
    background-color: rgb(175,238,238); */
    background-color: rgb(232,229,225); 
     margin: 0;
     width:100%;
     padding:0;
}

.headerTitle {
  margin: 0;
  padding: 0.25em 4mm 0.25em 4mm;
}

.headerTitle a {
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-size: 100%;  /* For MSIE */
  font-weight: bold;
  font-style: italic;
}

.headerTitle > a {
  font-size: 138%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
 /* color: white; */
   color: blue;
  background-color: transparent;
  font-weight: normal;
  font-size: 50%;
}

.subHeader {
  color: white;
  background-color: black;
     background-color: rgb(216,205,185);
  font-size: 100%;
  text-align: center;
  margin: 0;
  padding: 0.5ex 0;
}

.subHeader a {
  color: white;
  background-color: black;
    background-color: rgb(216,205,185);
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

.subHeader a:hover {
  color: black;
  background-color: white;
}


/* CSS Grid */

/*
For center layout 
Define your default width in %, px or em

.main {  margin:0 auto; width:85%;}

*/

.main {  margin:0 auto; width:95%;}
.dp5,
.dp20,
.dp25 ,
.dp30,
.dp33,

.dp48 ,
.dp50,
.dp60,
.dp66,
.dp80,
.dp99,
.dp100{float:left; display: inline; } /* IE margin hack */

/* dp = div percet */
.dp5{width:5%;}
.dp20{width:20%;}
.dp25{width:23%;}
.dp30{width:30%;}
.dp33{width:33.33%;}
.dp30l{ width:30%;}

.dp48{width:48%;}
.dp50{width:50%;float:right; display: inline; }
.dp60{width:62%;}
.dp66{width:66%;}
.dp80{width:80%;}
.dp99{width:100%;}
.dp100{width:100%;}
.clear{ clear:both;}



/* ##### Footer ##### */

#footer {
  color: black;
  background-color: rgb(230,223,207);
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: none;
}

/* ##### sub Footer ##### */

#sub_footer {
  color: black;
  background-color: rgb(230,223,207);
  font-size: 92%;
  text-align: center;
  line-height: 1.25em;
  margin: 0;
  padding: 1em 4mm 1em 4mm;
  clear: both;
}

#sub_footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#sub_footer a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}

#sub_footer a:hover {
  text-decoration: none;
}
#contact_us {
background:  url(../home/Pictures/Steinway-birch.jpg)
}