#header {
  xbackground: #0f0;
  width: 100%;
  xheight: 150px;
}
#leftcol {
  xbackground: #f00;
  float: left;
  width: 18%;
  height: 480px;
}
#content {
  xbackground: #eee;
  float: right;
  width: 80%;
  height: 480px;
}
#footer {
  xbackground: #0f0;
  clear: both;
  width: 100%;
}

.tzbyHeader {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: large;
	color: #EEFFDD;
}

.tzbyMenu {
  width:170px;
  border: 0px solid #000;      /* puts a black border around the menu blocks */
  xbackground-color: #555500;
  background:url('images/bk02.jpg') repeat;
  padding: 0px;
  xpadding-left: 2px;           /* stops the usual indent from ul */
  xpadding-right: 2px;           /* stops the usual indent from ul */
  margin-left: 8px;            /* Opera 7 final's margin and margin-box model cause problems */
  float: left;
}



ul.tzbyMenuList {
  xwidth: 100%;                 /* sets the size of the menu blocks */
  xwidth:190px;
  xborder: 0px solid #000;      /* puts a black border around the menu blocks */
  xbackground-color: #000000;      /* makes the menu blocks black - a bg-color MUST be included for IE to work properly! */
  padding: 0px;
  padding-left: 0px;           /* stops the usual indent from ul */
  padding-right: 0px;           /* stops the usual indent from ul */
  margin-top:8px;
  margin-left: 0px;            /* IE & Opera 7 final's margin and margin-box model cause problems */
  xfloat: left;
  text-align:right;
}
ul.tzbyMenuList li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  padding: 0px;
  padding-top: 2px;	           /* IE 7 puts large spacing between li elements */
  padding-bottom: 2px;
  color: #fff;                 /* sets the default font colour to white */
  overflow: hidden;
  width:100%;                  /* must use for IE to get menu response off the text as well over it */
}

A.tzbyMenuList {
  text-decoration: none;
  font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding:0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
}

A.tzbyMenuList:link    { display:block; color:#EEFFDD; }
A.tzbyMenuList:visited { display:block; color:#EEFFDD; }
A.tzbyMenuList:hover   { display:block; color:#FFFFFF; background-color:#ff0000;  }
A.tzbyMenuList:active  { display:block; color:#FFFFFF; background-color:#882200;}

.MenuEnd {margin-bottom:10px;}

.genMenu {text-decoration:none}
.genMenuGroup {font-style:normal;}

ul.genMenuGroup {font-style:normal; list-style:square inside;color:#ff0000;}
li.genMenuGroup {font-style:normal; list-style:square inside;color:#ff0000;}

A.genMenuGroup {
  text-decoration: none;
  font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding:0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
}

img {
  vertical-align: middle;
}

A.genMenuGroup:link    { color:#EEFFDD; }
A.genMenuGroup:visited { color:#EEFFDD; }
A.genMenuGroup:hover   { color:#FFFFFF; background-color:#ff0000;  }
A.genMenuGroup:active  { color:#FFFFFF; background-color:#882200;}