/* sets the main body properties */
BODY {
font-family : Verdana, Arial, sans-serif;
font-size : 80%;
margin: 0px 0px 10px 0px;
background-color: #4A766E;
color:#ffffff;
scrollbar-arrow-color:#000000; 
scrollbar-face-color:#4A766E; 
scrollbar-3dlight-color:#4F2F4F; 
scrollbar-highlight-color:#CBDFDB; 
scrollbar-shadow-color:#CBDFDB; 
scrollbar-darkshadow-color:#CBDFDB; 
scrollbar-track-color:#4A766E
}

P, LI, UL,TD {
font-family : Verdana, Arial, sans-serif;
font-size : 100%; list-style-type: circle;
background-color: #4A766E
}

Table {
font-family : Verdana, Arial, sans-serif;
font-size : 100%; list-style-type: circle;
background-color: #4A766E
}

HR {
color: #ffffff;
height: 1px;
width: 100%; border: dotted
}

/* this sets an image to the left or to the right on a page */

.image {
border: 1px dotted #ffffff;
}

/* this group sets the normal link colors */

A:LINK {
color: #ffffff;
text-decoration: underline;
font-weight: bold
}

A:VISITED {
color: #ffffff;
text-decoration: underline;
font-weight: bold
}

A:HOVER {
color: #CBDFDB;
text-decoration: underline;
font-weight: bold
}

A:ACTIVE {
color: #ffffff;
text-decoration: underline;
font-weight: bold
}

/* We like to use headings for special effects */

H1 {
font-size: 24px;
color: #ffffff
}

h2 { 
font-size: 16px;
color: #ffffff
}

h3, h4, h5, h6 {
font-size: 14px;
color: #ffffff
}


/* special classes */
.topbar      { background-image: 
               url('tema/topbar.jpg');  
			   font-variant: small-caps; font-weight: bold; font-size: 90%;
               background-color: #4A766E; color: #000393; text-align: right;
               height: 250px; padding-top: 200px; padding-right: 0px }
.topbar a:link {color: #ffffff; font-variant: small-caps; text-decoration: underline }
.topbar a:visited {color: #ffffff; font-variant: small-caps; text-decoration: underline }
.topbar a:hover {color: #CBDFDB; font-variant: small-caps; text-decoration: underline }
.topbar a:active {color: #ffffff; font-variant: small-caps; text-decoration: underline}
			   
.downbar   { background-color: #4A766E; color: #000000; 
               font-variant: small-caps; font-weight: bold; font-size: 90%; 
               height: 50px; padding-left: 0px; text-align: center; }
.downbar a:link {color: #ffffff; font-variant: small-caps;  text-decoration: underline }
.downbar a:visited {color: #ffffff; font-variant: small-caps; text-decoration: underline }
.downbar a:hover {color: #CBDFDB; font-variant: small-caps; text-decoration: underline }
.downbar a:active {color: #ffffff; font-variant: small-caps; text-decoration: underline }

.copy { 
	font-size: 8pt;	color: #ffffff;	font-weight: bold; text-align: center 
}
		  
.main {
background-color: #4A766E;
color: #ffffff;
vertical-align: top;
text-align: justify;
padding: 10px 20px 20px 20px
}