body {
  background-color: #aaaaaa;
}

#titlearea {
        background-color: rgb(208,80,80);
        color: white;
}


h1 { font-size: 150%; }
h2 { font-size: 135%; }
h3 { font-size: 120%; }

div.contents {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  padding: 12px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  background-color: white;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px; 
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  /* firefox specific markup */
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  /* webkit specific markup */
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}

div.header
{
  background-color: #FAFAFA;
  border-bottom: 1px solid #D5D5D5;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding-left: 12px;
  padding-right: 12px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  /* firefox specific markup */
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
  /* webkit specific markup */
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
}


div.headertitle {
  padding-left: 0px;
  font-size: 120%;
}

table.pageheader {
  background-color: #2C4AA8;
}

#top {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  /* firefox specific markup */
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  /* webkit specific markup */
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

div.ui-resizable-e {
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
  /* firefox specific markup */
  -moz-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
  /* webkit specific markup */
  -webkit-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.3);
}
