/*----------------------------------------------------------------*/
/* (c) SKILL ZONE LIMITED, 2006                                   */
/*----------------------------------------------------------------*/
html
  {
  background: #C6E1FF url( /skillzone.background.jpg ) top left repeat-x;
  overflow-y: scroll;
  }

body
  {
  width: 960px;
  margin: 10px auto 32px auto;
  border: solid #990033 4px;
  border-radius: 16px 16px 0 0;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 166%;
  color: black;
  background: white;
  height: 100%;
  box-shadow: 0 4px 16px #000000;
  }

a:link, a:visited
  {
  color: navy;
  }

a:active, a:hover
  {
  color: red;
  }

pre
  {
  background-color: #ffeeee;
  color: #660000;
  font-family: "Courier New", Courier, Monospace;
  }

hr
  {
  color: #990000;
  background: #990000;
  height: 1px;
  }

div.invisible, a.invisible, h1.invisible, h2.invisible
  {
  position: absolute;
  top: -500px;
  left: -500px;
  height: 1px;
  }


/*----------------------------------------------------------------*/
/* Side Menu                                                      */
/*----------------------------------------------------------------*/
td.menu
  {
  width: 17%;
  border-right: solid #990033 4px;
  border-radius: 6px 0 0 0 ;
  color: white;
  background: #990033;
  text-align: center;
  font-size: 90% ;
  padding: 12px 0 80px 0;
  }

td.menu a
  {
  display: block;
  padding: 0.25em 0.1em 0.25em 0.1em;
  font-weight: bold;
  text-decoration: none;
  text-transform: lowercase;
  }

td.menu a, td.menu a:visited
  {
  color: white;
  background: #990033;
  }

td.menu a:active, td.menu a:hover
  {
  color: white;
  background: #550000;
  }

a.invisible
  {
  display: none;
  color: white;
  background: #990033;
  font-weight: bold;
  }

div.invisible a:hover
  {
  display: none;
  background: #990033;
  }

/*----------------------------------------------------------------*/
/* Main display area for information content                      */
/*----------------------------------------------------------------*/
td.main
  {
  padding: 12px ;
  }

p.boldpoint
  {
  font-size: 120%;
  font-weight: bold;
  line-height: 150%;
  }

h1
  {
  color: #990033;
  font-weight: normal;
  line-height: 150%;
  margin-top: 0;
  }

h2
  {
  color: #990033;
  font-weight: normal;
  line-height: 100%;
  }

p.testimonial
  {
  font-family: "Palatino Linotype", "Times New Roman", Times, Serif;
  font-style: italic;
  font-weight: bold;
  color: #775555;
  line-height: 150%;
  }

ul
  {
  padding-left: 0em;
  margin-left: 1em;
  }

/*----------------------------------------------------------------*/
/* Home page                                                      */
/*----------------------------------------------------------------*/
div.strapline
  {
  font-family:georgia, times, serif;
  font-size: 172%;
  font-weight: bold;
  font-style: italic;
  color:#333333;
  padding: 12px 0 0 0;
  }

p.phonenumber
  {
  font-size: 520%;
  font-weight: bold;
  color: #990033;
  line-height: 100%;
  padding-top: 8px;
  }

/*----------------------------------------------------------------*/
/* Spacer Column                                                  */
/*----------------------------------------------------------------*/
td.spacer
  {
  width: 1em;
  }

/*----------------------------------------------------------------*/
/* Sidebar                                                        */
/*----------------------------------------------------------------*/
td.sidebar, td.sidebarfolio
  {
  padding-left: 12px;
  border-left: solid #98c8ff 2px;
  font-size: smaller;
  line-height: 150%;
  }

td.sidebar
  {
  width: 26%;
  }

td.sidebarfolio
  {
  width: 32%;
  }

td.sidebar h2
  {
  width: 100%;
  font-size: 110%;
  font-weight: bold;
  line-height: 100%;
  text-align: center;
  color: black;
  background: #98c8ff;
  border-bottom: solid #3F64BD 1px;
  border-radius: 0 6px 0 0;
  margin-top: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  margin-bottom: 0;
  }

/*----------------------------------------------------------------*/
/* Vertical Skillzone Banner Column                               */
/*----------------------------------------------------------------*/
td.vbanner
  {
  width: 20%;
  background: #98c8ff;
  }

/*----------------------------------------------------------------*/
/* Input forms                                                    */
/*----------------------------------------------------------------*/
label
  {
  display: block;
  width: 90%;
  padding-top: 4px ;
  font-size: smaller;
  }

input.modern, textarea.modern
  {
  width: 90%;
  border: solid black 1px;
  border-radius: 6px;
  background: #ffeeee;
  padding: 6px;
  font-size: 100%;
  font-family: arial, helvetica, sand-serif;
  }

input.modern:FOCUS, textarea.modern:FOCUS
  {
  background: white;
  border: solid #CC0000 1px;
  }

.keycheck
  {
  display: none;
  }


/*----------------------------------------------------------------*/
/* Modifications for mobile users                                 */
/*----------------------------------------------------------------*/
@media handheld
  {
  html
    {
    background: white;
    }

  body
    }
    margin: 0 auto 0 auto ;
    border: none;
    box-shadow: none;
    line-height: 133%;
    }
  }

/*----------------------------------------------------------------*/
/* Modifications for printing                                     */
/*----------------------------------------------------------------*/
@media print
  {
  html
    {
    background: white;
    }

  body
    {
    border: none;
    width: 100%;
    box-shadow: none;
    }

  td.menu, div.footer
    {
    display: none;
    }
  }