/* Page structure ---------------------------------------------------------- */

html, body {
  font: normal 14px Arial;
  background: white;
  color: black;
}

.page{
  display: block; 
  position: relative;
  min-width: 1024px;
  max-width: 1280px;
  height: 100%;
  min-height: 976px;
  margin: 0 auto 0 auto;
  overflow: hidden;
  margin-bottom: -120px;
}

.page11 {
  display: block; 
  position: absolute;
  left: 0;
  top: 0;
  width: 712px;
  height: 10%;
  background: white url(../img/Backgnd11.png) left bottom no-repeat;
  z-index: 3;
}

.page12 {
  display: block; 
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 10%;
  background: white url(../img/Backgnd12.png) bottom repeat-x;
  z-index: 2;
}

.page13 {
  display: block; 
  position: absolute;
  right: 0;
  top: 0;
  width: 312px;
  height: 10%;
  background: white url(../img/Backgnd13.png) right bottom no-repeat;
  z-index: 3;
}

.page21 {
  display: block; 
  position: absolute;
  left: 0;
  top: 10%;
  width: 712px;
  height: 57%;
  background: white url(../img/Backgnd21.png) left repeat-y;
  z-index: 2;
}

.page22 {
  display: block; 
  position: absolute;
  left: 0;
  top: 10%;
  width: 100%;
  height: 57%;
  background: white url(../img/Backgnd22.png);
  z-index: 1;
}

.page23 {
  display: block; 
  position: absolute;
  right: 0;
  top: 10%;
  width: 312px;
  height: 57%;
  background: white url(../img/Backgnd23.png) right repeat-y;
  z-index: 2;
}

.page31 {
  display: block; 
  position: absolute;
  left: 0;
  top: 67%;
  height: 288px;
  margin-top: -78px;
  width: 712px;
  background: white url(../img/Backgnd31.png) top left no-repeat;
  z-index: 3;
}

.page32 {
  display: block; 
  position: absolute;
  left: 0;
  top: 67%;
  height: 288px;
  margin-top: -78px;
  width: 100%;
  background: white url(../img/Backgnd32.png) top repeat-x;
  z-index: 2;
}

.page33 {
  display: block; 
  position: absolute;
  right: 0;
  top: 67%;
  height: 288px;
  margin-top: -78px;
  width: 312px;
  background: white url(../img/Backgnd33.png) top right no-repeat;
  z-index: 3;
}

/* Top section ------------------------------------------------------------- */

.logo {
  display: block; 
  position: absolute;
  bottom: 90%;
  left: 146px;
  margin-bottom: 37px;
  z-index: 5;
}

.title {
  display: block; 
  position: absolute;
  bottom: 90%;
  left: 340px;
  margin-bottom: 35px;
  font: 16px Arial;
  z-index: 5;
}

/* Main menu --------------------------------------------------------------- */

.menu {
  display: block; 
  position: absolute;
  left: 29px;
  top: 10%; 
  color: white;
  z-index: 5;
}

.menu a {
  display: block; 
  position: relative; 
  height: 36px;
  top: -2px;
  margin-bottom: 4px; 
  padding: 2px 0 2px 82px;
  background: url(../img/ButtonMenuOff.png) no-repeat; 
}

.menu a:active {
  background: url(../img/ButtonMenuDown.png) no-repeat; 
}

.menu a.on {
  background: url(../img/ButtonMenuOn.png) no-repeat; 
}

.menu a div {
  display: block; 
  position: relative; 
  width: 112px;
  background: #405860; 
  padding: 8px; 
  border-radius: 8px;
}

.menu a.on div {
  background: white; 
  color: black;
  xfont-weight: bold; 
}

/* Language menu ----------------------------------------------------------- */

.lang {
  display: block;
  position: absolute;
  right: 30px;
  top: 10%; 
  margin-top: -4px;
  font: 12px monospace;
  text-align: center;
  z-index: 5;
}

.lang a {
  display: block;
  position: relative;
  margin: 1px 0;
  width: 47px; 
  height: 12px;
  padding: 12px 1px 12px 0; 
  background: url(../img/ButtonExtraOff.png) no-repeat;
}

.lang a:active {
  padding: 12px 0 12px 1px; 
  background: url(../img/ButtonExtraDown.png) no-repeat; 
}

.lang a.on {
  padding: 12px 1px 12px 0; 
  background: url(../img/ButtonExtraOn.png) no-repeat; 
}

/* Content elements -------------------------------------------------------- */

.content {
  display: block;
  position: absolute;
  left: 252px;
  top: 10%;
  right: 116px;
  height: 57%;
  z-index:5;
  overflow: auto;
  overflow-y: scroll;
  background:#405860; 
  border-radius: 8px;
  color: black;
}

#content {
  position: relative;
  xpadding: 8px 8px 0 8px;  
  overflow: visible;  
}

/* Footer elements --------------------------------------------------------- */

.admin {
  display: block;
  position: absolute;
  left: 150px;
  top: 67%; 
  margin-top: 84px;  
  color: #666;
  font-size: 11px;
  z-index: 5;
}

.footer1 {
  font-size: 12px;
  display: block;
  position: absolute;
  left: 496px;
  top: 67%; 
  margin-top: 64px;  
  z-index: 5;
}

.footer2 {
  font-size: 12px;
  display: block;
  position: absolute;
  left: 522px;
  top: 67%; 
  margin-top: 87px;  
  z-index: 5;
}

.footer3 {
  font-size: 12px;
  display: block;
  position: absolute;
  left: 552px;
  top: 67%; 
  margin-top: 110px;  
  z-index: 5;
}

.links {
  display: block;
  position: absolute;
  right: 68px;
  top: 67%;
  margin-top: 58px;
  font-size: 12px; 
  text-align: left;
  z-index: 5;
}

.links a {
  display: block; 
  position: relative; 
  height: 12px;
  padding: 12px 0;
  margin: 1px 0;
  background: url(../img/ButtonExtraOff.png) right no-repeat; 
  text-align: right;
}

.links a:active {
  background: url(../img/ButtonExtraDown.png) right no-repeat; 
}

.links a.on {
  background: url(../img/ButtonExtraOn.png) right no-repeat; 
}

.links a i {
  float:right;
  margin: 0 18px 0 18px; 
}

.links a:active i {
  float:right;
  margin: 0 17px 0 19px; 
}



/* Photo gallery elements -------------------------------------------------- */

.galleryitem {
  display:block;
  position:relative;
  float:left;
  margin:5px;
  padding:8px;
  width:174px;
  height:172px;
  background:white;
  border:1px outset white;
  box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.8);
  overflow:hidden;
  cursor: pointer;
}

.galleryitem div {
  width:172px;
  height:140px;
  text-align:center;
  overflow:hidden;
  border:1px inset white;
}

.galleryitem table {
  border-collapse: collapse;
  width: 100%;
}

.galleryitem td {
  height:40px;
  text-align:center;
  vertical-align:middle;
  color: black;
}

.xgalleryitem:hover {
  left:-1px;
  top:-1px;
  box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.8);
}

/* Special effects --------------------------------------------------------- */

.box {
  padding: 8px;
  background: #ddd;
  color: black;
  border-radius: 5px;
  overflow: hidden;
  border: none;
}

.box1 {
  padding: 8px;
  background: #ddd;
  color: black;
  border-radius: 5px;
  overflow: hidden;
  border: none;
}                  

.box2 {
  padding: 8px;
  background: #cdd;
  color: black;
  border-radius: 5px;
  overflow: hidden;
  border: none;
}

.box3 {
  padding: 8px;
  background: #ccc;
  color: black;
  border-radius: 5px;
  overflow: hidden;
  border: none;
}

/* Forms ------------------------------------------------------------------- */

form div {
  margin:8px 0;
}

form label {
  font-size: 75%;
  color: #405860;
}

form input,
form select,
form textarea {
  padding:4px;
  border: 1px inset #ccc;
  border-radius: 5px;
  font: inherit;
}

form input[type=checkbox] {
  margin: 0;
  padding: 0;
  position: relative;
  top: 3px;
}

form button {
  background: #f0f4f8;
  border: 1px outset #a0a4a8;
  border-radius: 5px;
  padding: 8px 8px 8px 8px;
  width: 100px;
  text-align: center;
  color: black;
}

form button:active {
  border: 1px inset #a0a4a8;
  padding: 8px 7px 8px 9px;
}

form button img {
  vertical-align: bottom;
  margin-right: 4px;
}

form input:focus,
form select:focus,
form textarea:focus,
form button:focus {
  outline: none;
}




/* Standard elements ------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
  display: block;
  margin: 8px 8px 0 8px;
  padding: 8px;
  font-weight: normal;
  font-family: Verdana;
  color: black;
  background:#cdd;
  border-radius:5px;
  text-shadow: 1px 1px 2px #222;
}

td h1, td h2, td h3, td h4, td h5, td h6, .box1 p, .box2 p {
  margin: 0;
}

h1 {font-size: 150%;}
h2 {font-size: 120%;}
h3 {font-size: 100%;}
h4 {font-size: 90%;}
h5 {font-size: 80%;}
h6 {font-size: 70%;}

td {
  vertical-align: top;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

a.disabled {
  cursor: default;
  color: #bbb !important;
}

a:hover {
  text-decoration: underline;
}

button {
  cursor: pointer;
  padding: 8px 32px;
  border: none;
  border-radius: 6px;
}

.mce-tooltip {
  position: fixed !important;
}