/* --- PageTop --- */
.pagetop .leftside  { background: #9c9c9c; }
.pagetop .rightside { background: #7B53AB; }
.pagetop .logo { background-image: url(images/Alternative_logo.gif); }

.csspagetop .leftside  { background: #9c9c9c; }
.csspagetop .rightside { background: #7B53AB; }
.csspagetop .logo { background-image: url(images/Alternative_logo.gif); }

.lightGrayBackground { background-color: #cecece;  }
.grayBackground { background-color : #9c9c9c; }
.darkGrayBackground { background-color: #313131; }
.yellowBackground { background-color: #7B53AB; }

.theBox2_piece1 { background: url(images/thebox2_piece1.gif) }
.theBox2_piece2 { background: url(images/thebox2_piece2.gif) }
.theBox2_piece3 { background: url(images/thebox2_piece3.gif) }
.theBox2_piece4 { background: url(images/thebox2_piece4.gif) }

.theBox3_ulCorner { background: url(images/thebox3_corner1.gif); width: 18px;  height:18px; }
.theBox3_urCorner { background: url(images/thebox3_corner2.gif); width: 18px; height: 18px; }
.theBox3_llCorner { background: url(images/thebox3_corner3.gif); width: 18px;  height:18px; }
.theBox3_lrCorner { background: url(images/thebox3_corner5.gif); width: 18px; height: 18px; }
.theBox3_leftSide { background: url(images/theBox3_piece2.gif);  width:18px; }
.theBox3_rightSide { background: url(images/theBox3_piece3.gif); width:18px; }
.theBox3_bottom { background: url(images/theBox3_piece4.gif); height: 18px; }