.hpLeftContent {
  width: 230px;
  height: 200px; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  float: left;
}

.hpTopCenter {
  width: 492px;
  height: 200px;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  float: left;
}

.hpTabsSection {
    width: 100%;
    height: 30px;
    background-color: #F7E7CE;
}

.hpTabs {
  width: 123px;
  height: 30px; 
  color: #700017;
  padding-top: 5px;
  font-size: 1.2em;
  font-weight: bold;
  font-family: times new roman,times,serif;
  text-decoration: underline;
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
  text-align: center;
  float: left;
}

.hpTabLeft {                
  border-right: solid 1px white;
  background-color: #F7F3DE;
}

.hpTabMiddle {
  border-right: solid 1px white;
  border-bottom: solid 1px white;
  background-color: #F7E7CE;
}

.hpTabRight {
  border-bottom: solid 1px white;
  background-color: #F7E7CE;
}

.hpNewsMenu {
    width: 100%;
    height: 170px;
    background-color: #F7F3DE;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    overflow:auto;
}

.hpRightSection {   
    width: 230px; 
    height: 200px;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    float: left; 
    clear: right;
}

.hpAboutMenu {
    width: 100%;
    height: 30px;
    background-color: #844354;
    font-size: .95em;
    font-weight: bold;
    font-family: Arial,Helvetica,'Times New Roman',Times,serif;
    color: White;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    padding-top: 5px;
    text-align: center;   
}

.hpRightContent {
    width: 100%;
    height: 170px;
    background-color: #ffffff;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}

.hpSeperator {
    background-color: #F7E7CE;
    width: 100%;
    height: 30px;
    border-bottom: solid 1px #631429;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: both;
}

.hpBucketCol {
    width: 220px;
    border: solid 0px blue;
    box-sizing: border-box;  
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    float: left;
}

.hpBucketCol a img {
    border: 0px;
}

.hpBucketCol .spacerBox {
    width: 30px;
    height: 30px;
    float: left;
}
.hpBucketCol .spacerFamilies {
    background-color: #9CBAE7;
}

.hpBucketCol .spacerEducators {
    background-color: #BDBE6B;
}

.hpBucketCol .spacerAdministrators {
    background-color: #D69A63;
}

.hpBucketCol .spacerExplore {
    background-color: #DE7184;
}

.hpBucketCol .box {
    width: 190px;
    height: 30px;
    float: left;
    color: White;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
    font-family: times new roman,times,serif;
    padding-top: 4px;
    box-sizing: border-box;  
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.hpBucketCol .box a {
    color: White;
    text-decoration: none;
    display: block;
    height: 26px;
}

.hpBucketCol .families {
    background-color: #528AD6;
}

.hpBucketCol .educators {
    background-color: #8C8E00;
}

.hpBucketCol .administrators {
    background-color: #BD5500;
}

.hpBucketCol .explore {
    background-color: #BD1039;
}

.hpBucketCol .Menu {
    clear: left;
    width: 220px;
    border: solid 0px blue;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
}

.hpSpacerCol {
    width: 24px;
    border: solid 0px black; 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    float: left;
}

* html .hpSpacerCol .hpDividerLineTop {
    width: 1px; 
    height: 80px;
    float: left;
    border-left: dashed 1px black;
    margin: 20px 5px;
}

.hpSpacerCol .hpDividerLineTop {
    width: 1px; 
    height: 80px;
    float: left;
    border-left: dashed 1px black;
    margin: 20px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}

.hpSpacerCol .hpSpacer {
    width: 23px; 
    height: 30px;
    float: left;
    background-color: #F0E8EA;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

* html .hpSpacerCol .hpDividerLineBottom {
    width: 1px; 
    height: 100px;
    float: left;
    border-left: dashed 1px black;
    margin: 20px 5px;  
}

.hpSpacerCol .hpDividerLineBottom {
    width: 1px; 
    height: 100px;
    float: left;
    border-left: dashed 1px black;
    margin: 20px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;   
}

.HPMenu {
    color: #d11241;
    Line-Height: 1.2; 
    font: .85em Arial, Helvetica, sans serif; 
}