// CSS /* Items for the page header */ .pageHeader { color: White; text-align: center; font-style: italic; margin-bottom: 10px; } p.pageHeader { font-style: oblique; font-size: 14pt; } /* Main navbar items */ #navBar { color: MidnightBlue; font-weight: bold; margin-top: 25px; margin-bottom: 30px; } #navBar ul { margin: 0; padding: 0; list-style-type: none; text-align: center; } #navBar ul li { display: inline; } #navBar a { text-decoration: none; padding: .2em 1em; color: MidnightBlue; background-color: AliceBlue; } #navBar a:hover { color: MidnightBlue; background-color: LightGreen; } /* Items for level selector */ #lvlSwitcher { color: MidnightBlue; font-weight: bold; margin-top: 25px; margin-bottom: 30px; } #lvlSwitcher ul { margin: 0; padding: 0; list-style-type: none; text-align: center; } #lvlSwitcher ul li { display: inline; } #lvlSwitcher a { text-decoration: none; padding: .2em 1em; color: MidnightBlue; background-color: AliceBlue; } #lvlSwitcher a:hover { color: MidnightBlue; background-color: LightGreen; } /* Hot news item -- spans main div */ .hotNews { text-align: center; font-weight: bold; color: White; margin-bottom: 15px; } /* Items for the news-box */ #newsBox { background-color: AliceBlue; float: right; color: MidnightBlue; width: 20%; right: 5px; border-width: 1px; border-color: MidnightBlue; border-style: dashed; font-size: 10pt; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px; } #newsBox a { color: MidnightBlue; } /* Post box info */ #forumPost { background-color: AliceBlue; color: MidnightBlue; border-width: 1px; border-color: MidnightBlue; border-style: dashed; font-size: 10pt; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px; } /* Testimonials page */ #testimonial { background-color: LightGoldenRodYellow; color: MidnightBlue; border-width: 1px; border-color: ForestGreen; border-style: dashed; font-size: 10pt; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px; } /* Contact info box */ #contactBox { background-color: Plum; float: right; color: Indigo; width: 20%; right: 5px; border-width: 1px; border-color: Indigo; border-style: dashed; font-size: 10pt; font-weight: bold; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px; } #contactBox a { color: Indigo; text-decoration: none; } /* This item is for the list of current specials */ #specialsBox { background-color: #A1E2A1; float: right; min-height: 100px; width: 20%; right: 5px; border-width: 1px; border-color: DarkGreen; border-style: dashed; font-size: 11pt; text-align: center; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px; } /* This item is for the main entry div */ #mainBox { width: 77%; padding-left: 5px; float: left; } #mainImage { /* Images MUST be 362 width */ width: 362px; float: left; margin-right: 5px; text-align: center; font-style: italic; font-size: 10pt; } /* Picture bullets */ ul.picture { list-style-image: url(../images/supplements/bullet.gif); } /* No indent bullets */ ul.noIndent { margin: 0; padding-left: 15px; } /* Page title/subtitle h3 */ h3.pageTitle { text-align: center; font-size: 16pt; } h3.pageSubTitle { text-align: center; font-size: 14pt; }