/* Main stylesheet for www.earthtransitions.com */

/* General styles */

HTML {
/*  overflow-x: hidden;	 */	/* Overflow and padding-right are       */
/*  padding-right: 10px; */	/* workarounds for the IE scrollbar bug */
  overflow-y: auto;
  margin: 0px;
  background-color: #ffffff;
}

BODY {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #003366;
  font-size: 10pt;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  padding: 0px;
}

P, LI, H1, H2, H3, H4 {
  margin-right: 0px;
}

A, A:active {
  color: #660066;
  text-decoration: none;
  font-weight: bold;
}


chronoform {
  color: #FFFFFF
  }
  
A:hover {
  color: #ffffff;
  background-color: #660066;
}

A.nohover:hover {
  color: #660066;
  background-color: transparent;
}

A.sitemap {
  font-weight: normal;
}

LI {
  list-style-position: outside;
  margin-left: 10px;
}

BLOCKQUOTE {
  font-style: italic;
}

BLOCKQUOTE.small {
  font-size: 9pt;
}

TD {
  font-size: 10pt;   /* Workaround for stupid Mozilla inheritance bugs */
  vertical-align: top;
  text-align: left;
}

TD.bottom {
  vertical-align: bottom;
}

TH {
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
  background-color: #bbffbb;
}

IMG {
  border: 0px;
  margin: 0px;
}

IMG.nomargin, IMG.icon {
  margin: 0px;
}

IMG.border {
  border: 1px solid #000033;
  margin-left: 10px;
  margin-right: 10px;
}

IMG.left {
  margin-right: 10px;
}

IMG.right {
  margin-left: 10px;
}

H1, H2, H3, H4 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
  text-align: left;
}

H1.centered, H2.centered, H3.centered {
  text-align: center;
}

H1 {
  margin-top: 0px;
  padding-top: 0px;
  font-size: 20pt;
  font-weight: normal;
  font-style: normal;
}

H2 {
  font-size: 14pt;
  font-weight: normal;
  font-style: normal;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

H3 {
  font-size: 12pt;
  font-weight: bold;
}

H4 {
  font-size: 10pt;
  font-weight: bold;
}

.small {
  font-size: 8pt;
}

.copyright {
  text-align: center;
  font-size: 8pt;
}

/* Layout and positioning */

TABLE.layout {
  width: 870px;
  text-align: center;
  background: #ffffff;
  vertical-align: top;
}

TD.layout {
  text-align: left;
}

TD.topbar {
  vertical-align: top;
  width: 870px;
  height: 160px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("UI/images/topbar.jpg");
  background-position: bottom left;
}

TD.leftmenu {
  width: 185px;
  height: 640px;	/* That's a minimum */
  margin-left: 4px;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 10px;
  text-align: left;
  background-color: transparent;
  background-repeat: repeat-y;
  background-image: url("UI/images/menuBG.jpg");
}

TD.topmenu {
  width: 685px;
  height: 30px;
  color: #660066;
  text-align: left;
  padding-bottom: 5px;
  padding-left: 45px;
}

/* Temporary fix */
.topsubmenu {
  text-align: center;
  vertical-align: center;;
  display: block;
  background: #fff0ff;
  padding: 10px;
  margin-bottom: 10px;
}

TABLE.content {
  background-position: top left;
  background-repeat: no-repeat;
  vertical-align: top;
}

TD.content {
  width: 685px;
  text-align: justify;
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 25px;
  padding-bottom: 10px;
  vertical-align: top;
}

TD.column {
  text-align: justify;
  font-size: 8pt;
}

TABLE.intro {
  padding-top: 8px;
  padding-right: 0px;
  color: #666666;
  background-image: url("content/images/HomepageContentBG.jpg");
  background-repeat: no-repeat;
  background-position: top left;
}

TABLE.list {
  background-color: #f6fff6;
}

/* Lists and tables */

TD.list {
  padding: 8px;
}

TD.subheader {
  text-align: center;
  background-color: #ddffdd;
  font-weight: bold;
}

TABLE.events {
  background: #ffffdd;
  width: 560px;
  margin: 0px;
  border: 1px solid #ccff99;
}

TH.eventstop {
  background: #bb00ee;
  color: #ffffdd;
  font-size: 24pt;
  height: 50px;
  text-align: center;
  margin: 0px;
}

TH.events, TD.events {
  background: #ccff99;
  text-align: center;
  margin: 0px;
  padding: 5px;
  border: 1px solid #bb00ee;
}

TD.eventsdesc, TD.eventsloc, TD.eventscontact {
  background: transparent;
  color: black;
  border: 1px solid #bb00ee;
  text-align: center;
  vertical-align: middle;
  margin: 0px;
  padding: 5px;
}

TD.scheduledesc {
  background: transparent;
  color: black;
  border: 1px solid #bb00ee;
  text-align: left;
  vertical-align: middle;
  margin: 0px;
  padding: 5px;
}

TD.eventsloc {
  font-weight: bold;
}

 
/* Top menu */

A.topmenu, A.topmenu:active {
  font-weight: normal;
}

/* Left hand side menu (expanding/collapsing DHTML) */

.menutitle {
  cursor: pointer;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  color: maroon;
  background-color: transparent;
  text-decoration: none;
  width: 170px;
}

A.mainmenu, A.menutitle:active {
  color: #440044;
  background-color: transparent;
  font-weight: bold;
  display: block;
}

A.mainmenu:hover {
  color: #ffffff;
  background-color: #660066;
  font-weight: bold;
  display: block;
}

.submenu {
  display: block;
  border: 0px; 
  width: 165px;
  color: #cc00cc;
  background-color: #ffeedd;
  margin-left: 0px;
  padding-top: 5px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  margin-bottom: 3px;
  font-weight: normal;
}

A.subitem, A.subitem:active {
  font-size: 10pt;
  display: block;
  text-decoration: none;
  color: #660066;
  background-color: transparent;
}

A.subitem:hover {
  text-decoration: none;
  color: white;
  background-color: #660066;
}

/* Left hand side menu (pop-up DHTML) */

#popitmenu {
  position: absolute;
  background-color: #fff0f0;
  border:1px solid black;
  font: normal 12px Verdana;
  line-height: 18px;
  z-index: 100;
  visibility: hidden;
}

#popitmenu a {
  text-decoration: none;
  padding-left: 6px;
  color: #660066;
  display: block;
}

#popitmenu a:hover {
  color: #ffffff;
  background-color: #660066;
}

/* Forms */

FORM.mailform {
  width: 600px;
  background-color: #eeeeff;
  border: 1px solid #000000;
  padding: 5px;
  opacity: .75;                 /* For MS IE   */
  filter: alpha(opacity=75);    /* For Safari  */
  -moz-opacity: .75;            /* For Mozilla */
}

INPUT.mailform {
  color: #000000;
  background-color: #ccccdd;
  width: 400px;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  border-style: inset;
  border-width: 1px;
}

TEXTAREA.mailform {
  color: #000000;
  background-color: #ccccdd;
  width: 400px;
  height: 100px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  border-style: inset;
  overflow-x: hidden;
  overflow-y: auto;
  border-width: 1px;
}

/* Shopping cart buttons */

TABLE.cartfixed {
  background: transparent;
  width: 480px;
}

TABLE.cartvar {
  background: transparent;
}

TD.carttext {
  text-align: center;
  vertical-align: middle;
  padding-right: 5px;
}

TD.cartbutton {
  width: 120px;
  text-align: center;
}


/* Footer */

.sitemap_footer {
  font-size: 1pt;
  text-align: center;
  font-weight: normal;
  text-align: center;
}

a.imageLink, a.imageLink:active {
color: #660066;
text-decoration: none;
font-weight: bold;
}

a.imageLink:hover {
color: #ffffff;
background-color: #ffffff;
}

.mainlevelSpecMenuStyle {
	font-style: normal;
	color: #ff0000;
	
}
.mainlevelSpecMenuStyle2 {
	font-style: normal;
	color: #660066;
	
}
.mainlevelSpecMenuStyle3 {
	font-style: normal;
	color: #499449;
	
}
/* EOF */.TopMenuStyle {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	color: #660066;
}