body { font-family: Verdana, Helvetica, Arial, Sans-Serif; font-size: 13px; line-height: 1.6em; background-color: #DEDEDE; background-image: url(../images/12.backgroundfade.gif); background-repeat: repeat-x; margin: 0; }
#Container { width: 800px; margin: 0 auto; }
a { text-decoration: underline; }
a:link { color: #304757; /*#003c86;*/ }
a:visited { color: #304757; }
a:hover { color: #eb8c02; }
h2 { text-align: left; color: #eb8c02; font-weight:500; font-size: 1.6em; line-height:1.2em; margin-top:0.9em; margin-bottom:0.5em; }
h2 span { text-align: left; color: #eb8c02; font-size: 0.8em; font-weight: normal; display:block }
p { margin-top: 1.2em; color:#6b6b6b; text-align:justify; }
div { margin: 0; padding: 0; }
table { width: 100%; background-color: White; border: 0; }
td { vertical-align: top; padding: 0; }
img { border: none; padding: 0; margin: 0; }
#centercol { padding-top: 0.6em; }
#footer { border-top-style: dashed; border-top-color: #E89C23; border-top-width: 1px; text-align: center; vertical-align: middle; }
#footer div { width: 80%; margin: 0 auto; }
#footer span { padding-left: 0.7em; padding-right: 0.7em; font-size: 85%; font-weight: bold; line-height: 1.5em; }
td.copyright { color: #999999; font-size: 85%; padding-top: 1.6em; text-align: center; }
.smaller { font-size: 85%; }
.small { font-size: 75%; }
ul.bodylist { margin-top: 0; margin-left: 0; padding-left: 18px; }
ul.bodylist li { list-style-type: disc; text-align: left; }
/* * * * * * * * * * * * * NAVIGATION SPRITES * * * * * * * * * * * * */
#navlinks { width: 216px; height: 190px; background: url(/images/navlinks.jpg); margin: 0; padding: 0; position: relative; }
#navlinks li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; width: 24px; }
#navlinks li, #navlinks a { height: 190px; display: block; }
/* Position the links */
#lnkHome { left: 0; }
#lnkOurStory { left: 24px; }
#lnkTutors { left: 48px; }
#lnkMaterials { left: 72px; }
#lnkLessonPlan { left: 96px; }
#lnkTestimonials { left: 120px; }
#lnkCAAP { left: 144px; }
#lnkFAQ { left: 168px; }
#lnkContact { left: 192px; }
/* Hover state */
#lnkHome a:hover { background: #fff url(/images/navlinks.jpg) 0 -190px no-repeat; }
#lnkOurStory a:hover { background: #fff url(/images/navlinks.jpg) -24px -190px no-repeat; }
#lnkTutors a:hover { background: #fff url(/images/navlinks.jpg) -48px -190px no-repeat; }
#lnkMaterials a:hover { background: #fff url(/images/navlinks.jpg) -72px -190px no-repeat; }
#lnkLessonPlan a:hover { background: #fff url(/images/navlinks.jpg) -96px -190px no-repeat; }
#lnkTestimonials a:hover { background: #fff url(/images/navlinks.jpg) -120px -190px no-repeat; }
#lnkCAAP a:hover { background: #fff url(/images/navlinks.jpg) -144px -190px no-repeat; }
#lnkFAQ a:hover { background: #fff url(/images/navlinks.jpg) -168px -190px no-repeat; }
#lnkContact a:hover { background: #fff url(/images/navlinks.jpg) -192px -190px no-repeat; }
/* * * * * * * * * * * * * PULL QUOTES * * * * * * * * * * * * */
div.QuoteContainer { padding-left: 1em; padding-right: 1em; }
div.pullquote { width: 110px; padding: 0 0 0 1.1em; text-align: left; font-size: 1.8em; line-height: 1.1em; letter-spacing:-0.1ex }
div.Curly { position: relative; width: 1em; white-space: nowrap; }
div.Curly span { position: absolute; left: 0; color: #aeab36; font-size: 500%; font-family: Georgia; 
                 padding-top:0.3em; top: -0.25em; }   /*necessary for IE 6/7 */
div.leftFloat { float: left; }
div.rightFloat { float: right; }

div.rightQuote { float: right; line-height: 1.4em; border: double 4px #E89C23; padding: 0.3em 1em 0.3em 1em; margin-left: 1em; text-align: left; }
div.rightQuote a { font-weight: 700; font-size: 95%; }
div.leader { color: #a2a111; font-size:1.3em; line-height:1.4em; text-align:left; padding: 0 0.5em 0 0.5em; }
span.leader { font-weight:600; letter-spacing:0.15ex; font-size:1.1em; text-align:left; color: #679990; display:block;  }

.medium { font-size: 12px; }
.big { font-size: 18pt; font-weight: bold; }
.xbig { font-size: 24pt; }
.expanded { font-size: 15pt; line-height: 16px; letter-spacing: 2px; }
.justified { text-align: justify; }
.footer { font-size: 8pt; color: #999999; }
.head { font-size: 18px; font-weight: bold; color: #E99C22; text-align: center; }
.text { font-size: 12px; color: #FFFFFF; }

/*b { font-weight: 700; }*/
/*"Aqua" #679990*/
/*"Orange" #eb8c02 (darker - same as on FAQ page) or E89C23*/