/* BASIC */

body
   {
      margin: 0px;
      padding: 0px;
      font: 62.5% Arial, Helvetica, sans-serif;
      background-color: #000000;
      text-align: left;
   }

h1
   {
      font-family: arial, helvetica, sans-serif;
      font-size: 24pt;
      font-weight: bold;
      background-repeat: no-repeat;
      background-position: left center;
      background-image: url(../gfx/redbb.gif);
      text-indent: 40px;
      color: #FF9900;
   }

h2
   {
      font-family: arial, helvetica, sans-serif;
      font-size: 16pt;
      font-weight: bold;
      background-repeat: no-repeat;
      background-position: left center;
      background-image: url(../gfx/goldbb.gif);
      text-indent: 40px;
      color: #ffffff;
   }

h3
   {
      font-family: arial, helvetica, sans-serif;
      font-size: 14pt;
      font-weight: bold;
      color: #ffffff;
   }

.nobullet
   {
      list-style: none;
   }

.content
   {
      margin-left: 40px;
   }

.yellow
   {
      color: #FDFA01;
   }

.red
   {
      color: #FE2424;
   }

.blue
   {
      color: #246CFE;
   }

p
   {
      font-size: 1.2em;
   }

#banner
   {
      background: #000000;
      background-image: url(../images/Website_Banner.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      border-bottom: 2px solid #00CC00;
      padding-top: 10px;
      padding-botton: 10px;
      height: 220px;
   }

#content_wrapper
   {
      position: relative;
      margin-top: 0;
      background: #000000;
   }

#leftsidebar
   {
      position: absolute;
      left: 0;
      top: 0;
      width: 180px;
      padding-left: 0;
      background: #000000;
   }

#rightsidebar
   {
      position: relative;
      float: right;
      width: 205px;
      background: #000000;
   }

#main
   {
      margin-left: 180px;
      margin-right: 205px;
      margin-bottom: 10px;
      background: #000000;
      color: #FFFFFF;
      padding-left: 0;
      padding-right: 10px;
      font-size: 1.4em;
   }

#win, #subguide, #bookguide,
#resguide, #picturebook, #middlegrades,
#youngadult, #linksguide
   {
      margin-left: 180px;
      margin-bottom: 10px;
      background: #000000;
      color: #FFFFFF;
      padding-left: 0;
      padding-right: 10px;
      font-size: 1.4em;
   }

.picture
   {
      position: relative;
      border-width: 5px;
      border-style: ridge;
      border-color: blue;
      margin: 10px 10px 10px 10px;
   }

.warppic
   {
      position: relative;
      border-width: 5px;
      border-style: ridge;
      border-color: maroon;
      margin: 10px 10px 10px 10px;
   }

.floatright
   {
      float: right;
   }

.floatleft
   {
      float: left;
   }

.booklist
   {
      list-style: none;
   }

#footer
   {
      clear: both;
      width: 100%;
      height: 75px;
      margin-top: 0;
      background: #000000;
      border-top: 2px solid #00CC00;
      padding-top: 3px;
      padding-bottom: 20px;
   }

.copyright
   {
      font-family: arial, helvetica, sans-serif;
      font-size: 8pt;
      font-weight: normal;
      text-align: right;
      color: #cccccc;
   }

html
   {
      background-color: #000000;
      color: #ffffff;
      font-family: arial, helvetica, sans-serif;
   }



/* NAVIGATION */

#mainNav li
   {
      list-style: none;
      display: block;
      text-align: left;
      letter-spacing: -1px;
      margin: 2px 20px 2px -30px;
      background: #B0B0B0;
      border-width: 5px;
      border-style: ridge;
      border-color: grey;
   }

#mainNav a
   {
      text-decoration: none;
      color: #000000;
      font-family: comic sans ms, sans-serif;
      font-size: 2em;
      display: block;
      background: #B0B0B0;
   }

ul#mainNav
   {
      margin: 0;
      padding 0;
      list-style: none;
      width: 180px;
   }

#mainNav a:hover
   {
      background: #F5EF51;
   }

/* styles for the "you are here" buttons */
body#homepage a#homeLink,
body#winpage a#winLink,
body#subpage a#subLink,
body#bookpage a#bookLink,
body#respage a#resLink,
body#linkspage a#linkLink
   {
      color: #0000CC;
   }

* html #mainNav a
   {
      height: 1px;
   }

/* End of Navigation Section */



a:link
   {
      color: #FF0000;
      text-decoration: underline;
   }

a:visited
   {
      color: #00FF00;
      text-decoration: underline;
   }

a:active
   {
      color: #FF0000;
      text-decoration: underline;
   }

div.indent
   {
      margin: 0pt 24pt;
      background-color: transparent;
      text-align: left;
   }