/*
  Hong Kong Pictures
  Stylesheet
*/

body {
  background:#535353;
  padding:5px 0 0 0;
  margin:5px 0 0 0;
  font:12px verdana,sans-serif;
  color:#000;
}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span {
  margin:0;
  padding:0;
}

img {
  border:0;
}

a {
  color:#000;
}

a:hover {
  color:#000;
}

td {
  text-align: left;
  vertical-align: top;
}

#wrapper {
  width: 920px;
  border: 1px solid #7c806b;
  margin:0 auto;
  margin-bottom:10px;
  background:#474747;
}

#header {
  background: #323232;
  color: #3aa6c9;
  border-bottom: 1px solid #7c806b;
}

#header select {
  background: #7c806b;
  border:1px solid #cfd3c0;
  color: #cfd3c0;
}

#header td {
  vertical-align: middle;
}

#header a {
  color: #bbc1a0;
}

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

#menu {
}

#content {
  padding:10px;
  min-height:450px;
}

#content .picGallery {
  width: 130px;
  height: 90px;
  border: 1px solid #323232;
  background: #7c806b;
  padding:3px;
}

#content .picGalleryInfo {
  width: 380px;
  height: 270px;
  border: 1px solid #323232;
  background: #7c806b;
  padding:3px;
}

#content .pHeading {
  text-align: center;
  padding:5px;
  color:#dedede;
  background:#7c806b;
  margin-bottom:10px;
  border:1px solid #323232;
}

#content .searchArea {
  text-align: left;
  padding:5px;
  color:#dedede;
  background:#7c806b;
  margin-bottom:10px;
  border:1px solid #323232;
}

#content .searchArea td {
  vertical-align: middle;
}

#content .box {
  padding:3px;
  width:95%;
  background:#616161;
  color:#fff;
  font:12px verdana,sans-serif;
  border:1px solid #323232; 
}

#content .pHeading a {
  text-decoration: underline;
  color:#dedede;
}

#content .pHeading a:hover {
  color:#dedede;
  text-decoration: none;
}

#content .linkOfInterest {
  display: block;
  background: #323232;
  margin-bottom: 5px;
  padding:5px;
  color:#a5a5a5;
}

#content .linkOfInterest a {
  color: #3aa6c9;
  font-size: 14px;
}

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

#content .linkOfInterestInfo {
  display: block;
  font-size: 11px;
  padding-top:3px;
}

#content .latestHead {
  display: block;
  background: #323232;
  margin-bottom: 5px;
  padding:5px;
  color:#3aa6c9;
}

#content .furtherInfo {
  display:block;
  padding:0px 0 0 20px;
  margin-top:20px;
  color:#fff;
  background:url(templates/images/info.gif) no-repeat left center;
}

#content .furtherInfo a {
  color: #fff;
}

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

#content .informationHead {
  display: block;
  background: #323232;
  margin-bottom: 5px;
  padding:5px;
  color: #3aa6c9;
}

#content .subName {
  display: block;
  color:#dedede;
  padding:3px 0 6px 0;
  font-size:11px;
}

#content .infoViewGallery {
  display: block;
  margin-top:20px;
  padding-left:20px;
  text-align:left;
  background:url(templates/images/info.gif) no-repeat left center;
}

#content .infoViewGallery a {
  color: #bbc1a0;
}

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

#formArea {
  color:#bbc1a0;
  text-align: center;
}

#formArea td {
}

#formArea .buttonBlock {
  display: block;
  text-align: center;
}

#formArea label {
  display: block;
  padding:10px 0 3px 0;
  font-weight: bold;
}

#formArea .box {
  background:#353535;
  padding:3px;
  font:12px verdana,sans-serif;
  border:1px solid #bbc1a0;
  border-left:3px solid #bbc1a0;
  width:80%;
  color:#bbc1a0;
}

#content .errorCountDisplay {
  color:#bbc1a0;
  border:2px solid #bbc1a0;
  padding:5px;
  display: block;
  margin:10px 0 10px 0;
  background:#353535;
}

#formArea .formError {
  display:block;
  font-size:10px;
  color: #3aa6c9;
  padding:2px 0 5px 0; 
}

#formArea .button {
}

#formArea textarea {
  background:#353535;
  padding:3px;
  font:12px verdana,sans-serif;
  border:1px solid #bbc1a0;
  border-left:3px solid #bbc1a0;
  width:95%;
  color:#bbc1a0;
}

#footer {
  background: #353535;
  border-top: 1px solid #7c806b;
}

#footer p {
  padding: 10px;
  text-align: center;
  font-size: 11px;
  color: #bbc1a0;
}

#footer a {
  color: #bbc1a0;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}