body {
	font-size: 10px;
	font-family: "CenturyGothicRegular", arial, helvetica, sans-serif;
	color: black;
	text-align: justify;
	behavior:url("csshover3.htc");
	overflow: scroll;
	}

img, div, ul, li, a, a:hover { behavior: url(iepngfix.htc) }

A:link {color:#444444; text-decoration: none}
A:visited {color:#666666; text-decoration: none}
A:active {color:#666666; text-decoration: none}
A:hover { color:#999999; text-decoration: none}

@font-face {
    font-family: 'CenturyGothicRegular';
    src: url('century_gothic-webfont.eot');
    src: url('century_gothic-webfont.eot?#iefix') format('eot'),
         url('century_gothic-webfont.woff') format('woff'),
         url('century_gothic-webfont.ttf') format('truetype'),
         url('century_gothic-webfont.svg#webfontT0ugphFY') format('svg');
    font-weight: normal;
    font-style: normal;
}

#gallery {
	position: relative;
	width: 800px;
	height: 1100px;
	background:#E4E1DA;
	padding: 0px;
	float: center;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	margin-right: auto;
	margin-left: auto;
}
#gallery a {
	position: relative;
	display: block;
	float: left;
	width: 100px;
	height: 75px;
	margin: 5px;
}
#gallery a img {
	position: absolute;
	top: 0; left: 0;
	width: 100px; height: 75px;
	z-index: 1;
	border: 1px solid;
	border-color: #000;
}
#GalleryCaption {
	font-size: 10px;
	font-weight: bold;
	font-family: "CenturyGothicRegular", arial, helvetica, sans-serif;
	text-align: center;
	color: #000 ;
	float: center;
	display: block;
	width: 800px;
	vertical-align: center;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0px solid black;
	}

#columnpatch {
	font-size: 10px;
	font-family: "CenturyGothicRegular", arial, helvetica, sans-serif;
	text-align: justify;
	color: #999 ;
	display: inline-block;
	vertical-align: center;
	border: 0px;
	}
.tableImg {
	border: 1px solid black;
	}
.tablepara {
	font-size: 10px;
	font-family: "CenturyGothicRegular", arial, helvetica, sans-serif;
	text-align: justify;
	color: #999 ;
	margin-left: 0px;
	line-height: 15px;
	vertical-align: top;
	}
.columnIntro {
	font-size: 10px;
	font-family: "CenturyGothicRegular", arial, helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	color: #999 ;
	line-height: 20px;
	border: 0px solid black;
	}

.tableBodyText {
	 vertical-align: top;
	 }

.MinorHeading {
	font-size: 18px;
	font-family: "CenturyGothicRegular", arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: cccccc ;
	display: inline-block;
	line-height: 100%;
	padding-bottom: 20px;
	padding-top: 10px;
	}

.ColourPatchPara {
	display: inline-block;
	background-color: E4E1DA;
	margin-right: 0px;
	margin-top: 0px;
	z-index: -4;
	border: 0px;
	width: 96%;
	padding: 2%;
	height: 85px;
	}
.ColourPatchPara2 {
	display: inline-block;
	background-color: orange;
	line-height: 20px;
	vertical-align: top;
	direction: rtl;
	margin-right: 0px;
	margin-top: 0px;
	z-index: -4;
	border: 0px;
	width: 100%;
	height: 40px;
	}

.TinyPara {
	display: inline-block;
	background-color: orange;
	font-size: 8px;
	font-family: "CenturyGothicRegular", arial, helvetica, sans-serif;
	color: black ;
	width: 100%;
	height: 30px;
	padding: 0;
	line-height: 20px;
	text-align: right;
	vertical-align: top;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	}
.TinyPara2 {
	font-size: 8px;
	font-family: "CenturyGothicRegular", arial, helvetica, sans-serif;
	color: black ;
	width: 100%;
	height: 30px;
	padding: 0;
	line-height: 20px;
	text-align: right;
	vertical-align: top;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	}
.TinyFont {
	position: relative;
	font-size: 8px;
	font-family: "CenturyGothicRegular", arial, helvetica, sans-serif;
	text-align: justify;
	color: black;
	line-height: 20px;
	margin-left: 0px;
	vertical-align: top;
	float: left;
	}

.menuBarAlign {
	vertical-align: bottom;
	float: center;
	height: 60px;
	line-height: 0px;
	}

#menu {
  font-family: "CenturyGothicRegular", arial, Helvetica;
  font-size: 10px;
  text-align: center;
  line-height: 20px;
  margin-bottom: 0px;
  /* we have to put these absolute margins in for MSIE */
  margin-left: auto;
  margin-right: auto;
  z-index:15;
 }
 #menu b {
  font-style: bold;
  text-decoration: underline;
  background-color: bbbbaa;
  display: block;
  z-index:15;
  width: 84px;
  }
 #menu li {
  position:relative;
  text-align: center;
  display:block;
  width:90px;
  height:28px;
  float:left;
  margin-left:0px;
  background: url(images/menu_tab.gif) no-repeat;
  z-index:15;
 }
 #menu a {
  display:block;
  padding:3px;
  height:28px;
  width: 90px;
  text-decoration:none;
  color:#000;
  z-index:15;
 }
 #menu li a:hover {
  background-color:bbbbaa;
  background: url(images/menu_tab_hover.gif) no-repeat;
  color:#000;
  z-index:15;
 }
 #menu li ul a:hover {
  background-color:bbbbaa;
  background: url(images/menu_selection_hover.png) no-repeat;
  color:#000;
  z-index:15;
 }
 #menu li ul {
  position:absolute;
  text-align: center;
  margin:0px;
  padding:0px;
  /* we give absolute sizes for the menu because MSIE doesnt understand AUTO */
  left:0px;
  right:90px;
  top:28px;
  display:none;
  z-index:15;
 }
 #menu li ul li {
  width:90px;
  text-align: center;
  font-size:smaller;
  border-top:none;
  background: url(images/gold.jpg) top left;
  z-index:15;
}
 #menu li ul li:first-child {
  border-top:1px solid #E4E1DA;
  z-index:15;
 }
 #menu li:hover ul {
  display:block;
  z-index:15;
 }