.clsTopMenuBackground { background-color: #6D56FF;  font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: bold;  color: White;  font-weight: bold;     }
.clsTopMenuTitle { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 12px;  color: White;  font-weight: bold;  text-decoration: none;      }
.clsTopMenu2 { background-color: #BCBAC5;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;  color: #00008B;  font-weight: bold;        }
.clsTopMenuItemSelected { background-color: #BCBAC5;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;  color: White;  font-weight: bold;     }
.clsTopCenterThemeTitle { background-color: #8284B4;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 11px;  color: White;  font-weight: bold;     }
.clsTopCenterThemeText { background-color: #8284B4;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;  color: White;  font-weight: bold;     }
.clsThemeTitle {   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;  color: White;  font-weight: bold;     }
.clsBlackBold {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: bold;  color: Black;  text-decoration: none;       }
.clsBlackBold: visited; .clsBlackBold: link; .clsBlackBold: active {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: bold;  color: Black;  text-decoration: none;                }
.clsBlackBold:hover {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: bold;  text-decoration: underline;  color: Teal;  font-style: normal;        }
.clsTitleBold {   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 12px;    font-weight: bold;  color: Black;      }
.clsNormalText {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: normal;  color: Black;  font-style: normal;  text-decoration: none;  text-align: justify;            }
.clsNormalText:visited, .clsNormalText:link, .clsNormalText:active {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: normal;  color: Black;  font-style: normal;  text-decoration: none;        }
.clsNormalText:hover {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: normal;  text-decoration: underline;  color: Teal;  font-style: normal;        }
.clsCategory {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: bold;  text-decoration: none;  color: Teal;  font-style: normal;        }
.clsCategory, .clsCategory:visited, .clsCategory:link, .clsCategory:active {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: bold;  color: Teal;  font-style: normal;  text-decoration: none;        }
.clsCategory:hover {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: bold;  text-decoration: underline;  color: Teal;  font-style: normal;        }
.clsNormalText2, .clsNormalText2:visited, .clsNormalText2:link, .clsNormalText2:active {   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: normal;  color: Black;  text-decoration: none;  text-align: justify;        }
.clsNormalText2:hover {   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: normal;  text-decoration: underline;  color: Black;       }
.clsError {   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: normal;  color: Red;      }
.clsFooter {   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size: 10px;    font-weight: normal;     }
.clsBackgroundBottom { background-position: bottom;  background-repeat: repeat-x;  }
.clsBackgroundTop { background-position: top;  background-repeat: repeat-x;  }
.clsBackgroundLine { background-position: center;  background-repeat: repeat-y;  }
.clsBackgroundLine2 { background-position: left;  background-repeat: repeat-y;  }
.clsBackground { background-position: center;  background-repeat: no-repeat;  }
.clsBackgroundLeft { background-position: left;  background-repeat: no-repeat;  }
.clsButton { background-color: Gray;  color: White;  border-bottom-width: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-style: solid; border: 1px solid #ffffff; }
.clsHeader { font-family: Arial, Helvetica, sans-serif;  font-size: 21px;  color: Teal;  font-weight: normal;  font-style: normal;  font-variant: normal;      }
.clsProduct {   font-family: Arial, Helvetica, sans-serif;  font-size: 9px;    font-weight: normal;  text-decoration: none;  color: Black;  font-style: normal;        }
.clsProduct, .clsProduct:visited, .clsProduct:link, .clsProduct:active {   font-family: Arial, Helvetica, sans-serif;  font-size: 9px;    font-weight: normal;  color: Black;  font-style: normal;  text-decoration: none;        }
.clsProduct:hover {   font-family: Arial, Helvetica, sans-serif;  font-size: 9px;    font-weight: normal;  text-decoration: underline;  color: Teal;  font-style: normal;        }
.clsLabel, .clsLabel:visited, .clsLabel:link, .clsLabel:active {   font-family: Arial, Helvetica, sans-serif;  font-size: 12px;    font-weight: normal;  text-decoration: none;  color: #948F8F;  font-style: normal;        }
.clsLabel:hover {   font-family: Arial, Helvetica, sans-serif;  font-size: 12px;    font-weight: normal;  text-decoration: underline;  color: #948F8F;  font-style: normal;        }
.clsBoxHeader {   font-family: Arial, Helvetica, sans-serif;  font-size: 12px;    font-weight: bold;  text-decoration: none;  color: White;  font-style: normal;  background-color: #948F8F;         }

.content {
	position:relative; /* position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	min-width:120px;
	margin:0px 140px 10px 20px;
	border:1px solid black;
	background-color:#FFFFFF;
	padding:10px;
	}

.section {
	position:relative;
	width:auto;
	min-width:120px;
	margin:0px 0px 0px 0px;	
	padding:10px;
	}

/* the first section box gets special treatment so it will open on load */
#number1{
	display: block
	}
#menu1{
	background-color: '#BCBAC5'
}

.clsHeader1 {   font-family: Arial, Helvetica, sans-serif;  font-size: 16px;    font-weight: bold;  color: Teal;  text-decoration: none;                }
.clsHeader1: visited; .clsHeader1: link; .clsHeader1: active {   font-family: Arial, Helvetica, sans-serif;  font-size: 16px;    font-weight: bold;  color: Teal;  text-decoration: none;                }
.clsHeader1:hover {   font-family: Arial, Helvetica, sans-serif;  font-size: 16px;    font-weight: bold;  color: Teal;  text-decoration: underline;                }

.clsHeader2 {   font-family: Arial, Helvetica, sans-serif;  font-size: 13px;    font-weight: bold;  color: Teal;  text-decoration: none;                }
.clsHeader2: visited; .clsHeader1: link; .clsHeader1: active {   font-family: Arial, Helvetica, sans-serif;  font-size: 13px;    font-weight: bold;  color: Teal;  text-decoration: none;                }
.clsHeader2:hover {   font-family: Arial, Helvetica, sans-serif;  font-size: 13px;    font-weight: bold;  color: Teal;  text-decoration: underline;                }

.clsHeader3 {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: bold;  color: Teal;  text-decoration: none;                }
.clsHeader3: visited; .clsHeader1: link; .clsHeader1: active {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: bold;  color: Teal;  text-decoration: none;                }
.clsHeader3:hover {   font-family: Arial, Helvetica, sans-serif;  font-size: 11px;    font-weight: bold;  color: Teal;  text-decoration: underline;                }