BODY
{background-color:#ffffff;color:#336666;font-family:Arial,Verdana,Helvetica,sans-serif;margin: 0; padding: 0; font-size:12}

P, DIV, TD, TH {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #333333
}

A:link {
	color: #3333CC;
	text-decoration: none;
} 
	
A:visited {
	color: #333388;
	text-decoration: none;
} 

A:active, A:hover {
	color: #CC0000;
	text-decoration: underline;
} 

A.lang:link, A.lang:visited, A.lang:active, A.lang:hover {color: #ffffff; text-decoration: none; font-weight:bold;}

H1, H2, H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006666;
	line-height: 120%;
}

H4, H5, H6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 130%;
}

H1 {
	font-size: 13pt;
	margin-top: 18pt;
	margin-bottom: 12pt;
  clear: both;
}

H2 {
	font-size: 10pt;
	margin-top: 14pt;
	margin-bottom: 10pt;
  clear: both;
}

H3 {
	font-size: 9pt;
	margin-top: 10pt;
	margin-bottom: 4pt; 
}

H4 {
	font-size: 12pt;
	margin-bottom: 3pt; 
}

H5 {
	font-size: 10pt;
	margin-bottom: 3pt; 
}

H6 {
	font-size: 9pt;
	margin-bottom: 3pt; 
}

P, LI {
	margin-bottom: 6pt; 
	margin-top: 6pt;
}

UL, OL {
	margin-bottom: 0pt; 
	margin-top: 0pt;
}

P, LI, TD, DT, DD {
	line-height: 130%;
}

DD {
	margin-bottom: 6pt; 
	margin-top: 6pt;
	margin-left: 12pt;
}

DT {
	font-weight: bold;
	margin-bottom: 6pt; 
}

IMG {
	border: none;
}

DIV.menu {
	width: 150px;
	height: 20px;
	background-image: url("/img/menu.gif");
  background-repeat: no-repeat;
	margin: 10px 0 5px 10px;
	padding: 3px 8px 0 0;
	text-align: right;
}

DIV.menuhot {
	width: 150px;
	height: 20px;
	background-image: url("/img/menu_hot.gif");
  background-repeat: no-repeat;
	margin: 10px 0 5px 10px;
	padding: 3px 8px 0 0;
	text-align: right;
}

DIV.menu A:link, DIV.menu A:visited {
  color: #006666;
}

DIV.submenu {
	color: white;
	margin-bottom: 5px;
	margin-right: 5px;
	text-align: right;
}

DIV.submenu A:link, DIV.submenu A:visited {
	color: white;
}

.small {
	font-size: 7pt;
}

TEXTAREA, INPUT {
	font-family: Courier New, Courier, monospace;
	font-size: 9pt; 
}

SELECT {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
}

.pre {
	background-color: #F4F4F4;
	padding: 5px;
}

.right_col {
	border-top:1px solid #D9E5E5;
	padding-top:5px;
	margin-top:0px;
	margin-bottom:15px;
}

#header {
	width: 100%;
	height: 110px;
	background-color: #669999;
}

#header_text {
	position: absolute;
	left: 0;
	top: 10px;
	margin-top: 10px;
}

#logo {
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: white;
}

#header_decor1 {
	position: absolute;
	left: 0;
	top: 110px;
	width: 160px;
	height: 15px;
	background-color: #669999;
}

#header_decor2 {
	background-image: url("/img/header2.gif");
	position: absolute;
	left: 160px;
	top: 110px;
	width: 15px;
	height: 15px;
}

#bg_lang {
	position: absolute;
	right: 30px;
	top: 115px;
	width: 110px;
	height: 30px;
}

#header_lang_eng {
	position: absolute;
	right: 105;
	top: 120px;
	width: 30px;
	height: 20px;
}

#header_lang_rus {
	position: absolute;
	right: 45;
	top: 120px;
	width: 30px;
	height: 20px;
}

#body_lang {
	position: absolute;
	right: 170;
	top: 130px;
	width: 30px;
	height: 15px;
	background-color: #669999;
}

#menu {
	position: absolute;
	left: 0;
	width: 160px;
	top: 125px;
	padding-top: 20px;
      padding-bottom: 40px;
	background-color: #669999;
      background-image: url("/img/menu_decor.gif");
      background-position: bottom right;
      background-repeat: no-repeat;
}

#address {
	padding-left: 10px;
      margin-bottom: 20px;
}

#address p {
	color: white;
	font-size: 7pt; 
	margin-top: 4pt;
	margin-bottom: 4pt;
}

#address p.address_header {
	color: white;
	font-size: 7pt; 
	margin-top: 10pt;
	margin-bottom: 4pt;
	font-weight: bold;
}

#address a {
	color: white;
}

#main {
	position: absolute;
	left: 160px;
	top: 125px;
	right: 20px;
	padding: 20px 20px 20px 30px;
      min-width: 400px;
}

#right {
	position: absolute;
	top: 135px;
	right: 10px;
	width: 160px;

}

IMG.welcome {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

DIV.pumbaa_welcome {
  margin-left: 250px;
}

DIV.pumbaa_reminder {
  clear: both;
}

TABLE {
  empty-cells: show;
  border-spacing: 2px;
}

TABLE, TR, TD, TH {
  border: none;
}

TABLE.table TD, TABLE.table TH {
  padding: 5px;
}

TABLE.table TD {
  background-color: #F4F4F4;
  vertical-align: top;
}

TABLE.table TH {
  background-color: #E0E0E0;
  text-align: center;
  vertical-align: top;
}

TABLE.simple TD, TABLE.simple TH {
  padding: 3px;
}

TABLE.form {
}

TD.form_text, TD.form_control, TD.form_comment {
  padding: 5px;
}

TD.form_text {
  text-align: right;
}

TABLE.table TD.event_special {
  background-color: #FFFF66;
}

TABLE.table TD.event_celebration {
  background-color: #ECF9FF;
}

TABLE.table TD.event_anniversary {
  background-color: #66FF99;
}

TABLE.table TD.event_spice {
  background-color: #B9DCFF;
}

.navigation {
  margin-top: 20px;
}

.abc_comment {
  background-color: #F4F4F4;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.event_anni {
  background-color: #ccddff;
}

.ino {border: 2px; border-color: #669999; background-color: #669999; margin-top:10; font-family:Arial;}
.txar{font-family:Arial;font-size:12px;color:#336666;overflow:auto;width:360}

.a{background-color:#eeffff;color:#336666}                                    /*  table rows 1          */
.f{color:#336666;font-size:10px;padding:0px;font-weight:bold}                 /*  info row              */
.z{background-color:#ffffff; height:18}                                       /*  bg info row           */

.ia{color:#336666;background-color:#ffffff;border:1px solid #336666; font-family:Arial;}
.ib{color:#ffffff;background-color:#669999;border:1px solid #669999; font-family:Arial; font-size:12; height:20}

A.forum {color:#336666; text-decoration:none}
A.forum:visited {color:#aa3333; text-decoration:none}
A.forum:active {color:#336666; text-decoration:none}
A.forum:hover {color:#336666; text-decoration:underline}

.search 
{border-right: #336666 1px solid; border-top: #336666 1px solid; border-bottom: #336666 1px solid; border-left: #336666 1px solid; width: 120px; height: 19px; font-size: 8pt; COLOR: #336666; font-style: normal; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff;}

.formbut
{width: 70px; background-color: #ffffff; color:#0c8aae; BORDER-RIGHT: #0c8aae 1px solid; BORDER-TOP: #0c8aae 1px solid; BORDER-LEFT: #0c8aae 1px solid; BORDER-BOTTOM: #0c8aae 1px solid;}
.formbuto
{width: 70px; background-color: #0c8aae; color:#ffffff; BORDER-RIGHT: #0c8aae 1px solid; BORDER-TOP: #0c8aae 1px solid; BORDER-LEFT: #0c8aae 1px solid; BORDER-BOTTOM: #0c8aae 1px solid;}

.selser
{BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #ce526b 1px solid; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff;}

/* css/tooltip.css -- fancy tooltips */

span.tool {
  position: relative;   /* this is key */
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 0;
  left: -150px;
  width: 150px;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #DDDDDD;
  font: normal 12px Arial;
  text-align: left;
  color: #000;
}


/* css/tooltip.css */