/*********************************************************************************/
/* There are two boxes -- one without a right border and one with a right border */
/*********************************************************************************/

/* ---------------------------------------------- */
/* -- This is for a table holding three boxes. -- */
/* ---------------------------------------------- */
.prettyBoxTable td
{
 background-image:url(../PrettyBoxImages/table_background.png);
 background-position:bottom;
}

.box1 
{
 width: 100%;
 background: url(../PrettyBoxImages/bottom-left.png) no-repeat left bottom;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 0px;
}

.box-outer1 
{
 background: url(../PrettyBoxImages/bottom-right.png) no-repeat right bottom;
 padding-bottom: 5px;
}

.box-inner1 {
 background: url(../PrettyBoxImages/top-left.png) no-repeat left top;
}

.box1 h2 {
 background: url(../PrettyBoxImages/top-right.png) no-repeat right top;
}

.box1 h2
{
 height:38px; /* necessary for the box to render correctly */
 padding-left: 10px;
 color:Maroon;
 margin-top: 0px;
}

.box1 p 
{
 margin-top: -15px;
 padding-top:-0px;
 padding-left: 10px;
 padding-right: 25px;
}

/* Second box type, with right border */

.box2 
{
 width: 100%;
 background: url(../PrettyBoxImages/bottom-left.png) no-repeat left bottom;
 margin-bottom: 10px;
 margin-top: 0px;
 padding-top: 0px;
}

.box-outer2 
{
 background: url(../PrettyBoxImages/bottom-right-last.png) no-repeat right bottom;
 padding-bottom: 5px;
}

.box-inner2 {
 background: url(../PrettyBoxImages/top-left.png) no-repeat left top;
}

.box2 h2 {
 background: url(../PrettyBoxImages/top-right-last.png) no-repeat right top;
}

.box2 h2
{
 height:38px; /* necessary for the box to render correctly */
 padding-left: 10px;
 color:Maroon;
 margin-top: 0px;
}

.box2 p 
{
 margin-top: -15px;
 padding-top:-0px;
 padding-left: 10px;
 padding-right: 25px;
}