﻿html {
height: 100%; 
margin-bottom: 1px;
margin: 0 auto;
padding: 0;
text-align: center;

}
body {
background-color: #ffffff;
color: #000000;
font-family: verdana, arial, sans-serif;
font-size: 75%;
text-align: center; 
float:none;
margin: 0 auto;
}
img {
border: none;
}
li {font-size: 100%;}
td {font-size: 100%;}
p {font-size: 100%;}
table     {padding: 0px; border-collapse: collapse; font-size: 100%; margin: 0 auto}

/* this group sets the normal link colors */
a:link {
color: #c98c09;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #c98c09;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #c98c09; 
background-color: #f5e0b3;
text-decoration: underline overline;
font-weight: bold;
}
a:active {
	color: #906404;
	text-decoration: none;
	font-weight: bold;
}
a.1:link {
				text-decoration: none;
}
/* this grouping sets the heading colors and sizes */
h1 {
	font-size: 130%;
	font-weight: bold;
	color: #906404;
	letter-spacing: 1px;
}
h2 {
	font-size: small;
	text-align:center
	color: #000000;
	font-weight: normal;
}
h3 {
font-size: 120%;
font-weight: bold;
color: #bc8204;
letter-spacing: 2px;
}
h4 {
font-size: 110%;
font-weight: bold;
color: #c98c09;
letter-spacing: 2px;
}
h5 {
font-size: 110%;
font-weight: bold;
color: #b8820e;
letter-spacing: 2px;
}
h6 {
font-size: 90%;
font-weight: bold;
color: #c98c09;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color: #c98c09;
width: 80%;
height: 2px;
}
.wrapper {
width: 780px; 
background-color: #ffffff;
color: #000; 
text-align: left; 
margin: 0 auto;
}
.maincell {
font-family: verdana, arial, sans-serif;
background-color: #eda908;
width: 280px;
vertical-align: top;
}
.maincell p{ 
padding:0; margin:0;
}
.logocell {
font-family: verdana, arial, sans-serif;
background-image: url('images/gora.jpg'); /* sets the background image */
background-position: bottom left; /* positions the background image */
background-repeat: repeat-x;
background-color:#eda908;
border-top: 1px solid #eda908;
border-left: 1px solid #eda908;
height: 148px;
width: 780px;
}
.topnav {
background-image: url('images/gora.jpg'); /* sets the background image */
background-position: bottom left; /* positions the background image */
background-repeat: repeat-x;
background-color: #eda908;
color: #ffffff;
font-family: verdana, arial, sans-serif;
font-size: 80%;
line-height: 20px;
height: 130px;
width: 305px;
vertical-align: bottom;
text-align: right;
padding-right: 15px;
border-top: 1px solid #eda908;
border-right: 1px solid #eda908;
}
.topnav a:link {display: inline; text-align: right; text-decoration: none;  color: #906404;}
.topnav a:active {display: inline; text-align: right; text-decoration: none;  color: #906404;}
.topnav a:hover {display: inline; text-align: right; text-decoration: none; color: #906404;  background-color: #fcf1d6;}
.topnav a:visited {display: inline; text-align: right; text-decoration: none; color: #906404;}

.topcell {
height: 15px;
background-color: #eda908;
border-right: 1px solid #eda908;
border-left: 1px solid #eda908;
}
.sidebar {
background-color:#ffffff;
background-image: url('images/tlomenu.jpg'); /* sets the background image */
background-position: top right; /* positions the background image */
background-repeat: repeat-y;
font-family: verdana, arial, sans-serif;
line-height: 20px;
width: 185px;
text-align: left;
vertical-align:top;
padding-top: 10px;
padding-right: 10px;
padding-left: 5px;
border-left: 1px solid #eda908;
}
.sidebar a:link {display: block; text-align: center; text-decoration: none;  color: #b8820e;}
.sidebar a:active {display: block; text-align: center; text-decoration: none;  color: #b8820e;}
.sidebar a:hover {display: block; text-align: center; text-decoration: none; color: #b8820e;background-color: #ffffff;}
.sidebar a:visited {display: block; text-align: center;  text-decoration: none; color: #b8820e;}

.sidebar2 {
background-color: #eda908;
color: #fcf1d6;
font-family: verdana, arial, sans-serif;
width: 55px;
vertical-align:middle;
text-align: center;
}
.textarea {
	font-family: verdana, arial, sans-serif;
	background-color: #ffffff;
	background-image: url('images/tloglowne.jpg'); /* sets the background image */;
	background-position: top left;
/* positions the background image */	background-repeat: repeat-y;
	color: #000000;
	font-size: 100%;
	vertical-align: top;
	text-align: justify;
	line-height: 18px;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #eda908;
	width: 250px;
	margin-left: 5px;
}
.textarea2 {
font-family: verdana, arial, sans-serif;
background-color: #fcf1d6;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: left;
padding: 5px;
width: 250px;
}
.textarea3 {
font-family: verdana, arial, sans-serif;
background-color: #fcf1d6;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: left;
border-right: 1px solid #eda908;
border-left: 1px solid #eda908;
padding: 5px;
width: 250px;
}
.textarea4 {
font-family: verdana, arial, sans-serif;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 20px;
padding: 5px;
width: 780px;
border-right: 1px solid #eda908;
}
.textarea5 {
font-family: verdana, arial, sans-serif;
border-right: 1px solid #eda908;
border-left: 1px solid #eda908;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 20px;
padding: 5px;
width: 595px;
}
.textarea6 {
font-family: verdana, arial, sans-serif;
border-right: 1px solid #eda908;
border-left: 1px solid #eda908;
background-color: #ffffff;
color: #000000;
font-size: 100%;
vertical-align: top;
text-align: justify;
line-height: 20px;
padding: 5px;
}
.catalog {
background-color: #ffffff;
color: #000000;
font-family: verdana, arial, sans-serif;
line-height: 20px;
vertical-align:top;
padding: 5px;
border: 1px solid #eda908;
}
.info {
background-color:#fcf1d6;
color: #000000;
text-align: center;
line-height: 18px;
border-right: 1px solid #eda908;
border-left: 1px solid #eda908;
}
.bottomnav {
background-color: #fcf1d6;
padding-top: 2px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 2px;
color: #bc8204;
font-size: 80%;
text-align: center;
line-height: 20px;
border-right: 1px solid #eda908;
border-left: 1px solid #eda908;
border-bottom: 2px solid #eda908;
}
.style5 {
	font-family: verdana, arial, sans-serif;
	vertical-align: top;
	background-color: #eda908;
}
.imageright  {margin: 0px 10px 0px 10px; float: right; border: 3px double #eda908;}
.imageleft  {margin: 5px 5px 0px 2px; float: left; border: 3px double #eda908;}

/* templates in time */




.image {
	margin: 5px 5px 0px 2px;
	float: none;
	border: 3px double #eda908;
}




