@charset "utf-8";
/* This stylesheet is usfull for IE 6 & above, Mozilla 1 & above (including	*/
/*   Firefox), Netscape 6 & above, and Opera 6 & above.						*/
/* This is the full and complete style sheet for HarpAccents.com, when used	*/
/*   with modern web browsers.												*/
/* This file --MODIFIED 2016-01-21 --VALIDATED 		    					*/


/* GLOBAL, SIZE, SPACING, AND BACKGROUND SETTINGS							*/
/* Total outside border width is 974px plus 2+2 for 1024 x 768 screen size.	*/
/* Note, margin: auto; does not work in IE 5.5, but it looks okay. Plus IE	*/
/*   5.5 will try to combine width with padding.							*/


/* SIZE, SPACING, AND BACKGROUND SETTINGS									*/
body {				/* setting margins affects size */
  font-family:      Georgia, "Times New Roman", Times, serif;
  padding:          3px 1px 23px 1px;
  border:           0px none;
  margin:           0px;
  background-color: #A1F4BB;
}
.outer {			/* for outermost <div> */
  width:            982px;
  padding:          0px;
  border:           1px solid #A1F4BB;
  margin:           0px auto 0px auto;
}
.banner {			/* for top and bottom banner <div> */
  width:            970px;
  height:           30px;
  padding:          4px;
  border-style:     solid;
  border-color:     #000000;
  border-width:     10px 2px 10px 2px;
  margin:           0px;
  background-color: #43494D;
}
.main {				/* for main <div> */
  width:            970px;
  padding:          4px;
  border-style:     solid;
  border-color:     #000000;
  border-width:     0px 2px 0px 2px;
  margin:           0px;
  background-color: #FFFFFF;
}
.disclaimer {		/* for bottom most <div> */
  width:            970px;
  padding:          4px;
  border:           0px none;
  margin:           0px;
}
.content {			/* for one-row <table> that's inside the "main" <div> */
  width:            100%;
  height:           100%;
  padding:          0px;
  border:           0px none;
  margin:           0px;
}
.content td {		/* for <td> inside content table */
  padding:          0px;
  border:           0px none;
  margin:           0px;
}
.navigation {		/* for one-row <table> that's inside the lower "banner" <div> */
  width:            100%;
  padding:          0px;
  border:           0px none;
  margin:           6px 0px 0px 0px;
}

/* SETTINGS FOR THE UPPER BANNER											*/
h1 {
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        24px;
  font-weight:      bold;
  font-style:       italic;
  text-align:       center;
  color:            #FFFFFF;
  padding:          0px;
  margin:           0px;
}

/* SETTINGS FOR THE LOWER BANNER											*/
.navigation {
  font-weight:      bold;
  color:            #FF927D;
}
.navigation a:link {
  text-decoration:  none;
  color:            #8199FF;
}
.navigation a:visited {
  text-decoration:  none;
  color:            #DC7DFF;
}
.navigation a:active {
  text-decoration:  none;
  color:            #8199FF;
}
.navigation a:hover {
  text-decoration:  underline;
  color:            #8199FF;
}


/* SETTINGS FOR THE DISCLAIMER												*/
.disclaimer p {
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        11px;
  text-align:       center;
  color:            #000000;
  padding:          1px 0px;
  margin:           0px;
}
.disclaimer a:link {
  text-decoration:  none;
  color:            #002BC8;
}
.disclaimer a:visited {
  text-decoration:  none;
  color:            #8300B4;
}
.disclaimer a:active {
  text-decoration:  none;
  color:            #002BC8;
}
.disclaimer a:hover {
  text-decoration:  underline;
  color:            #002BC8;
}

/* SETTINGS FOR THE MAIN PART OF THE PAGE (CONTENT)							*/
p {
  font-size:        16px;
  color:            #000000;
  padding:          0px 0px 8px 0px;
  margin:           0px;
}
h6 {
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        16px;
  font-weight:      bold;
  color:            #000000;
  padding:          4px 0px 8px 0px;
  margin:           0px;
}
h5 {
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        17px;
  font-weight:      bold;
  color:            #000000;
  padding:          4px 0px 8px 0px;
  margin:           0px;
}
h4 {
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        18px;
  font-weight:      bold;
  color:            #000000;
  padding:          4px 0px 8px 0px;
  margin:           0px;
}
h3 {
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        21px;
  font-weight:      bold;
  color:            #000000;
  padding:          4px 0px 8px 0px;
  margin:           0px;
}
h2 {
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        24px;
  font-weight:      bold;
  color:            #000000;
  padding:          4px 0px 8px 0px;
  margin:           0px;
}
#homeRefs {
  border-left:      #dddddd solid 4px;
  padding-left:     10px;
}
.refName {
  clear:            both;
  float:            right;
  width:            350px;
  margin-bottom:    40px;
  margin-top:       10px;
}
.ref {
  clear:            both;
  position:         relative;
  padding-left:     40px;
  padding-right:    40px;
}
.ref span.left {
  font-size:        400%;
  color:            #ccc;
  position:         absolute;
  top:              -10px;
  left:             0px;
}
.ref span.right {
  font-size:        400%;
  color:            #ccc;
  position:         absolute;
  bottom:           -35px;
  right:            0px;
}
.dropcap {
  margin-right: 0.05em;
}
.main a:link {
  text-decoration:  none;
  color:            #002BC8;
}
.main a:visited {
  text-decoration:  none;
  color:            #8300B4;
}
.main a:active {
  text-decoration:  none;
  color:            #002BC8;
}
.main a:hover {
  text-decoration:  underline;
  color:            #002BC8;
}