/* image bar for home page */
#imageBar { text-align: center; padding-right: 5px; }

/* styles for the container for four boxes on home page */
#boxContainer { float: right; position: relative; width: 50%; height: 100%; margin: 3px 3px 0px 0px; }
#nestedBoxContainer { text-align: left; width: 100%; background-image: url(/graphics/structural/columns.gif); background-position: 50%; background-repeat: repeat-y; margin: 0px 0px 6px 0px; float: left; position: relative; }
#blueHomeBox { width: 46%; height: 100%; float: left; position: relative; margin: 0px 0px 0px 3px; padding: 1% 0% 1% 1%; }
#blueHomeBox p { margin-left: 5px; }
#purpleHomeBox { float: left; position: relative; width: 46%; height: 100%; padding: 1% 2% 1% 1%; margin: 0px 3px 0px 0px; }
#purpleHomeBox p { margin-left: 5px; }
div.homeBoxHeading { font-weight: bold; text-align: left; margin: 0px 0px 15px 0px; }
div.moreInfoLink { margin: 15px 0px 0px 0px; padding: 0px 10px 0px 0px; text-align: right; background-image: url(<dtml-var baseURL>/graphics/decorative/arrow.gif); background-repeat: no-repeat; background-position: top right; }

/* container for content on home page */
#contentContainer { float: left; position: relative; width: 46%; padding: 0px 0px 0px 8px; height: 100%; }