body {
/*  background: url('pics/bodyback.jpg') repeat-y;*/
/*  background: #0f0000; */
  background: #220000;
  margin-top: 0px;
}

.float-left { float: left }
.bluehighlight { 
/*  color : #0099ff;*/
  color : #d6aa5e;
  font: bold 14px Sans-serif, Arial; 
}

/* links */
a, a:visited {
	text-decoration: none;
	color: #e7c58b;
	background: inherit;
}
a:hover {
	color: #f3e1c2;
	background: inherit;
}

/**** HEADER ****/
#header {
  margin: 0 auto;
  width: 983px;
  height: 119px;
}
/**** end of HEADER ****/

/**** MENU ****/
#menu {
  margin: 0 auto;
  background: url('pics/menuback3.jpg') center no-repeat;
  width: 983px;
  height: 41px;
  font: bold 14px Sans-serif, Arial;
  text-align: center;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding-left: 210px;
  padding-top: 10px;
}

#menu ul li {
  display: inline;
}

#menu ul li a {
  display: block;
  float: left;
  padding: 5px 11px;
  width: 100px;
  color: #AAA;
  text-decoration: none;
}

#menu ul li a:hover {
/*  background-color: #E7C782;*/
  background: url('pics/menuitem-highlight.gif') no-repeat;
  color: #FFF;
}

#menu ul li#current a {	
/*  background-color: #DF9625;*/
/*  background-color: #a6bed2;*/
  background: url('pics/menuitem-active.gif') no-repeat;
  color: #FFF;
}
/**** end of MENU ****/

/**** CONTAINER ****/
#container {
  width: 983px;
  margin: 0 auto;
  padding: 0px;
}
/**** end of CONTAINER ****/

/**** MAIN ****/
#mainright {
  float: right;
  margin-top: 10px;
  width: 769px;
  margin-bottom: 10px;
  color: #a78b5b;
}

#mainrightheader {
  background: url('pics/mainback-head.gif') center no-repeat;
  height: 19px;
}

#mainrightfooter {
  background: url('pics/mainback-foot.gif') center no-repeat;
  height: 19px;
}

#main {
  background: url('pics/mainback2.gif') repeat-y;
  padding-left: 20px;
}

#main h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
  padding-bottom: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #c27c04;
  font: bold 16px Sans-serif, Arial; 
  color: #c27c04;
}

#main h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
  padding-bottom: 0px;
  font: bold 14px Sans-serif, Arial; 
  color: #c27c04;
}

#main p {
  margin-top: 0px;
  margin-bottom: 0px;
  font: 14px Sans-serif, Arial; 
  color: #a78b5b;
}

#mainleft {
  float: left;
  width: 210px;
}

#main h3 {
  margin: 0 auto;
  text-align: center;
}


.upload_input {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial;
  font-size: 14px;
  color: #FFF;
  background-color: #000;
  border: 1px solid #c27c04;
  margin-bottom: 5px;
}

.imgmainright {
  float: right;
  border: 1px solid #220000;
  margin-left: 20px;
  margin-right: 20px;
}

.imgmainleft {
  float: left;
  border: 1px solid #220000;
  margin-right: 20px;
}

.pankkk {
  margin-left: 70px;
}

.photoimg {
	margin-left: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: -2px;
}

/**** end of MAIN ****/

/**** GUESTBOOK ****/
#gb {
  margin-top: 10px;
  width: 727px;
  margin-bottom: 10px;
  color: #a78b5b;
}

#gbheader {
  background: url('pics/gb_header.gif') center no-repeat;
  height: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#gbfooter {
  background: url('pics/gb_footer.gif') center no-repeat;
  height: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#gbmain {
  background: url('pics/gb_back.gif');
  padding-left: 30px;
  padding-right: 30px;
}

#gbmain h1 {
  background: url('pics/gb_back.gif') repeat-y;
  font: bold 14px Sans-serif, Arial; 
  color: #c27c04;
  padding-left: 20px;
}

#gbmain p {
  margin-top: 0px;
  margin-bottom: 0px;
  font: 14px Sans-serif, Arial; 
  color: #a78b5b;
}

.gb_input  {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial;
  font-size: 14px;
  color: #FFF;
  background-color: #000;
  border: 1px solid #c27c04;
  margin-bottom: 5px;
}
/**** end of GUESTBOOK ****/

/**** LOGIN ****/
#login {
  margin-top: 10px;
  text-align: center;
  color: #fff;
  background: url('pics/loginback2.gif') no-repeat;
  height: 250px;
}

#login h1 {
  letter-spacing: 5px;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 10px;
  font: bold 16px Sans-serif, Arial; 
  color: #c27c04;
}

#login p {
  text-align: center;
  font: 14px Sans-serif, Arial; 
  color: #a78b5b;
  margin: 0;
}

/* links */
#login a, a:visited {
	text-decoration: none;
	color: #FFF;
	background: inherit;
/*	font-weight: bold;*/
}
#login a:hover {
	color: #cdaa6f;
	background: inherit;
}        

.login_button {
  width: 125px;
  height: 25px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.login_input {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial;
  font-size: 11px;
  color: #FFF;
  background-color: #000;
  border: 1px solid #c27c04;
  width: 150px;
  height: 16px;
  margin-bottom: 5px;
}
/**** end of LOGIN ****/

/* form elements */
form {

}

label {
  margin-left: 8px;
  color: #FFF;
}

input {
}

textarea {
  width:400px;
  padding:2px;
  border:1px solid #eee;
  height:100px;
  display:block;
  color:#777;
}

input.button { 
  margin: 0; 
  text-align: center;
  border: 1px solid #CCC; 
  padding: 2px 3px; 
  background: none;
}

/**** NEWS ****/
#news {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 300px;
  background: url('pics/newsback2.gif') no-repeat;
}

#news a, a:visited {
	text-decoration: none;
	color: #e7c58b;
}
#news a:hover {
	color: #f3e1c2;
}

#news h1 {
  letter-spacing: 5px;
  text-align: center;
  padding-top: 10px;
  margin-bottom: 10px;
  font: bold 16px Sans-serif, Arial; 
  color: #c27c04;
}

#news h2 {
  text-align: center;
  font: bold 14px Sans-serif, Arial;   
  color: #e7c58b;
  text-decoration: underline;
}

#news p {
  text-align: center;
  font: 14px Sans-serif, Arial; 
  color: #a78b5b;
  margin-top: 0px;
  margin-bottom: 0px;
}
/**** end of NEWS ****/

/**** FOOTER ****/
#footer {
  margin: 0 auto;
  width: 983px;
  clear: both;
}

#footerhead {
  background: url('pics/footerback-head.gif') center no-repeat;
  height: 19px;
}

#footermain {
  background: #000;
  font-family: Arial, Helvetica, sans-serif, "bitstream vera sans";
  font-size: 14px;
  font-weight: normal;
  color: #AAA;
  text-align: center;
}

#footerfoot {
  background: url('pics/footerback-foot.gif') center no-repeat;
  height: 19px;
}
/**** end of FOOTER ****/
