body { background: #C8C2A0; color: #004080;  min-width: 800px; font-family: verdana, arial, sans-serif; font-size: 12px;}
body { text-align: center; border: 0px; margin: 0px; }

#center { width: 100%; text-align: center; position: relative; top: 0px; }
#plate { position: relative; top: 0px; width: 800px; text-align: left; padding: 0px; margin: 0px auto; }

.copyright_area { background: #c8c2a0 url(../images/textarea_bot.gif) no-repeat; position: relative; top: 0px; padding: 0px; }

#big_box { position: absolute; top: 121px; left: 0px; width: 800px;  background: #fff8dd url(../images/textarea_bkgd.gif) }
#text_area { position: relative; top: 0px; left: 160px; width: 470px; }
#text_area_2 { position: relative; top: 0px; left: 160px; width: 470px; float: left; }
#big_image_area { position: relative; top: 0px; left: 90px; width: 620px; }
.text_area_wider { width: 600px; }
#right_column { position: absolute; top: 121px; left: 650px; width: 135px; font-size: 11px; text-align: center; }
#right_column_2 { position: relative; top: 0px; float: right; width: 135px; padding-right: 22px; font-size: 11px; text-align: center; }

.boxed_in { border: 1px solid #ffcc00; background-color: #333366; margin: 3px; text-align: center; color: #ffffff; }

#button1, #button2, #button3, #button4, #button5, #button6, #button7, #button8, #button9, #button10, #button11, #button12 { position: absolute; left: 10px; width: 140px; height: 30px; cursor: pointer; }
#button1 { top: 121px; }
#button2 { top: 151px; }
#button3 { top: 181px; }
#button12 { top: 211px; }
#button4 { top: 241px; }
#button5 { top: 271px; }
#button6 { top: 301px; }
#button7 { top: 331px; }
#button8 { top: 361px; }
#button9 { top: 391px; }
#button10 { top: 421px; }
#button11 { top: 451px; }

td { vertical-align: top; }
.rightie { text-align: right; }

h1, p { margin: 0px; padding: 0px 0px 10px 0px; line-height: 1.3; }
ul {  margin-top: 0px; }
.quote { padding-left: 36px; font-style: italic; text-align: justify; padding-bottom: 0px; }
.quoteName { padding-left: 36px; text-align: right; font-weight: bold; }
.quote_nomargin { font-style: italic; text-align: justify; padding-bottom: 2px; }
.quote_article { padding-left: 36px; font-style: italic; text-align: justify; }
.quote_article > em, .quote > em, .quote > .hpc_title { font-style: normal; }	/* So an <em> within the already-italicized quote will appear in Roman */
.hpc_title { font-weight: bold; font-style: italic; }

/**********/
#logo { position: absolute; top: 0px; left: 0px; }
#navbar { position: absolute; top: 130px; left: 0px; }
#text_top { position: absolute; top: 153px; left: 0px; }
#words { background: transparent url(../images/text_bkgd.gif) repeat; }
#text_bottom { background: transparent; }

img { border: 0px; margin: 0px; }

h1 { text-align: center; font-weight: bold; font-size: 18px; }
h2 { font-size: 16px; }

a, a:link { color: #800000; text-decoration: underline; }
a:visited { color: #404040; }
a:hover { color: #008000; }

.copyright { text-align: center; font-size: 11px; padding: 40px 0px 50px 0px; }
.bottom_pic { vertical-align: top; }

.leftImg, .rightImg, .catImg, .ad_img, .catalogListing { border: 1px solid #004080; }
.rightImg { float: right; margin: 0px 0px 5px 10px; padding: 2px; }
.leftImg { float: left; margin: 0px 10px 5px 0px; padding: 2px; }
.catImg { padding: 2px; }
.ad_link { text-align: center; border: 0px; }
.ad_img {  background-color: #e299b2; }
.spacer { float: right; margin: 0px; padding: 0px; }
.catalogListing { padding: 1px; margin-bottom: 15px; }
.alert { color: #ff0000; font-weight: bold; }
.purchaseTable { width: 100px; text-align: center; }
.priceList { text-align: right; border-collapse: collapse; margin: 5px; }
.prettyBox { color: #000000; float: left; border: 1px solid #000000; border-width: 1px 0px; margin: 5px 10px 5px 0px; text-align: center; line-height: 1.7; width: 155px; font-style: italic; }
.prettyBox > p { padding: 0px; margin: 6px 3px; }
.standOut { color: #000000; padding: 10px; background-color: #ffffff; text-align: center; border: 1px solid #000000; margin-bottom: 10px; }
.heading2, .calendarHeading { font-size: 14px; font-weight: bold; font-style: italic; }
.calendarDate { font-weight: bold; }

form { margin-bottom: 0px; }

/** Images with Captions **/
.captImg { border: 1px solid #004080; padding: 2px; }
.captionBox { width: 260px; text-align: center; float: left; margin: 0px 10px 5px 0px; color: #000000; font-size: 11px; }

.awardWinner { color: #000000; }

.articleTitle { font-weight: bold; font-size: 14px; border: 1px solid #003366; border-width: 0px 0px 1px 0px; margin-bottom: 5px; padding-bottom: 3px; }
.articleDate { font-size: 11px; text-align: right; font-style: italic; }

.middleTable { vertical-align: middle; }

/* For the newsletter */
.printOnly { display: none; }

/* For HPC Purchases */
.purchaseBox, .purchaseBoxFloat { color: #002040; background: #E8E3C7 url("../images/purchase-bkgd.gif") repeat-x scroll top right; border: 1px solid #D0A392; text-align: center; }
.purchaseBox { width: 250px; padding: 15px; }
.purchaseBoxFloat { font-weight: bold; text-align: center; }
.payPalBox { width: 110px; background: #ffffff url("../images/paypal-bkgd.gif"); padding: 5px 5px 5px 5px; margin: 0px 0px 5px 0px; }
.payPalCatalog { margin: 0px auto 5px auto; }
.purchaseShadowTd { text-align: center; font-size: 14px; color: #ffffff; }
.purchaseText { color: #002040; position: relative; top: -1px; left: -1px; height: 0px; }
.purchaseImg, .payPalBox { border: 1px solid #D0A392; border-color: #d0a392 #800000 #800000 #d0a392; }

.inner_button { vertical-align: bottom; }
.submission_guidelines { font-weight: bold; text-decorate: underline; }
.submission_guidelines li { font-weight: normal; }

.blueBox { background: #003366; border: 1px solid #ffffff; padding: 5px; margin-bottom: 5px; }
.blueBox p { color: #ffffff; font-weight: bold; text-align: center; }
.blueBox p a { color: #ffffff; }
.blueBox p a:hover { color: #99ccff; }