/********* LAYOUT NOTES *********/

/* Main content width is 549px */
/* Changeout of Logo - Files needed are masthead_left, navbar_lower_bkg_full, main_bkg, leftcol_bkg, main nav buttons, and section headings (left column) */
/* Changeout of Logo - For main bkg, use the background to the right of the logo and create the logo in 2 pieces. Be sure to adjust the opacity of the logo
correctly for each piece - 10% for the dark nav bar, 4% for the yellow nav bar. */


/********* GENERAL BODY ELEMENTS *********/
body { margin: 10px auto; text-align: center; background-color: #fff; }
body, p, div, a, form { font: 12px/17px Verdana, Tahoma, "Lucida Grande", Arial, Helvetica, sans-serif; color: #615461; }
#mastheadRight form, #mastheadRight a { color: #443C44; }
p { margin: 0 0 18px 0; }
#horizontal_rule { margin: 20px auto; width: 300px; border-top: 1px solid #CAF2FF;}
img { border: 0; }

/********* HEADINGS *********/
h1 { margin: 24px 0 9px 0; padding: 0; font-size: 15px; font-weight: bold; }
h1 a { margin: 24px 0 9px 0; padding: 0; font-size: 15px; font-weight: bold; }
h1.pageHeading { font-size: 18px; line-height: 22px; margin: 8px 0 24px 0; text-align: center; color: #866178; }

h2 { margin: 24px 0 2px 0; padding: 0; font-size: 15px; font-weight: bold;   }
h2 a { margin: 24px 0 2px 0; padding: 0; font-size: 15px; font-weight: bold;   }
h3 { margin: 20px 0 9px 0; padding: 0;  font-size: 13px; font-weight: bold;  }
h3 a { margin: 20px 0 9px 0; padding: 0;  font-size: 13px; font-weight: bold;  }
h4 { margin: 20px 0 2px 0; padding: 0;  font-size: 13px; font-weight: bold;  }
h4 a { margin: 20px 0 2px 0; padding: 0;  font-size: 13px; font-weight: bold;  }
h5 { margin: 0 0 9px 0; padding: 0;  font-size: 12px; font-weight: bold;   }
h5 a { margin: 0 0 9px 0; padding: 0;  font-size: 12px; font-weight: bold;   }
h6 { margin: 0 0 2px 0; padding: 0;  font-size: 12px; font-weight: bold;  }
h6 a { margin: 0 0 2px 0; padding: 0;  font-size: 12px; font-weight: bold;  }

/********* LINKS *********/
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none;}

/********* BORDERS, SPACING, AND ALIGNMENT *********/
.border { border: 1px solid #D1B8B3; }
.noBorder { border: 0; }
.block { display: block; }
.center { text-align: center; }
.marginAuto { margin: 0 auto; }
.right { text-align: right; }
.floatRight { display:block; margin: 0 0 10px 10px; float: right;  }
.clearBoth { clear:both; }
.vertMiddle { vertical-align: middle; }
.horizontalRuleNarrow { margin: 0 auto; border-top: 1px solid #bbb; width: 360px; height: 1px; }
.inline { display: inline; }
.background {  background-image: url(../images/body_bground.jpg); background-repeat: no-repeat}


/******* MAIN NAVIGATION *******/
#mainNav { margin: 0 auto ; border-left: 20px solid #fff; border-right: 20px solid #fff; padding: 0 16px 0 12px; width: 804px; height: 25px; 
 background-image:url(../images/general_template/navbar_bkg.gif); background-repeat: repeat-y; }
#mainNav img { margin-right: -4px; margin-bottom: -5px; border: 0; padding: 0; vertical-align: baseline; }
#secondaryNavBar { margin: 0 auto; border-left: 20px solid #fff; border-right: 20px solid #fff; padding: 0px 16px; width: 800px; 
height: 11px; background-image: url(../images/general_template/navbar_lower_bkg_full.gif); }

/******* DROP-DOWN MENUS *******/
.menu { position: absolute; margin: 0; padding: 0; visibility: hidden; z-index: 101; width: 176px; text-align: left; 
border-top: 1px solid #201E20; }
a.menuItem { display: block; margin: 0; border: 1px solid #201E20; border-top: 0; padding: 4px 4px 4px 12px; width: 158px;
text-align: left; z-index: 102; color: #714E64; background-color: #F6F6F6; font-size: 11px; }
a.menuItem:link, a.menuItem:visited { text-decoration: none; }
a.menuItem:hover { text-decoration: none; color: #201E20; background-color: #DADFDA; }
#menu1 { margin-left: 7px; }
#menu2 { margin-left: 1px; }
#menu3 { margin-left: 2px; }
#menu4 { margin-left: 1px; }
#menu5 { margin-left: 1px; }
#menu6 { margin-left: 1px; }

/********* FORMATTING AND APPEARANCE *********/
.smallText { font-size: 10px; }
.largeText { font-size: 14px; }
.notaBene { font-weight: bold; color: #AC4823; }
.bold { font-weight: bold; }
.notBold {font-weight: normal; }
.boldGreen { font-weight: bold; color: #5C8365; }
.largerAsterisk { font: 14px bold verdana, tahoma, arial, sans-serif; }
.marginTop0 { margin-top: 0; }
.marginTop2px { margin-top: 2px; }
.marginTop10px { margin-top: 10px; }
.marginTop12px { margin-top: 12px; }
.marginTop15px { margin-top: 15px; }
.marginTop18px { margin-top: 18px; }
.marginBottom0 { margin-bottom: 0px; }
.marginBottom4px { margin-bottom: 4px; }
.marginBottom8px { margin-bottom: 8px; }
.marginBottom10px { margin-bottom: 10px; }
.marginBottom12px { margin-bottom: 12px; }
.marginBottom15px { margin-bottom: 15px; }
.marginBottom18px { margin-bottom: 18px; }
.paddingTop8px { padding-top: 8px; }
.marginBottom20px { margin-bottom: 20px; }
.indent90 { margin-left: 90px; }
.indent60 { margin-left: 60px; }
.indent30 { margin-left: 30px; }
.indent20 { margin-left: 20px; }
.indent15 { margin-left: 15px; }
p + ul { margin-top: -6px; } /* Doesn't work in IE  */
.publicLinks a { font-weight: bold; color: #5C8365; }

/********* LISTS *********/
ul { margin: 0 0 12px 0; padding: 0 0 0 30px; text-align:left;  }
ul li { padding-bottom: 3px;  list-style-type:disc; }
ul.noBullet { padding: 0 0 0 20px; }
ul.noBullet li { padding-bottom: 2px; list-style-type: none; }
ul.extraSpacing li { padding-bottom: 8px; }

/******* MASTHEAD *******/
#masthead { margin: 0 auto; border-left: 20px solid #fff; border-right: 20px solid #fff; padding: 0; width: 832px; }
#mastheadTable { width: 832px; }
#mastheadLeft { padding: 0; width: 413px; text-align: left; vertical-align: top; }
#mastheadRight { padding: 26px 28px 0 0; width: 391px; text-align: right; vertical-align: top; 
background-image:url(../images/general_template/masthead_right.jpg); background-repeat: no-repeat; font-size: 11px; }
#mastheadRight a, #mastheadRight form { font-size: 11px; }

/******* MAIN AREA *******/
#mainBodyWrapper { margin: 0 auto; border-left: 20px solid #fff; border-right: 20px solid #fff; padding: 0; width: 832px; 
background-image:url(../images/general_template/page_bkg_tile.gif); background-repeat: repeat-y; }
#mainBody { margin: 0; padding: 17px 28px 15px 33px; width: 771px; background-image: url(../images/general_template/main_bkg.jpg); background-repeat: no-repeat; }
#mainBodyTable { margin: 0 padding: 0; width: 771px; height: }
#mainColumn { padding: 0 0 20px 20px; width: 549px; text-align: left; vertical-align: top; }
#mainColumn img { border: 1px solid #D1B8B3; padding: 2px; }
#mainColumn img#noBorder { border: 0; }
#oneColumn { padding: 12px; width: 747px; text-align: left; }
#twoEqualColumnsTable { width: 540px; }
.twoEqualColumnsLeft { padding: 0 0 20px 10px; width: 256px; vertical-align: top; text-align: left; }
.twoEqualColumnsRight { padding: 0 0 20px 10px; width: 254px; vertical-align: top; text-align: left; }

/******* LEFT COLUMN NAVIGATION AND SITE INDEX *******/
#leftColumn { border-bottom: 1px solid #D0CACD; padding: 0; width: 202px; background-image:url(../images/general_template/leftcol_bkg_tile.gif);
background-repeat: repeat-y; text-align: left; vertical-align: top; }
#leftColumnFormattingTable { width: 202px; background-image:url(../images/general_template/leftcol_bkg.jpg); 
background-repeat: no-repeat; }
#leftColumnLeft { padding: 0; width: 1px; vertical-align: top; }
#leftColumnRight { padding: 1px 1px 1px 0; width: 200px; vertical-align: top; text-align: left;  }
#leftColumnSupportBeam { display: block; width: 1px; height: 531px; }
.sectionMenuHeading { display: block; padding-bottom: 8px; }
.sectionMenu { text-align: left; padding: 0 11px 14px 11px; background-image: url(../images/leftcol_nav/dotted-line.gif); 
background-position: bottom center; background-repeat: no-repeat; }

.sideNav { display: block; margin: 0; padding: 4px 10px; width: 156px; color: #7D576F; text-align: left; }
.sideNavIndent { display: block; margin: 0 0 0 20px; padding: 5px 10px; width: 136px; font-size: 11px; color: #7D576F; 
text-align: left; line-height: 12px; }
.sectionMenu a { font-size: 11px; }
.sectionMenu a:link, .sectionMenu a:visited { text-decoration: none;  }
.sectionMenu a:hover { text-decoration: none; border: 1px solid #C3BBBB; background-color: #F8F6ED; }

#leftColumnContent { padding: 20px 8px 12px 14px; }
#leftColumnContent p, #leftColumnContent a, #leftColumnContent li { font-size: 11px; }


#siteIndexTable a.sideNav { border: 0; background-color: transparent; text-align: left; }
#siteIndexTable a.sideNav:link, #siteIndexTable a.sideNav:visited { text-decoration: underline; }
#siteIndexTable a.sideNav:hover { text-decoration: none; color: #025880; }

.standardFromTable { width: 540px; }
.formTableLeft { padding: 4px 15px 4px 20px; width: 120px; text-align: left; vertical-align: top; font-weight: bold; }
.formTableRight { padding: 4px 0; width: 340px; text-align: left; vertical-align: top; }

#memberFeeTable { border: 1px solid #857685; margin: 0 auto 12px auto; width: 400px; }
.memberFeeHeader { background-color:#8D7A8D; }
.memberFeeHeaderLeft, .memberFeeHeaderRight { padding: 4px 10px 4px 20px; width: 170px; vertical-align: middle; text-align: left; color: #FAF9F3; 
font-weight: bold; }
.memberFeeLeftGrey, .memberFeeRightGrey, .memberFeeLeftYellow, .memberFeeRightYellow { padding: 4px 10px 4px 20px; width: 170px; vertical-align: middle; 
text-align: left; }
.memberFeeLeftGrey, .memberFeeRightGrey { background-color: #E7DCD8; }
.memberFeeLeftYellow, .memberFeeRightYellow { background-color: #f6f4e7; }

.leadershipTable { margin: 20px auto 0 auto; width: 500px; }
.leadershipTableLeft, .leadershipTableRight { padding: 0 0 20px 0; width: 250px; vertical-align: top; text-align: center; }
.leadership2Left, .leadership2Middle, .leadership2Right { padding: 0 0 20px 0; width: 166px; vertical-align: top; 
text-align: center; }

.formTwoColumnTable { margin: 0 auto; width: 500px; }
.formTwoColumnLeft { padding: 0 15px 10px 0; width: 165px; text-align: right; vertical-align: middle; font-weight: bold; }
.formTwoColumnRight { padding: 0 15px 10px 0; width: 305px; text-align: left; vertical-align: middle; }


/******** FOOTER *********/
#footer { margin: 0; padding: 0 12px 4px 0; text-align: center; font-size: 10px; }
#footerBottom { margin: 0 auto;  border-left: 20px solid #fff; border-right: 20px solid #fff; width: 832px; height: 17px; 
background-image: url(../images/general_template/pageborder_bottom.gif); background-repeat:no-repeat;  }
#footer a, #footer p { font-size: 10px; }


/********* FORM ELEMENTS *********/
form { margin:0; padding: 0; }
.submit { margin: 0 10px 0 0; }
select { border: 1px solid #4b4b4b; font: 11px verdana, arial, sans-serif; color: #3b3b3b; background-color: #FFF;  }
.form_field_header { margin-bottom: 4px; font-weight: bold; }
.error { color: #CD1E01; background-color: #E3F2FD; }
.admin { color: #000000; }