/*
** HTML elements
*/
body#body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  background-image: url(../img/bg.jpg);
  font: 70% Verdana, Arial, Helvetica, sans-serif;
}
body {
  margin: 0;
  padding: 2px;
  color: #000;
  background-color: #fff;
  font: 70% Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  font-weight: bold;
  color: #333;
}
h1 {
  font-size: 1.2em;
}
h2 {
  font-size: 1.1em;
}
h3 {
  font-size: 1em;
}
h4, h5, h6 {
  font-size: 0.9em;
}
p, ul, ol {
  margin-top: 0.1em;
  margin-bottom: 0.3em;
}
hr {
  height: 1px;
	color: transparent;
	border-top: 1px dashed #333;
}
a {
  font-weight: bold;
  text-decoration: none;
}
a:link {
  color: #335;
}
a:visited {
  color: #555;
}
a:hover {
  color: #009;
  text-decoration: underline;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
td.photo {
	text-align: center;
	vertical-align: middle;
/*	border: 1px solid #bbb;
*/
}
img {
  vertical-align: middle;
  border: none;
}
img.photo {
  padding: 2px;
}
img.float {
  padding: 2px;
  margin: 2px;
  border: 1px solid #bbb;
}
td {
  vertical-align: top;
}

/*
** HTML elements
*/
.smtext {
  font-size: 90%;
}
.bg0 {
  background-color: #fff;
}
.bg1 {
  background-color: #eee;
}
.bg2 {
  background-color: #ddd;
}
.bg3 {
  background-color: #ccc;
}
.bg4 {
  background-color: #bbb;
}
.bg4 {
  background-color: #aaa;
}
.bgA {
  background-color: #ffe6b1;
}
.title {
  font-size: 12px;
  padding: 2px 5px;
  background-color: #333;
  color: #fff;
  font-weight: bold;
//  border-bottom: 1px solid #555;
}
.gray_title {
  font-size: 11px;
  padding: 2px 5px;
  color: #777;
  font-weight: bold;
}
#menu-top a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-color: #eee;
  color: #ccc;
  margin: 2px;
  padding: 3px;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
#menu-top a:hover {
  background-color: #eee;
  color: #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#menu-left .title {
  font-size: 11px;
  padding: 2px;
  color: #555;
  background-color: #ddd;
  font-weight: bold;
  display: block;
}
#menu-left a {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  color: #333;
  white-space: nowrap;
  padding: 2px 5px;
  display: block;
}
#menu-left a:hover {
	background-color: #fff;
}
.header {
  text-align: left;
  padding: 2px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}
.photo_sign {
  font: 9px Verdana, Arial, Helvetica, sans-serif;
}
.photo_art {
	font-weight: bolder;
	text-align: center;
	width: 18px;
	border: white 3px solid;
	border-bottom: white 7px solid;
	color: white;
	background-color: lightgrey;
	cursor: pointer;
}
.footer {
  text-align: right;
//  border-bottom: 1px solid #999;
//  border-right: 1px solid #999;
}
.forms {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  vertical-align: middle;
  width: 99%;
}
.button {
  font: 11px Verdana, Helvetica, Arial, sans-serif;
  font-weight: bold;
  vertical-align: middle;
}
.error {
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #c00;
}