/* DIY CSS */

html, body
{
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 85%;
  background: url(shared_images/left_strip.gif) repeat-y;
}

/*----------------------------*/
/*       The main banner      */
/*----------------------------*/

#banner
{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 80px;
  background: #6666CC;
}

#banner h1
{
  position: absolute;
  top: 0px;
  left: 165px;
  width: 680px;
  height: 80px;
  padding: 0px;
  margin: 0px;
  font-size: 5%;
  text-indent: -2000px;
  background: url(shared_images/banner.gif);
}

#banner img
{
  position: absolute;
  top: 0px;
  left: 5px;
  width: 130px;
  height: 108px;
  border: 0px;
}

/*----------------------------*/
/*          The menu          */
/*----------------------------*/

#menu
{
  position: absolute;
  top: 80px;
  left: 0px;
  width: 165px;
}

#menu div
{
  background: url(shared_images/menucurve.gif) top right no-repeat;
  padding: 35px 25px 0px 0px;
}

#menu a
{
  font-family: arial, helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  background: #6666CC;
  border-bottom: 1px solid #6666CC;
  display: block;
  padding: 4px 15px;
}

#menu a:hover, #menu a.here
{
  font-family: arial, helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  color: #6666CC;
  background: #ffffff;
  display: block;
  padding: 4px 15px;
}

#menu a.star
{
  font-family: arial, helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
  display: block;
  padding-right: 4px 30px 4px 15px;;
  background: url(shared_images/crappy_star.gif) 95% 50% no-repeat transparent;
}

#menu a.star:hover, #menu a.starhere, #menu a.starhere:hover
{
  font-family: arial, helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  color: #6666CC;
  padding-right: 4px 30px 4px 15px;
  background: url(shared_images/crappy_star.gif) 95% 50% no-repeat #ffffff;
  display: block;
}

/*----------------------------*/
/*      The main content      */
/*----------------------------*/

#content
{
  position: absolute;
  top: 80px;
  left: 165px;
  right: 25px;
  padding: 0px 0px 20px 0px;
  margin: 10px 0px 0px 0px;
  font-family: arial, helvetica, sans-serif;
}

#content .newsitem, #content .itempanel
{
  margin-bottom: 32px;
}

#content h2
{
  font-family: arial, helvetica, sans-serif;
  font-size: 1.7em;
  color: #6666CC;
}

#content h3
{
  font-size: 1.3em;
  color: #6666CC;
}

#content p, #content ul li
{
  font-family: arial, helvetica, sans-serif;
  font-size: 1.06em;
  line-height: 1.3em;
}

#content hr
{
  border: 1px solid #6666CC;
  margin-top: 1em;
  margin-bottom: 3em;
}

td
{
  font-family: arial, helvetica, sans-serif;
  font-size: .8em;
}

#content a
{
  color: #6666CC;
  background: #ffffff;
}

#content a:hover, #content a.here
{
  text-decoration: none;
  color: #ffffff;
  background: #6666CC;
}

#content a img, #content a img:hover
{
  border: 1px none;
}

#content a.pdf
{
  padding-right: 19px;
  background: url(shared_images/pdf.gif) 100% 0% no-repeat;
}

#content a.pdf:hover
{
  padding-right: 19px;
  background: url(shared_images/pdf.gif) 100% 0% no-repeat #6666CC;
}

#content ul li
{
  padding-bottom: 1.06em;
}

#content .centred
{
  text-align: center;
}

#content .nb
{
  font-style: italic;
  color: #ff0000;
}

#content .important
{
  font-style: italic;
  font-weight: bold;
  color: #ff0000;
}

#content .author
{
  text-align: right;
  font-style: italic;
}

#content .miniheading, #content .question
{
  font-weight: bold;
  color: #6666CC;
}

#content .answer
{
  padding-left: 2em;
}

#content .shift5, #content .shift8, #content .shift10, #content .shift12, #content .shift14
{
  display: block;
  float: left;
}

#content .shift5
{
  width: 5em
}

#content .shift8
{
  width: 8em
}

#content .shift10
{
  width: 10em
}

#content .shift12
{
  width: 12em
}

#content .shift14
{
  width: 14em
}

/*----------------------------------------*/
/*      The competitions/classes box      */
/*----------------------------------------*/

table.competitions
{
  border-collapse: collapse;
}

table.competitions td
{
  border: 1px solid #B2B2E5;
  padding: 4px 8px;
}

table.competitions td.heading
{
  background: #6666CC;
  color: #FFFFFF;
  font-weight: bold;
}



/*------------------------------*/
/*      The suggestion box      */
/*------------------------------*/

table.suggestionbox td.data input, table.suggestionbox td.data textarea
{
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  color: #000000;
  background: #FFFFFF;
  border-top: 1px solid #6666CC;
  border-left: 1px solid #6666CC;
  border-right: 1px solid #6666CC;
  border-bottom: 1px solid #6666CC;
  padding: 2px 6px;
}

table.suggestionbox td.data textarea
{
  overflow: auto;
}

table.suggestionbox td.data .button
{
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
  background: #6666CC;
  border-top: 1px solid #ACACE5;
  border-left: 1px solid #ACACE5;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 2px 6px;
}

table.suggestionbox td.data .button:active
{
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #ACACE5;
  border-bottom: 1px solid #ACACE5;
}

table.suggestionbox tr.fifth td input, table.suggestionbox tr.fifth td, table.suggestionbox tr.fifth
{
  display: none;
}

/*-------------------------------------------------------------------------------------*/

#snow
{
  z-index: 100;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 115px;
  overflow: hidden;
}

#snow object
{
  width: 1600px;
  height: 135px;
}