@charset "UTF-8";
/* CSS Document */

#menu a { display: block; }

/* Set margin and padding to 0px and remove bullets from all list items */
#menu ul { 
  padding:    0px;
  margin:     0px;
  list-style: none;
}

/* Move sub menu items off the screen and out of view until called */
#topMenu li ul {
  position: absolute;
  left:     -999em;
}

/* Display sub menus when the mouse hovers over the top menu item (Used by JavaScript) */
#topMenu li:hover ul, #topMenu li.showMenu ul {
	left: auto;
}

#menu {
	background-color: #2697D6;  /* Background color of top menu */
	font-family: "Arial Black";  /* Font used for all menu items */
	font-size: 14px;  /* Font size of all menu items */
	height: 20px;  /* Height of top menu items */
	line-height: 20px;  /* Line height of top menu items (vertically adjust text) */
	margin: auto;  /* Centers menu on page */
	width: 780px;  /* Width of top menu (must be set to center menu on page) */
}

#menu li { float: left; }  /* Display top menu items horizontally from left to right */

#topMenu a {
	border-right-width: 0px;  /* Remove right border from all menu items (to stop double borders between top menu items) */
	text-decoration: none;  /* Remove underline from all menu item links */
	width: 180px;  /* Top menu item width (adjusted from 150px to account for border width) */
	border-right-style: solid;
	border-right-color: #FFFFFF;
}


.topMenuLink a {
	color: #FFFFFF;  /* Set color of top menu text */
	font-weight: normal;  /* Make top menu text bold */
	text-align: left;  /* Center top menu text in menu button */
	text-indent: 10px;
}

.topMenuLink a:hover {
	background-color: #D84A4E;  /* Set top menu rollover background color */
	color: #000000;  /* Set top menu rollover text color */
}

.topMenuLink a#lastMenu {
	width: 180px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #2697D6;
}

.topMenuLink a#gap {
	width: 20px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #2697D6;
	background-color: #FFFFFF;
}

.subMenu {
	background-color: #D7F5B7;  /* Add the right border back to the sub menus */
	width: 180px;
}

.subMenu a {
	color: #003300;  /* Set the font color of the sub menu items */
	font-weight: normal;	  /* Return the font weight to normal for sub menu items */
	height: 20px;  /* Set the height of the sub menu items */
	line-height: 20px;  /* Set the line height of teh sub menu items (for vertical alignment) */
	margin-top: 0px;  /* Set the top border of each sub menu link to -1px to remove double borders */
	font-family: Arial, sans-serif;
}

.subMenu a:hover {
	background-color: #D84A4E;  /* Set sub menu rollover background color */
	color: #000000;  /* Set sub menu rollover text color */
}

.subMenu#last {
	width: 180px;
}  /* Adjust width of last sub menu to align right border correctly */

.subMenu#last a {
	width: 180px;
}  /* Adjust width of links in last sub menu to display right border on rollover */

.midasaddress {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: lighter;
	text-align: center;
	color: #003300;
}
.midasaddresslink {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: lighter;
	text-align: center;
	color: #003300;
}
.midasaddresslink:hover {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	text-align: center;
	color: #D84A4E;
	cursor: e-resize;
}
h2 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #2B8552;
}
.Pictindent {
	font-family: Arial, ans-serif;
	font-size: 10px;
	color: #2B8552;
	text-indent: 2px;
}

.midastext {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: lighter;
	text-align: left;
	display: block;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 4px;
}

.midastextbrown {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: lighter;
	text-align: left;
	display: block;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 4px;
	color: #764735;
}

.midaslargertext {
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: lighter;
	text-align: left;
	display: block;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 20px;
}
.subject {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: lighter;
	text-align: left;
	padding: 6px;
	display: block;
}

.showholder {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: lighter;
	text-align: left;
	padding: 6px;
	display: block;
	width:182px;
	height:315px;
	z-index:1;
	overflow: scroll;
	border: 1px solid #FFCC33;
	}




.midastextlink {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: lighter;
	text-align: left;
}
.midastextlink:hover {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	text-align: left;
	color: #2B8552;
	cursor: e-resize;
}
.midaslist {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-align: left;
	display: block;
	padding-left: 40px;
	background-color: #FFFFFF;
}

.midasheading {
	font-family: Arial, sans-serif;
	font-size: 30px;
	line-height: 30px;
	font-weight: lighter;
	color: #764735;
	text-align: left;
}

.boxedhisorytext {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	display: block;
	border: 1px solid #000000;
	background-color: #FFCC33;
	text-align: center;
}