/*************************************
 * TITLE: Print Stylesheet           *
 *                                   *
 * Considerable modifications from   *
 *   the original Sinorca screen     *
 *   stylesheet have been made by    *
 *   Aaron Curley                    *
 *                                   *
 *************************************/



/* ################################################ */
/* ##### Common Styles                        ##### */
body {
  color: black;
  font-family: verdana, helvetica, arial, sans-serif;
  margin: 0;
  padding: 0;
}
.doNotDisplay { 
  
}
/* ############################################## */



/* ################################################ */
/* ##### Site Header (top "tall" shaded area) ##### */

/* Site header area - The title logo and gradient background.*/
#siteHeader {
  margin: 0 0 0 0;
  padding: 0 0 0 0;

  color: black;
}

/* "Enrich your HS homeschool program" graphic box - left of main title+logo image. */
#siteHeader #enrichBox{  
  display: none;
}

/* Home button area - left, just above bar.*/
#siteHeader #homeButton{  
  display: none;
}
/* ################################################ */



/* ################################################ */
/* ### Site horizontal "bar"                    ### */
#barHeader {
  background-color: black;
  
  height: 6px;
  width: 100%;
  
  margin: 0px 0px 0px 0px;
}
/* ################################################ */



/* ################################################ */
/* ##### Side Bar / menu section              ##### */
#sideBar { 
  font-size: 16px;
  line-height: 16px;
}
#sideBar ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  
  list-style-type: none;
  list-style-position: outside;
}
#sideBar li {
  margin: 6px 0 0 0;
  padding: 0.1ex 0 0 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}
#sideBar li a {
  color: black;
  
  text-decoration: none;
  text-align: center;
}
/* ################################################ */



/* ################################################ */
/* ##### Right bar - shown on main page only. ##### */
#rightBar { 
  display: none;
}
/* Div used to limit size of pageContent section on pages with rightBar. */
#rightBarPageContent{
  
}
/* ################################################ */



/* ################################################ */
/* ##### Page Content Section                 ##### */
#pageContent { 
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  
  font-size: 0.8em;
  color: black;
  line-height: 1.5em;
}
#pageContent p {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}
#pageContent a {
  background-color: transparent;

  color: rgb(0,0,170);
  text-decoration: underline;
}
#pageContent a:hover {
  text-decoration: none;
}

/* horizontal thin blue bar */
#pageContent .bar {          
  background-color: rgb(100,135,220);

  height: 0.2ex;

  margin: 0.1em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;

  color: white;
}

#pageContent h1 {          /* Header 1 is a blue horizontal bar with text inside */
  margin: 1em 0 0.2em 0;
  padding: 0ex 0ex 0ex 1ex;

  font-size: 1.5em;
  font-weight: bold;
}
#pageContent h2 {          /* Header 2 is just normal text, but bigger! */
  margin: 0 0 0 0;
  padding: 0.05em 0 0.05em 0;

  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.1em;
}
#pageContent h3 {          /* Header 3 is smaller than h2 */
  margin: 0 0 0 0;
  padding: 0.05em 0 0.05em 0;

  font-size: 1.2em;
  line-height: 1.1em;
  font-weight: normal;
}
#pageContent p {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#pageContent ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style-position: outside;
  list-style-type: none;
}
#pageContent ul .indented{
  margin-left: 3em;
}
#pageContent .tablecenter{
  text-align: center;
}
#pageContent .tablecenter table{
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
}
/* ################################################ */



/* ################################################ */
/* ####  Order Form styles (within page content)### */
#pageContent #orderForm{
  max-width: 48em;
  width: auto !important;/* hack for IE6 - see http://www.dustindiaz.com/min-height-fast-hack/ */
  width: 90%;
  
  padding: 5px;
}

#pageContent #orderForm legend{
  width: 100%;
  
  margin-bottom: 7px;
  
  border-bottom: 1px solid black;
}

#pageContent #orderForm fieldset{
  width: 100%;
  
  margin-bottom: 25px;
  
  border-style: none;
}

#pageContent #orderForm .buttons{
  text-align: center;
}

#pageContent #orderForm label{
  float: left;
  display: block;
  
  width: 14em;
  
  margin-right: 1em;
  
  text-align: right;
}

#pageContent #orderForm input, select, textarea, p{
  margin-bottom: 4px;
}
/* ################################################ */



/* ################################################ */
/* ##### Footer                               ##### */
#footer { 
  height: 1.4em;
  
  margin: 0 0 0 0;
  padding: 5px 10px 5px 10px;
  
  font-size: 0.8em;
}
#footer #lastupdated{
  float: left;
}
#footer #email{
  float: right;
}
/* ################################################ */