.Middle {text-align: center;}

a:link {color: #888; text-decoration: none;}
a:visited {text-decoration: none; color: #888;}
a:hover {text-decoration: none;	color: #0073ae;}
a:active {text-decoration: none; color: #0073ae;}

.MainText a:link {color: #0073ae;}
.MainText a:visited {color: #0073ae;}
.MainText a:hover {color: #0073ae;}
.MainText a:active {color: #0073ae;}

.MainTextEmbed a:link {color: #0073ae;}
.MainTextEmbed a:visited {color: #0073ae;}
.MainTextEmbed a:hover {color: #0073ae;}
.MainTextEmbed a:active {color: #0073ae;}

.Middle a:link {color: #fff;}
.Middle a:visited {color: #fff;}
.Middle a:hover {color: #fff;}
.Middle a:active {color: #fff;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #969;
	background-color: #fff;
}
.brummell {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color: #666;
	font-size: 20px;
}

.MenuText {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #888; font-weight: bold; line-height: 50px;}
.MainText {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #666;}
.MainTextEmbed {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #f00;}
.MainTextMiddle {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #666; text-align: center;}
.MainTextBold {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #666; line-height: 20px; font-weight: bold;}
.Title {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #0073ae; line-height: 50px; font-weight: bold; }

.TitleBlue {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #0073ae; line-height: 50px; font-weight: bold;}
.TitleGreen {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #106d70; line-height: 50px; font-weight: bold;}
.TitleGold {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #c3ac1c; line-height: 50px; font-weight: bold;}
.TitleGrey {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #596873; line-height: 50px; font-weight: bold;}
.TitlePink {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #9a4fb4; line-height: 50px; font-weight: bold;}
.TitleOrange {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #df5107; line-height: 50px; font-weight: bold;}
.TitleCyan {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #30afc8; line-height: 50px; font-weight: bold;}
.TitleTurtle {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #747827; line-height: 50px; font-weight: bold;}
.TitleLime {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #88c701; line-height: 50px; font-weight: bold;}
.TitleStar {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #ff502d; line-height: 50px; font-weight: bold;}

.HeaderBlue {font-family: Arial, Helvetica, sans-serif; color: #0073ae; font-weight: bold; font-size: 32px;}
.HeaderGreen {font-family: Arial, Helvetica, sans-serif; color: #106d70; font-weight: bold; font-size: 32px;}
.HeaderGold {font-family: Arial, Helvetica, sans-serif; color: #c3ac1c; font-weight: bold; font-size: 32px;}
.HeaderGrey {font-family: Arial, Helvetica, sans-serif; color: #596873; font-weight: bold; font-size: 32px;}
.HeaderPink {font-family: Arial, Helvetica, sans-serif; color: #9a4fb4; font-weight: bold; font-size: 32px;}
.HeaderOrange {font-family: Arial, Helvetica, sans-serif; color: #df5107; font-weight: bold; font-size: 32px;}
.HeaderCyan {font-family: Arial, Helvetica, sans-serif; color: #30afc8; font-weight: bold; font-size: 32px;}
.HeaderTurtle {font-family: Arial, Helvetica, sans-serif; color: #747827; font-weight: bold; font-size: 32px;}
.HeaderLime {font-family: Arial, Helvetica, sans-serif; color: #88c701; font-weight: bold; font-size: 32px;}
.HeaderStar {font-family: Arial, Helvetica, sans-serif; color: #ff502d; font-weight: bold; font-size: 32px;}
h1 {font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; font-size: 32px;}

.TitleExcept {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #df5107; line-height: 30px; font-weight: bold;}

#DivMenu {position:absolute; width:200px; height:198px;	z-index:1; left: 18px; top: 150px;}
#TextDiv {position:absolute; width:700px; height:70px; z-index:2; left: 230px; top: 304px;}
#PriceDiv {position:absolute; width:800px; height:70px; z-index:2; left: 230px; top: 304px;}

/* Style The Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 14px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  float: right;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
.CR::before {
  content: "2001 - 2026"; /* Copyright */
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color: #666;
	font-size: 20px;
}

/* New */

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 500px;
  height: 355px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  top: 50%;
  left: 50%;
  margin-left: -80px;
  transform: translate(-50%, -25%);
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.centre{
	text-align: center;
}