BODY {
  background: #FFFFFF;
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD, P {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 10px;
}

FORM {
  margin-top: 0px;
  margin-bottom: 0px;
}

INPUT, SELECT, FILE, TEXTAREA {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
}

H1 {
  color: #114477;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
}

H2, .pageSubHeading {
  color: #114477;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}

H3 {
  color: #114477;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
//* white-space: nowrap; */
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Added H5 to support the look and feel of the old Website */
H5 { 
  color: #114477;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size:9pt;
	font-weight:bold;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
				}

H4 {
  color: #000000;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 11px;
  text-decoration: underline;
  white-space: nowrap;
}

H5 {
  color: #000000;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;  
  white-space: nowrap;
}

H6 {
  color: #000000;
  font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}

A:link, A:visited {
  color: #0029A3;
  text-decoration: underline;
}

A:hover {
  color: #5D59ac;
  text-decoration: underline;
}

#header {
}

#content {
  margin-left: 200px;
  margin-right: 10px;
  clear: both;
}

#pagelinks {
  position: absolute;
  top: 100px;
  left: 5px;
  width: 185px; 
  z-index: 10;
  
}

#footer {
  margin-top: 50px;
  clear: both;
}

.pageIcon {
  float: right;
  margin-right: 10px;
}

.blockLayout {
  border-width: 1px;
  border-style: solid;
  border-color: #000000;

}

.blockTitle {
  font-weight: bold;
  font-size: 10px;
  line-height: 2.1;
  padding-left: 3px;

  color: #FFFFFF;
  background-color: #838083;
}

.blockContent {
  font-size: 10px;
  line-height: 1.5;
  padding: 3px;
  background-color: #F6F2F6;
  height: 450px;
}

.blockContent a:link, .blockContent a:visited, .blockContent a:active {
  text-decoration: none; height: 22px; 
}

.blockContent a:hover {
   width: 165px; height: 22px; display: block; z-index: 50; color: #FFFFFF; text-decoration: none; font-weight: bold;  
}

.about .blockTitle { color: #FFFFFF; background-color: #20A100; }
.solutions .blockTitle { color: #FFFFFF; background-color: #0056A1; }
.community .blockTitle { color: #FFFFFF; background-color: #A40031; }
.shops .blockTitle {color: #FFFFFF; background-color: #E6CC21; }
.partners .blockTitle { color: #FFFFFF; background-color: #8A21E6; }
.gray .blockTitle { color: #FFFFFF; background-color: #1e77d3; }
//gray background 
//.gray .blockTitle { color: #FFFFFF; background-color: #BBBBBB; }

.about .blockContent { background-color: #E2FFE6; }
.solutions .blockContent { background-color: #E7EFFF; }
.community .blockContent { background-color: #FFEEF5; }
.shops .blockContent { background-color: #FFF8E0; }
.partners .blockContent { background-color: #E5E0FF; }
.gray .blockContent { background-color: #e5eef9; }
//gray background     .gray .blockContent { background-color: #EEEEEE; } 

.about .blockContent a:link, .about .blockContent a:visited, .about .blockContent a:active { color: #146400; }
.solutions .blockContent a:link, .solutions .blockContent a:visited, .solutions .blockContent a:active { color: #1B428B; }
.community .blockContent a:link, .community .blockContent a:visited, .community .blockContent a:active { color: #830F11; }
.shops .blockContent a:link, .shops .blockContent a:visited, .shops .blockContent a:active { color: #8B821B; }
.partners .blockContent a:link, .partners .blockContent a:visited, .partners .blockContent a:active { color: #601B8B; }
.gray .blockContent a:link, .gray .blockContent a:visited, .gray .blockContent a:active { color: #000000; }

.about .blockContent a:hover { color: #20A100; }
.solutions .blockContent a:hover { color: #2476BD; }
.community .blockContent a:hover { color: #A40031; }
.shops .blockContent a:hover { color: #BDB024; }
.partners .blockContent a:hover { color: #7D24BD; }
.community .blockContent a:hover { color: #A40031; }
.gray .blockContent a:hover { background-position: 0 -10px; background-color: #BBBBBB; color: #FFFFFF; }

#n1 a:hover { background-position: 0 -18px; background-color: #BBBBBB; color: #FFFFFF; }

.dataTable {}

.dataTable thead th {
  font-weight: bold;
}

.dataTable tbody td {}

.dataTable .mouseOver {
  background-color: #FFFAF3;
}

.nowrapping td {
  white-space: nowrap;
}

.messageStack {
  margin: 5px;
  padding: 5px;
  color: #465584;
  background-color: #FFF3E8;
  border-width: 1px;
  border-style: dotted;
}

#navMenu { margin: 0px; padding: 0px; height: 22px; z-index: 50; background-color: #878787; font-size: 10px; }
//#navMenu { margin: 0px; padding: 0px; height: 24px; z-index: 50; background-color: #; font-size: 10px; }
#navMenu li { width: 120px; height: 22px; position: absolute; display: block; z-index: 50; list-style: none; text-align: center; }
#navMenu a { width: 120px; height: 22px; display: block; z-index: 50; color: #FFFFFF; text-decoration: none; font-weight: bold; }

#n1 { left: 0; background-color: #bbc3d3; }
#n2 { left: 122px; background-color: #bbc3d3; }
#n3 { left: 244px; background-color: #bbc3d3; }
#n4 { left: 366px; background-color: #bbc3d3; }
#n5 { left: 482px; background-color: #bbc3d3; }
#n6 { left: 604px; background-color: #8A21E6; }
#n100 { right: 0; background-color: #78E6D7; }

#n1 { left: 0; background-color: #BBBBBB; }
#n2 { left: 122px; background-color: #BBBBBB; }
#n3 { left: 244px; background-color: #BBBBBB; }
#n4 { left: 366px; background-color: #BBBBBB; }
#n5 { left: 488px; background-color: #BBBBBB; }
#n6 { left: 610px; background-color: #2476BD; }
#n100 { right: 0; background-color: #78E6D7; }

#n1 a { }
#n2 a { background-position: -122px 0; }
#n3 a { background-position: -244px 0; }
#n4 a { background-position: -366px 0; }
#n5 a { background-position: -488px 0; }
#n6 a { background-position: -610px 0; }
#n100 a { }

#n1 a:hover { background-position: 0 -18px; background-color: #BBBBBB; color: #FFFFFF; }
#n2 a:hover { background-position: -150px -18px; background-color: #BBBBBB; color: #FFFFFF; }
#n3 a:hover { background-position: -300px -18px; background-color: #BBBBBB; color: #FFFFFF; }
#n4 a:hover { background-position: -450px -18px; background-color: #BBBBBB; color: #FFFFFF; }
#n5 a:hover { background-position: -600px -18px; background-color: #BBBBBB; color: #FFFFFF; }
#n6 a:hover { background-position: -600px -18px; background-color: #2476BD; color: #FFFFFF; }
#n100 a:hover { background-position: 0 -18px; background-color: #78E6D7; color: #FFFFFF; }

#navMenu li ul { visibility: hidden; position: absolute; left: -1px; margin: 0 0 0 1px; padding: 2px; width: 150px; border-width: 0px 1px 4px 1px; border-style: solid; border-color: #526E8D; }
#navMenu #n1 ul { background-color: #EEEEEE; }
#navMenu #n2 ul { background-color: #EEEEEE; }
#navMenu #n3 ul { background-color: #EEEEEE; }
#navMenu #n4 ul { background-color: #EEEEEE; }
#navMenu #n5 ul { background-color: #EEEEEE; }
#navMenu #n6 ul { background-color: #E5E0FF; }
#navMenu #n100 ul { left: -37px; background-color: #E9F9F7; }
#navMenu li ul li, #navMenu li ul li a { width: auto; position: relative; z-index: 56; color: #000000; font-weight: normal; text-align: left; }
#navMenu li ul li a { padding: 2px; }
#navMenu li:hover>ul { visibility: visible; }