body   { color: #000000; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url("images/bckGrnd.jpg"); margin: 24px 0 0 }
#main       { color: #000000; font-size: 9pt; background-color: #ffffff }
#nav     { padding-top: 4px }
/* index page */
#indexContent  { width: 952px }
#indexLeft { background-color: #cbcbcb }
#leftImg { height: 384px }
#indexBottom { background-color: #a2a2a2 }
#indexRight { background-color: #646464 }
#rightText { position: relative; width: 619px }
#indexText  { line-height: 18px; background-color: #cbcbcb; background-image: url("images/IndexYear.jpg"); background-repeat: no-repeat; padding-top: 85px; padding-bottom: 40px; padding-left: 45px; height: 277px }
#quickLinks {background-image: url("images/indexQuickLinks.jpg"); background-repeat: no-repeat; background-color: #a2a2a2; position: absolute; top: 0; left: 411px; width: 201px; border-bottom: 7px solid #ffffff; border-left: 7px solid #ffffff }
#quickText  { line-height: 18px; padding-top: 22px; padding-bottom: 12px; padding-left: 30px }
#quickText a:link      { color: #000000; text-decoration: none }
#quickText a:active      { color: #000000; text-decoration: none }
#quickText a:visited     { color: #000000; text-decoration: none }
#quickText a:hover    { color: #03498f; text-decoration: none }
#supporters   { background-image: url("images/indexSupp.jpg"); background-repeat: no-repeat; width: 619px }
.supportersText  { padding-top: 70px; padding-left: 25px }
.supportersTitle { color: #91acd7 }
#supportersRight { border-left: 2px solid #ffffff }
#supporters a:link      { color: #000000; text-decoration: none }
#supporters a:active      { color: #000000; text-decoration: none }
#supporters a:visited     { color: #000000; text-decoration: none }
#supporters a:hover     { color: #03498f; text-decoration: none }
.title { color: #03498f; font-size: 14pt }
.subTitle   { color: #ffffff; font-size: 12pt; text-transform: uppercase; font-weight:bold }
.subTitle2 { color: #000000; font-size: 12pt; text-transform: uppercase; font-weight:bold}
.subTitle3 { color: #ffffff; font-size: 12pt; text-transform: uppercase; font-weight:bold }
.subTitlePad { color: #ffffff; font-size: 12pt; text-transform: uppercase; padding-bottom: 6px; font-weight:bold }
.sub2 { color: #03498f; font-weight: bold }
.sub3 { color: #ffffff; font-weight: bold; text-transform: uppercase }
.bullets { color: #03498f; font-weight: bold }
.bulletText { color: #ffffff; font-size: 10pt; font-weight: bold }
#AAABox    { background-image: url("images/indexAAA.jpg"); background-repeat: no-repeat; text-align: justify; height: 100% }
.AAAText  { line-height: 12pt; padding-top: 20px; padding-right: 20px; padding-left: 40px }
#logos  { background-image: url("images/indexSponsors.jpg"); background-repeat: no-repeat; padding-top: 6px; padding-bottom: 6px }
#logos td { padding-right: 10px; padding-left: 10px }
#contentRight { background-color: #cbcbcb }
#contentLeft { background-color: #646464 }
#storeHeader { background-color: #646464; height: 150px }
.storeHeader  { padding-right: 45px; padding-left: 75px }
#storeText  { color: #ffffff; font-size: 10pt; font-weight: bold; line-height: 30px; padding-top: 60px; padding-left: 40px }
#storeImg { padding-top: 60px; padding-left: 40px; height: 365px }
#productText  { color: #000000; line-height: 18px; padding-top: 60px; padding-right: 20px; padding-left: 40px }
.productTitle  { color: #03498f; font-size: 10pt; text-transform: uppercase }
#pubLeft  { padding-top: 20px; padding-left: 45px; height: 365px }
#pubRight   { color: #000000; line-height: 18px; padding-top: 20px; padding-right: 20px; padding-left: 40px }#leftText { color: #ffffff; line-height: 18px; padding: 20px }
#leftText a:link       { color: #ffffff; text-decoration: none }
#leftText a:active       { color: #ffffff; text-decoration: none }
#leftText a:visited     { color: #ffffff; text-decoration: none }
#leftText a:hover    { color: #91acd7; text-decoration: none }
#leftText .bullets { color: #91acd7; font-weight: bold }
#leftText .color { color: #91acd7 }
#contentText   { line-height: 18px; padding: 8px 20px 40px 45px }
.contentText { line-height: 18px; padding: 8px 20px 20px 45px }
#signUp    { background-color: #cbcbcb; position: absolute; top: 25px; right: 20px; width: 120px }
#signUpText  { color: #ffffff; line-height: 18px; text-align: right; padding-top: 12px; padding-bottom: 12px }
#signUpText a:link       { color: #ffffff; text-decoration: none }
#signUpText a:active       { color: #ffffff; text-decoration: none }
#signUpText a:visited     { color: #ffffff; text-decoration: none }
#signUpText a:hover    { color: #03498f; text-decoration: none }
.awardsTable { padding-left: 100px }
.awardsDate { font-weight: bold; padding-right: 10px }
.officersTableLeft { text-align: right; padding-right: 15px }
.officersTableRight { color: #ffffff; background-color: #646464; text-align: left; padding-left: 15px }
.formTable td { padding: 4px }
.formTable .input   { color: #000; font-size: 9pt; background: #ffffff; padding-left: 4px; width: 243px; height: 16px; border: outset 0 }
.formTable .input2 { color: #000; font-size: 9pt; background: #ffffff; padding-left: 4px; height: 16px; border: outset 0 }
.formTable textarea    { color: #000; background: #ffffff; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; width: 320px; height: 100px; overflow: auto; border: outset 0 }
.searchForm .input   { color: #000; font-size: 9pt; background: #ffffff; padding-left: 4px; width: 200px; height: 16px; border: outset 0 }
.alpha { color: #03498f; list-style-type: upper-alpha }
.lower-alpha { color: #03498f; list-style-type: lower-alpha }
.number  { color: #03498f; list-style-type: decimal }
.text { color: #000000 }

/* member directory */
#directory  { color: #ffffff; padding-top: 18px; padding-bottom: 9px; padding-left: 35px }
#directory .title  { font-size: 16pt }
#directory a:link     { color: #91acd7; text-decoration: none }
#directory a:active     { color: #91acd7; text-decoration: none }
#directory a:visited    { color: #91acd7; text-decoration: none }
#directory a:hover   { color: #ffffff; text-decoration: none }
#dir_state { background-color: #ffffff; padding-top: 2px; padding-bottom: 2px; padding-left: 35px }
.selected { color: #3366cc; }
#alphabet { }
#alphabet a:link     { color: #000000; text-decoration: none }
#alphabet a:active     { color: #000000; text-decoration: none }
#alphabet a:visited    { color: #000000; text-decoration: none }
#alphabet a:hover   { color: #3366cc; text-decoration: none }
#reports table  { border-style: none none solid solid; border-width: medium medium 1px 1px; border-color: #000000 }
#reports td { padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #000000; border-right: 1px solid #000000; border-bottom: #000000; border-left: #000000 }
#reports  { font-size: 8pt }
#reports .header  { color: #000000; background-color: #cbcbcb; text-transform: uppercase; padding-left: 35px }
#reports .header2 { color: #000000; background-color: #cbcbcb; text-transform: uppercase; padding-top: 2px; padding-bottom: 2px; padding-left: 8px }
#reports .date { color: #ffffff; padding-left: 35px }
#reports .date a:link      { color: #ffffff; text-decoration: underline }
#reports .date a:active      { color: #ffffff; text-decoration: underline }
#reports .date a:visited     { color: #ffffff; text-decoration: underline }
#reports .date a:hover    { color: #000000; text-decoration: underline }
#reports .data { color: #ffffff; padding-left: 8px }
#reports .data a:link      { color: #ffffff; text-decoration: underline }
#reports .data a:active      { color: #ffffff; text-decoration: underline }
#reports .data a:visited     { color: #ffffff; text-decoration: underline }
#reports .data a:hover    { color: #000000; text-decoration: underline }
#reports a:link      { color: #000000; text-decoration: underline }
#reports a:active      { color: #000000; text-decoration: underline }
#reports a:visited     { color: #000000; text-decoration: underline }
#reports a:hover     { color: #03498f; text-decoration: underline }
/* guidelines page */
#guideText   { font-size: 9pt; background-color: #cbcbcb; padding: 0 30px 20px }
#guideText td { font-size: 9pt }
.guidelines   { background-color: #cbcbcb; padding-bottom: 10px; padding-left: 30px; width: 951px }
.guidelines table { border-color: #000000; border-width: 0 0 1px 1px; border-style: solid }
.guidelines td { font-size: 9pt; border-color: #000000; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; }
.guidelines .header    { color: #ffffff; background-color: #646464; text-transform: uppercase }
.guidelines ol   { color: #03498f; margin-top: 0; margin-bottom: 10px; margin-left: 0; padding-top: 0; padding-right: 4px; padding-left: 16px }
.guidelines ol .text { color: #000000 }
.guidelines ul  { color: #03498f; margin-top: 0; margin-bottom: 10px; margin-left: 0; padding-top: 0; padding-right: 4px; padding-left: 14px }
.guidelines ul .text { color: #000000 }
/* employment page */
#employText  { padding: 35px 30px 20px; color: #ffffff; }
#employText table { border: solid 1px black }
#employText h1 { color: #03498f; font-size: 10pt; text-transform: uppercase }
#employText .header  { color: #ffffff; font-weight: bold }
#employText .date  { color: #000000; font-weight: bold }
#employText .closed { color: #c41b20 }
#employText a:link      { color: #91acd7; text-decoration: none }
#employText a:active     { color: #91acd7; text-decoration: none }
#employText a:visited    { color: #91acd7; text-decoration: none }
#employText a:hover   { color: #ffffff; text-decoration: none }
#employText .input   { color: #000000; font-size: 9pt; background: #ffffff; padding-left: 4px; border: outset 0 }
#employText textarea    { color: #000000; background: #ffffff; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; overflow: auto; border: outset 0 }
#employment   { color: #000000; background-color: #a2a2a2 }
#employment a:link      { color: #03498f; text-decoration: none }
#employment a:active     { color: #03498f; text-decoration: none }
#employment a:visited    { color: #03498f; text-decoration: none }
#employment a:hover   { color: #000000; text-decoration: none }
/* misc links */
.spacer  { background-color: #ffffff }
.color  { color: #03498f }
.color2 { color: #a6dff0 }
.attention { color: #c41b20 }
.indent    { padding-left: 15px }
.author { padding-left: 30px }
.small { font-size: 8pt }
.float-right     { display: inline; margin: 0; float: right }
.float-left      { display: inline; margin: 0; padding-right: 10px; float: left }
ul    { color: #03498f; margin-top: 0; margin-bottom: 10px; margin-left: 0; padding-top: 0; padding-right: 4px; padding-left: 14px }
ul .text { color: #000000 }
li { line-height: 13pt }
li a:link      { color: #03498f; text-decoration: none }
li a:active      { color: #03498f; text-decoration: none }
li a:visited     { color: #03498f; text-decoration: none }
li a:hover    { color: #000000; text-decoration: none }
/* footer */
#footer     { color: #000000; font-size: 8pt; padding-top: 6px; padding-bottom: 6px; padding-left: 5px }
#footer td  { color: #000000; font-size: 8pt; padding-bottom: 6px; padding-left: 5px }
#footer a:link       { color: #03498f; text-decoration: none }
#footer a:active       { color: #03498f; text-decoration: none }
#footer a:visited      { color: #03498f; text-decoration: none }
#footer a:hover    { color: #000000; text-decoration: none }
/* links */
a:link      { color: #03498f; text-decoration: none }
a:active      { color: #03498f; text-decoration: none }
a:visited     { color: #03498f; text-decoration: none }
a:hover    { color: #000000; text-decoration: none }
a:focus { outline: none; }
