/* When a style is define for both an ID and a tag or class, */
/* you can split out the id to define it differently.        */

/* Body */
body {
	margin:20px;
	padding:0px;
	background-color:#FFFFFF;
	text-align:center;
	font-size:12px;
}
#body_index {
	/* You can define styles on an individual page basis based on       */
	/* the ID of the body tag, which is body_[pagename] (without .html) */
}

/* Page Title */
H1,
#page_title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*color:#FFFFFF;*/
	color:#FFFF00;
	font-size:28px;
	height:59px;
	height:expression('81px');
	width:706px;
	width:expression('750px');
	background-image:url('./Heading_Graphic.gif');
	line-height:20px;
	background-size: 100% 100%;
	padding:42px;
	text-align:left;
	padding-left:22px;
	padding-right:22px;
	margin:0px;

}
/* Main Area */
.mainarea, 
#mainarea {
	max-width:750px;
/*	width:expression('750px');*/
	background-color:#FFFFFF;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* Major Heading */
H2,
#heading_1 {
	color:#993333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
/*	padding-left:22px;*/
	padding-top:12px;
	font-weight:bold;
}

/* Minor Heading */
H3,
#heading_2,
#heading_3,
#heading_4,
#heading_5,
header_1,
header_2,
header_3 {
	color:#993333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
/*	padding-left:22px;*/
}

/* Minor Heading */
H4 {
	color:#993333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.textbox1 {
	font-family:Arial, Helvetica, sans-serif;
/*	width:467px;
	width:expression('500px');
	padding-left:12px;*/
	width:100%;
	float:left;
	font-size:14px;
}
.textbox2 {
	font-family:Arial, Helvetica, sans-serif;
	width:217px;
	width:expression('250px');
	float:right;
	padding-left:11px;
	padding-right:22px;
}
.textbox3 {
	width:706px;
	width:expression('750px');
	padding-left:22px;
	padding-right:22px;
}
.textbox4 {
	width:342px;
	width:expression('375px');
	float:left;
	clear:left;
	padding-left:22px;
	padding-right:11px;
}
.textbox5 {
	width:342px;
	width:expression('375px');
	float:right;
	clear:right;
	padding-right:22px;
	padding-left:11px;
}
.textbox6 {
	width:706px;
	width:expression('750px');
	padding-left:22px;
	padding-right:22px;
}

 /* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

/* 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 {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

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