/* CSS Document */

.Bold {font-weight: bold}
.BoldLarger {
	font-size: larger;
	font-weight: bold;
}
.font110 {font-size: 110%;}
.Large {font-size: large}
.XLarge {font-size: x-large}
.MagentaItalics {
	color: #CC0066;
	font-style: italic;
}
.GrayItalics {
	color: #666666;
	font-style: italic;
}
.center {text-align:center;}
.left {text-align:left;}
H1, H2, H3, H4, p {text-align:center}
body {
     background-color: #FFFFFF;
}
hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 50%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
}
/*this is for the tables on pages like eaglet_info_2017*/
/*<table width="100%" border="0" cellspacing="3" cellpadding="2">*/
table {
	width: 100%;
	border-spacing: 3px;
	padding: 2px;
	border-width: 3px;
	border-style:solid;
	border-color:#666;
}
tr {
	vertical-align:central;
}
td {
	text-align:center;
	border-width: 2px;
	border-style:solid;
	border-color:#CCC; 
}
th {
	text-align:center;
	border-width: 2px;
	border-style:solid;
	border-color:#CCC; 
}

/*special values for the table at the top of the page*/
table#table01 {
	width: 100%;
	border-spacing: 3px;
	padding: 2px;
	border:hidden
}
tr#tr01 {
	vertical-align:top;
}
td#td01 {
     padding: 5px;
     width: 33%;
     text-align:left;
}
td#td02 {
     padding: 5px;
     width: 67%;
     text-align:right;
}

/* this is a class for img that should allow images to stretch/shrink to fit*/
.responsive {
  max-width: 100%;
  height: auto;
}