/*
  #3f3f3f; // background grey
  #525252; // lighter than background grey
  #ffba73; // light orange background
  #f78a21; // dark orange border
  #f78a21; // orange text
*/

body {
  filter:none;
}

#header {
  position : relative;
}

#announcementCell {
  position:absolute;
  top:10px;
  right:10px;
  width : 224px;
  height : 166px;
  color : #000;
  background-image : url(images/cloud.png);
  background-repeat : no-repeat;
}

#announcementText {
  font-size : 16px;
}

#announcementText #title {
  position : absolute;
  font-size : 16px;
  font-weight : bold;
  top : 20px;
  left : 20px;
}

#announcementText #info {
  position : absolute;
  top : 50px;
  left : 26px;
  width : 172px;
}

#announcementText #more {
  position : absolute;
  font-size : 16px;
  bottom : 25px;
  left : 85px;
}

#announcementText span {
  position : relative;
  left : 10px;
}

#announcement a {
  color : #000;
  font-size : 80%;
  text-decoration : underline;
}

/*
#homeLogoSlogan {
  padding : 6px;
  color : #000;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 16px;
  line-height : 20px;
  position : absolute;
  right : 5px;
  top : 5px;
  text-align:right;
  opacity : 0;
  filter: alpha(opacity = 0);
  zoom : 1;
}
*/

#topMenu .currentPage {
  background-color : #fff;
}

#masterCell {
  position : relative;
}

#location {
  position : absolute;
  top : 218px;
  right : 10px;
  color : #fff;
  font-weight : bold;
  font-size : 14px;
}

.lbreadcrumbs, .lbreadcrumbs a {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #fff;
  font-weight : normal;
}
.lbreadcrumbs a {
  text-decoration : none;
  border-bottom : 1px dashed #fff;
}

.lbreadcrumbs a:hover {
  font-style : italic;
}

#backButton {
  position : absolute;
  top : 218px;
  left : 6px;
  width : 45px;
  color : #000;
  font-size : 14px;
  background-color : #f78a21; /* orange */
  padding : 0px;
}

#content .button {
  color : #000;
  font-size : 14px;
  background-color : #f78a21;
  padding : 0px;
}

#content .largeText, h2 {
  font-weight : bold;
  font-size : 16px;
}

#content .smallText, #content .smallText, h3 {
  font-size : 14px;
}

#content, #content .extraSpace, #content .extraSpace div, #content .extraSpace p {
  line-height : 22px;
}

#content a {
  color : #fff;
  text-decoration : none;
  border-bottom : 1px dashed #fff;
}

#content a:hover {
  font-style : italic;
}

#content a.imgLink {
  border : 0px;
}

#content span.boldLink {
  color : #f78a21;
  font-size : 16px;
  font-weight : bold;
}

#content .boldLink a {
  color : #f78a21;
  border-bottom-color : #f78a21;
}

#imgBoxTable .imgLabel, #imgBoxTable td {
  background-color: #3d3d3d;
}

#imgBoxTable a.imgButton, #imgBoxTable .imgBox {
  display : block;
  margin-top : 5px;
  text-decoration : none;
  border : 3px solid #fff;
  background-color: #000;      /* for IE */
}

#imgBoxTable .imgButton img {
  display : block;
  width : 200px;
/*  height : 150px; */
  border : 0px;
}

#imgBoxTable a.imgButton:hover {
  opacity : 1;                  /* for Firefox */
  filter: alpha(opacity = 100); /* for IE */
  zoom : 1;                     /* for IE */
  background-color: #000;       /* for IE */
  border-color : #f78a21;       /* orange */
}

/* for use on pages with text on the left and stacked images boxes on the right */
/* see Support_Us.php, Annual_General_Meeting.php, Special_Events.php           */
.textImgBoxTable #left {
  width : 340px;
}

.textImgBoxTable #right {
  padding-left : 130px;
  padding-right: 10px;
}


#content .thickBorder {
  border : 3px solid #fff;
}

.formTable {
  font-size : 14px;
  border : 4px solid #fff;
  background-color : #ddd;
  color : #000;
/*  width : 600px; this needs to be set by each form table */
  margin : 0px auto;
}

#content .pictureFrame {
  background-color : #fff;
  color : #000;
  margin : 5px;
  padding:3px;
  font-style : italic;
  text-align:center;
}

#content .pictureFrame a {
  color : #000;
}

#footer {
  overflow : hidden;
}

#designer {
  font-family : Verdana, Arial;
  font-size : 12px;
  text-align:right;
}

#designer a {
  color : #000;
  text-decoration : none;
  border-bottom : 1px dashed #000;
}

