body {
  margin: 0px;
  font-size: .8em;
}

hr {
  width: 98%;
  height: 3px;
  text-align: left;
  color: #000;
  margin: 0px;
}

#clear {
  height: 3px;
  font-size: 1px;
  width: 100%;
  background-image: url(/images/spacer.gif);
  background-repeat: repeat-x;
  background-color: #fff;
}

.clearleft {
  clear: left;
  height: 3px;
  font-size: 1px;
  width: 100%;
  background-image: url(/images/spacer.gif);
  background-repeat: repeat-x;
  background-color: #fff;
}

.clearBoth {
  clear: both;
  height: 3px;
  font-size: 1px;
  width: 100%;
  background-image: url(/images/spacer.gif);
  background-repeat: repeat-x;
  background-color: #fff;
}

.clearRight {
  clear: right;
  height: 3px;
  font-size: 1px;
  width: 100%;
  background-image: url(/images/spacer.gif);
  background-repeat: repeat-x;
  background-color: #fff;
}

#wrapper {
  width: 915px;
}

#topBar, #topBlackBar, #topLightBlueBar, #bottomDarkGrayBar, #bottomLightGrayBar, #topFooterGrayBar, #topFooterBlueBar {
  background-image: url(/images/spacer.gif);
  background-repeat: repeat-x;
  height: 8px;
  font-size: 1px;
}

#topBar {
  width: 900px;
  background-color: #18b1db;
}

#mastareaContainer {
  width: 900px;
  float: left;
}

#mastareaContainer #topBanner {
  float: left;
  height: auto;
  margin-top: 10px;
  width: 330px;
}

#mastareaContainer #topMenu {
  float: right;
  margin-right: 5px;
  margin-top: 40px;
}

html>body #mastareaContainer #topMenu {
  margin-top: 20px;
}

#topMenu ul {
  list-style-type: none;
}

#topMenu li {
  display: inline;
  padding-left: 20px;
}

#topMenu li a {
  color: #000;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
}

#topMenu li a:hover {
  text-decoration: underline overline;
  color: #800000;
}

#topBlackBar {
  width: 320px;
  float: left;
  background-color: #000;
}

#topLightBlueBar {
  width: 580px;
  float: left;
  background-color: #d4f0f7;
}

#bottomDarkGrayBar {
  width: 320px;
  float: left;
  background-color: #767676;
}

#bottomLightGrayBar {
  width: 580px;
  float: left;
  background-color: #C2C2C2;
}

#topLeftMenuContainer, #banner {
  height: 173px;
  float: left;
}

#topLeftMenuContainer {
  width: 320px;
  background-color: #ececec;
}

#topLeftMenuContainer ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

#topLeftMenuContainer li {
  background-image: url(/images/top_left_menu_bg.png);
  background-repeat: repeat-x;
  width: 320px;
  height: 20px;
  border-top: 1px solid #767676;
  border-bottom: 1px solid #767676;
  margin-bottom: 3px;
}

#topLeftMenuContainer li a {
  font-family: verdana, arial, sans-serif;
  color: #ff0000;
  padding-left: 10px;
  text-decoration: none;
}

#topLeftMenuContainer li a:hover {
  color: #000;
}

#banner {
  width: 580px;
  background-image: url(/images/banner.png);
  background-repeat: no-repeat;
}


/*
-----------------------------------------------------
This is for the main left menu and the main content
-----------------------------------------------------
*/
#container {
  background-image: url(/images/container_bg.png);
  background-repeat: repeat-y;
  width: 100%;
  height: 100%;
  float: left;
}

html>body #container {
  height: auto;
}

#leftMenu {
  width: 320px;
  float: left;
}

#leftMenu ul {
  padding: 0px;
  margin-top: 10px;
  margin-left: 10px;
  list-style-type: none;
}

#leftMenu li {
  padding-top: 5px;
  padding-bottom: 5px;
}

#leftMenu li a {
  font-family: verdana, arial, sans-serif;
  text-decoration: none;
  color: #000;
}

#leftMenu li a:hover {
  color: #fff;
  border-top: 3px solid #f59a76;
}

#content {
  margin-left: 10px;
  width: 580px;
  float: left;
  font-family: verdana, arial, sans-serif;
}

#content h3 {
  margin-top: 10px;
  margin-bottom: 0px;
}

html>body #content h3 {
  padding-top: 0px;
  margin-bottom: 5px;
}

#content p {
  margin-top: 5px;
  line-height: 1.5em;
}

#content p.highlight {
  background-color: #DEE8C5;
  padding: 10px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

#content ul.errors {
  font-weight: bold;
  background-color: #ffffcc;
  color: #ff0000;
  border-top: 2px dashed #000;
  border-bottom: 2px dashed #000;
}

html>body #content p {
  margin-top: 11px;
}

#content table {
  background-color: #75D1F6;
}

#content td {
  font-size: 12px;
  background-color: #fff;
}

#content ul {
  list-style-type: square;
}

#content ul.noBullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#content ul.noBullets li {
  padding: 6px 0; 
}

#content a {
  color: #1161d9;
}

#content a:hover {
  text-decoration: none;
}

#latestNewsContainer, #latestNews {
  width: 276px;
  background-repeat: no-repeat;
}

#latestNews, #upcomingEvents {
  padding: 15px 0;  
}

#latestNews hr, #upComingEvents hr {
  margin-bottom: 5px;
  margin-left: 8px;
  width: 95%;
}

#latestNewsContainer {
  float: left;
  margin-bottom: 5px;
}

#latestNews {
  background-color: #BBDC46;
}

html>body #latestNews {
  background-color: #c2e052;
}

#latestNews h3 {
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
  margin: 0px;
  padding-left: 8px;
}

#latestNews p {
  margin: 0px;
  padding-left: 10px;
  padding-right: 8px;
  line-height: 1.0em;
}

#upcomingEventsContainer, #upcomingEvents {
  width: 276px;
  background-repeat: no-repeat;
}

#upcomingEventsContainer {
  float: right;
  padding-right: 5px;
}

#upcomingEventsContainer a {
  color: #fff;	
}

#upcomingEvents {
  margin-bottom: 0px;
  background-color: #24525F;
  float: left;
}

html>body #upcomingEvents {
  background-color: #2e5e6b;
}

#upcomingEvents h3 {
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
  margin: 0px;
  padding-left: 8px;
  color: #fff;
}

#upcomingEvents p {
  margin: 0;
  padding-left: 10px;
  padding-right: 8px;
  line-height: 1.0em;
  color: #fff;
}

#topFooterGrayBar {
  width: 320px;
  float: left;
  background-color: #707070;
}

#topFooterBlueBar {
  width: 580px;
  float: left;
  background-color: #18B1DB;
}

#footer {
  width: 100%;
  clear: both;
}

#copyright {
  background-image: url(/images/copyright_bg.png);
  background-repeat: repeat-x;
  height: 118px;
  width: 320px;
  float: left;
}

#copyright p {
  font-size: 9pt;
  color: #000;
  padding-left: 5px;
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
}

#thecDisclaimer {
  width: 585px;
  float: left;
  text-align: right;
}

#thecDisclaimer p {
  font-family: verdana, arial, sans-serif;
  font-size: 1.0em;
}

dt, #showHide {
  color: #0B87A9;
  text-decoration: underline; 
}

dt:hover, #showHide:hover {
  color: #d91161;
  cursor: pointer;
}

dd {
  display: none;
  font-family: arial;
  padding: 10px;
  line-height: 24px;
  border: 3px solid #ccc;
  background-color:#f6f6f6;
  color: #666;
  font-size: 13px;
  margin: 5px 5px 5px 0;
}

th {
  font-size: .9em;
  background: #fff; 
}

td {
  padding: 5px; 
}

#content tr.alt td {
  background: #F1F1F1;
}

/*
#content dd a {
  color: #d91161;
}
*/