/* Facts On the Back */
/* Colors: bright blue #30C  light blue #3CF  bright yellow #FF3 light yellow #FF9 */
/* Fonts: Ariel Rounded MT Bold, Ariel */

body { font-family: Arial, "Trebuchet MS", sans-serif; background-color: #30C; margin: 7px; }

table { width: 100%; background-color: #FFF; }
table.size { margin-left: 25px; width: 90%; border: 1px #FF9 solid; } /* size chart */
table.products { } /* tshirt options */
.size td { font-size: .8em; text-align: center; vertical-align: middle; border: 1px #FF9 solid; 
      margin:0; padding: 0; }
table.periodic { width: 600; } /* periodic table large photo and text */ 
td.header { background-color: #FFF; }
td { vertical-align: top; font-family: Arial, "Trebuchet MS", sans-serif; }
td.menu { }
td.section { width: 20%; background-color: #FF9; border: 4px #FFF solid; } /* audience breakdown on home page */
td.sidemenu { width: 200px; background-color: #FF9; }
td.sidebar { width: 200px; background-color: #FF9; }
td.main { } /* main text area */
td.footer { background-color: #FFF; }
div.left { width: 250px; float: left; margin: .5em 1em 1em 3px; } /* photo on home page */
div.right { width: 150px; float: right; margin: .5em 3px 1em 1em; } /* photo on home page */
.caption { text-align: center; font-style: oblique; font-size: 90%; margin: 0; padding: .5em; } /* photo captions */

h1 { font-family: "Ariel", Georgia, serif; color: #30C; font-size: 1.2em; 
         margin: 0; padding: .4em 15px .2em 15px; letter-spacing: 1px; }
h2 { font-family: "Ariel", Georgia, serif; color: #30C; font-size: 1em; margin: 0;
      padding: 1em 25px 0em 25px; }
h3 { font-family: "Ariel", Georgia, serif; color: #30C; font-size: .95em; margin: 0;
      padding: 1em 25px 0em 25px; }
p { font-size: .9em; margin: 0 20px 0 20px; padding: .3em 5px .3em 5px; }

img.photo { border: 5px solid #FF9; }
table.products td, table.products p { text-align: center; margin: .1 0 .3 0; padding: 0; }

p.space { margin: 0; padding: 0; font-size: .5em; } /* correct spacing in header */
p.title { font-family: "Copperplate Gothic Bold", Georgia, serif; color: #30C; font-size: 2.2em; 
         text-align: center; text-decoration: underline; font-style: oblique; 
         margin: 0; padding: .2em 0 .2em 0; letter-spacing: 1px; } /* FactsOnTheBack */
p.subtitle { font-family: "Arial Rounded MT Bold", "Trebuchet MS", sans-serif; color: #30C; font-size: 1em; 
            text-align: center; margin: 0; padding: 0 0 0 0; } /* Educating the world... */
p.menu { color: #FF3; background-color: #30C; font-family: "Arial Rounded MT Bold", "Trebuchet MS", sans-serif; 
         text-align: center;  margin: 0; padding: .1em 0 .2em 0; 
         border-bottom: 1px #000 solid; }
p.sectionhead  { color: #FFF; background-color: #30C; border-bottom: 1px #000 solid;
            font-family: "Arial Rounded MT Bold", "Trebuchet MS", sans-serif; 
            text-align: center; margin: 0em; padding: .2em 0 .1em 0;}
p.sectiontext  { font-size: .9em; margin: .1em; padding: .2em 0 .1em 0;}
p.andmore   { font-size: .8em; margin: 0 .3em .2em 0; padding: 0; text-align: right; 
               font-style: oblique; }
.sidemenu p, .sidemenu h3 { font-size: .95em; margin: .5em .2em 0 .2em; padding: 0 .2em 0 0; font-weight: bold; }
.sidebar p, .sidebar h2, .products h2 { margin: 1em; padding: 0; }
p.audience { font-size: .75em; font-weight: normal; margin: 0; padding: .1em 0 .5em 1em; }
p.photo { text-align: center; margin: 0; padding: 0; } /* photos that are centered in a section */
p.question  { font-weight: bold; margin: 0; padding: .6em 25px 0em 25px; } /* FAQs */
.back { text-align: right !important; font-size: .8em; font-style: oblique; margin: 1em 1em 0 1em !important; 
         padding: .1em .5em .25em .5em !important; background-color: #FF9; } /* back to top or previous page */
p.menubottom { color: #FFF; background-color: #30C; font-size: .85em; text-align: center; 
               margin: 0; padding: .2em 0 .2em 0; }
p.footertitle { font-family: "Copperplate Gothic Bold", Georgia, serif; color: #30C; text-align: center; 
                  text-decoration: underline; font-size: 1.1em; margin: 0; padding: .3em 0 .1em 0;
                  font-style: oblique; }
p.slogan { font-family: "Arial Rounded MT Bold", "Trebuchet MS", sans-serif; color: #30C; font-size: 1em; 
            text-align: center; font-style: oblique; letter-spacing: .1em; 
            margin: 0; padding: 0em 0 .3em 0; ;} /* Home of EduWear... */
p.footer { font-size: .9em; text-align: center; margin: 0; padding: 0em 0 .2em 0; }
p.copyright {font-size: .8em; text-align: center; margin: 0; padding: .7em 0 .2em 0; font-style: oblique;}
p.design { text-align: right; font-size: .7em; color: #FFF; margin: 0; padding: .8em 0 .1em 0; } /* CrystalPointConsulting credit line */

/* Forms */
p.button { text-align: center; margin: .5em 0 .8em 0; line-height: 2em;} /* Paragraphs containing Send buttons */
input.text, textarea.text { border: 2px #30C outset; } 
.button input, .buy { border: 4px #30C outset; background-color: #FF9; padding: .1em .5em .1em .5em; } /* buy is for buy buttons on products */

/* List items */
ul { font-size: .9em; margin: 0 0 0 .1em; padding: 0; }
li { margin-left: 4em; margin-right: 2em; padding: 0; list-style: square;  }
.section li { margin-left: 1em; margin-right: 0em; padding: .2em 0 .7em 0; }
.sidemenu li { margin-left: 4em; margin-right: 1em; padding: 0 0 0 0; }

/* Links */
a:link { color: #30C; }
a:visited { color: #609; }
a:hover, a:focus { color: #FFF; background-color: #30C;}
.menu a:link, .menu a:visited { color: #FFF; background-color: #30C; text-decoration: none; }
.menu a:hover, .menu a:focus { color: #FF3; background-color: #30C; }
.sidemenu a:link, .sidemenu a:visited { color: #30C; background-color: #FF9; text-decoration: none; }
.sidemenu a:hover, .sidemenu a:focus { color: #FF9; background-color: #30C; }
.sectionhead a:link, .sectionhead a:visited { color: #FFF; text-decoration: underline;}
.sectionhead a:hover, .sectionhead a:focus { color: #FF3; text-decoration: underline;}
p.button a:link, p.button a:visited { color: #30C; text-decoration: none; }
p.button a:hover, p.button a:focus { color: #30C; background-color: transparent; text-decoration: underline; }
.menubottom a:link, .menubottom a:visited { color: #FFF; background-color: #30C; text-decoration: none; }
.menubottom a:hover, .menubottom a:focus { color: #FF3; }
p.design a:link, p.design a:visited, p.design a:hover, p.design a:focus { color: #FFF; }