


/* all curved boxes get the bottom-left corner */
div.rounded {
  background: #b8c7da url(img/bl_18_b8c7da_333f65.gif) no-repeat bottom 
left;
  color: #333333;
  position: relative;
  padding-top: 0;
  padding-bottom: 18px;
  margin: 1em 10px 0 0 ;
  height:100%
}

/* all elements in 'div.rounded' gets the B-R corner */
div.rounded * {
  background: #b8c7da url(img/br_18_b8c7da_333f65.gif) no-repeat bottom 
right;
  color: #333333;
  padding: 1em 2em 18px 0;
  margin: 0 0 -18px 18px;
  height:100%;
}

/* Scrub that B-R corner from all elements *2+* levels deep*/
div.rounded * * {
  padding: 0;
  margin: 0;
  background: none;
  color: #333333;
  height:auto
}

/* Set up some H's as 'box heads' with the T-R and T-L corners */
div.rounded h1, div.rounded h4 {
  color: #333f65;
  background: #b8c7da url(img/tr_18_b8c7da_333f65.gif) no-repeat top 
right;
  display: list-item;
  list-style-image: url(img/tlc_18_b8c7da_333f65.gif);
  list-style-position: inside;
  list-style-type:none;
  padding: 0;
  margin: 0;
  position: relative;
}

div.rounded h1 {
  font-size: 3.2em;
}
div.rounded h4 {
  font-size: 2em;
}

/* all curved boxes get the bottom-left corner */
div.rounded1 {
  background: #777a76 url(img/bl_18_777a76_333f65.gif) no-repeat bottom left;
  color: #dddddd;
  position: relative;
  padding-top: 0;
  padding-bottom: 18px;
  margin: 1em 10px 0 0 ;
  height:100%
}

/* all elements in 'div.rounded' gets the B-R corner */
div.rounded1 * {
  background: #777a76 url(img/br_18_777a76_333f65.gif) no-repeat bottom right;
  color: #dddddd;
  padding: 1em 2em 18px 0;
  margin: 0 0 -18px 18px;
  height:100%;
}

/* Scrub that B-R corner from all elements *2+* levels deep*/
div.rounded1 * * {
  padding: 0;
  margin: 0;
  background: none;
  color: #dddddd;
  height:auto
}

/* Set up some H's as 'box heads' with the T-R and T-L corners */
div.rounded1 h1, div.rounded1 h4 {
  color: #333f65;
  background: #777a76 url(img/tr_18_777a76_333f65.gif) no-repeat top right;
  display: list-item;
  list-style-image: url(img/tlc_18_777a76_333f65.gif);
  list-style-position: inside;
  list-style-type:none;
  padding: 0;
  margin: 0;
  position: relative;
}

div.rounded1 h1 {
  font-size: 3.2em;
}
div.rounded1 h4 {
  font-size: 2em;
}

