/*----------------------------------------------------------------*/
/* THE TILE ASSOCIATION (C) SKILL ZONE LTD, 2008                  */
/*----------------------------------------------------------------*/
body
  {
  margin: 0;
  padding: 0;
  color: black;
  background: white;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  }

body, td, ul, blockquote
  {
  font-size: 100%;
  }

a, a:visited
  {
  color: navy;
  }

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

td
  {
  vertical-align: top;
  }

/*----------------------------------------------------------------*/
/* PAGE MASTHEAD                                                  */
/*----------------------------------------------------------------*/
div.masthead
  {
  font-size: 200%;
  color: #34377c;
  letter-spacing: 2pt;
  padding-top: 16px;
  }

div.strapline
  {
  font-size: 125%;
  color: #218606;
  }

div.printheader
  {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  display: none;
  }

img.toppic
  {
  border: solid black 1px;
  }

table.masthead td.left
  {
  padding-left: 8px;
  }

table.masthead td.right
  {
  padding-right: 16px;
  }

/*----------------------------------------------------------------*/
/* PAGE MAIN MENU                                                 */
/*----------------------------------------------------------------*/
div.menubar
  {
  background: #51b636;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  padding: 0px;
  }

div.mainmenu a, div.mainmenu a:visited
  {
  display: block;
  font-size: 80%;
  font-weight: bold;
  text-decoration: none;
  padding: 8px;
  margin: 0;
  border: 0;
  color: white;
  background: none;
  }

div.mainmenu a:active, div.mainmenu a:hover
  {
  color: white;
  background: #228822;
  }

/*----------------------------------------------------------------*/
/* PAGE DROP-DOWN MENU                                            */
/*----------------------------------------------------------------*/
div.dropdown
  {
  display: none;
  position: absolute;
  padding: 4px;
  border: solid #228822 1px;
  border-top: 0;
  background: #e1f4dd;
  width: 160px;
  }

div.dropdown a, div.dropdown a:visited
  {
  display: block;
  text-decoration: none;
  padding: 4px;
  color: #333333;
  font-size: 80%;
  background: none;
  }

div.dropdown a:active, div.dropdown a:hover
  {
  color: #333333;
  font-size: 80%;
  background: #7dd268;
  }

div.dropdown hr
  {
  color: #e1f4dd;
  background: #e1f4dd;
  height: 1px;
  border: 0;
  border-bottom: solid #228822 1px;
  }

/*----------------------------------------------------------------*/
/* PAGE BODY STRUCTURE AND GENERAL PURPOSE STYLES                 */
/*----------------------------------------------------------------*/
div.maincontainer
  {
  background: #e6f7e1;
  margin: 0px;
  padding: 0px;
  border: solid #e6f7e1 1px;
  min-height: 522px;
  }

div.main
  {
  border: solid #99bb99 1px;
  margin: 15px;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 50px;
  font-size: 90%;
  font-family: Arial,Helvetica,sans-serif;
  line-height: 150%;
  background: white url(/boxheadgreen.gif) top left repeat-x;
  min-height: 500px;
  }

body.homepage div.maincontainer
  {
  background: none;
  }

body.homepage div.main
  {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: medium;
  }

body.padded div.main
  {
  padding-right: 250px;
  }

div.title
  {
  font-size: 150%;
  color: #333333;
  font-weight: bold;
  padding-bottom: 4px;
  margin: 0px;
  }

div.boxtext
  {
  padding: 10px;
  padding-top: 0px;
  }

h1
  {
  font-weight: normal;
  margin-top: 4px;
  line-height: normal;
  font-size: 160%;
  }

h2
  {
  font-weight: normal;
  line-height: normal;
  font-size: 145%;
  }

td.photos img
  {
  border: solid #99bb99 1px;
  border-bottom: solid #446644 1px;
  border-right: solid #446644 1px;
  }

td.photos
  {
  padding-top: 8px;
  }

td.spacer
  {
  width: 16px;
  }

/*----------------------------------------------------------------*/
/* FOOTER                                                         */
/*----------------------------------------------------------------*/
div.footer
  {
  font-size: 80%;
  border-top: solid green 1px;
  padding-top: 10px;
  }

div.footer td.left
  {
  padding-left: 18px;
  }

div.footer td.right
  {
  padding-right: 18px;
  }

div.designerlabel
  {
  display: none;
  }

body.homepage div.designerlabel
  {
  display: inline;
  }

div.designerlabel a, div.designerlabel a:visited
  {
  color: black;
  text-decoration: none;
  }

/*----------------------------------------------------------------*/
/* FRONT PAGE                                                     */
/*----------------------------------------------------------------*/
table.frontpage
  {
  background: #e6f7e1;
  padding: 0px 5px 48px 5px ;
  margin: 0px;
  font-size: 90%;
  }

table.frontpage td
  {
  padding: 0px;
  border: solid #99bb99 1px;
  border-bottom: solid #446644 1px;
  background: white;
  }

div.boxtitle
  {
  background: url(/boxheadgreen.gif) top left repeat-x;
  margin: 0px;
  padding: 10px;
  font-size: 125%;
  color: #333333;
  font-weight: bold;
  margin: 0px;
  border-bottom: solid #99bb99 1px;
  }

/*----------------------------------------------------------------*/
/* SEARCH BOX                                                     */
/*----------------------------------------------------------------*/
input.searchbox
  {
  border: solid black 1px;
  background: white;
  width: 100px;
  margin: 0;
  padding: 2px;
  height: 14px;
  vertical-align: middle;
  }

input.searchbutton
  {
  width: 20px;
  height: 21px;
  margin: 0;
  border: 0;
  padding: 0;
  vertical-align: middle;
  }

div.searchresults a, div.searchresults a:visited
  {
  text-decoration: none;
  color: black;
  padding-bottom: 4px;
  }

div.searchresults a:active, div.searchresults a:hover
  {
  text-decoration: underline;
  color: red;
  }

div.searchresults p
  {
  line-height: normal;
  line-height: 200%;
  }

/*----------------------------------------------------------------*/
/* NEWS                                                           */
/*----------------------------------------------------------------*/
a.newsheadline
  {
  font-size: 10pt;
  }

span.newsintro
  {
  font-size: 9pt;
  }

/*----------------------------------------------------------------*/
/* Directory Page Styles                                          */
/*----------------------------------------------------------------*/
div.dirlist a, div.dirlist a:visited
  {
  color: black;
  text-decoration: none;
  }

div.dirlist a:active, div.dirlist a:hover
  {
  color: red;
  text-decoration: underline;
  }

div.dirlist td
  {
  padding-top: 4px;
  padding-bottom: 4px;
  border-bottom: dotted silver 1px;
  }

a.alpha, a.alpha:visited
  {
  min-width: 32px;
  padding: 4px;
  margin-top: 5px;
  color: black;
  background: white;
  border: solid black 1px;
  text-decoration: none;
  }

a.alpha:active, a.alpha:hover
  {
  color: black;
  background: #7dd268;
  text-decoration: none;
  }

div.alpha96
  {
  line-height: normal;
  font-size: 96pt;
  font-weight: bold;
  width: 160px;
  padding-bottom: 40px;
  border: solid #99bb99 1px;
  border-bottom: solid #446644 1px;
  border-right: solid #446644 1px;
  color: black;
  background: white;
  }

/*----------------------------------------------------------------*/
/* Input forms                                                    */
/*----------------------------------------------------------------*/
input.modern, textarea.modern
  {
  border: solid #99bb99 1px;
  background: #eeffee;
  width: 90%;
  }

/*----------------------------------------------------------------*/
/* Silent Links                                                   */
/*----------------------------------------------------------------*/
a.silent, a.silent:visited
  {
  color: black;
  text-decoration: none;
  }

a.silent:active, a.silent:hover
  {
  color: red;
  text-decoration: underline;
  }
  
 /*----------------------------------------------------------------*/
/* PRIVATE AREA STYLES                                            */
/*----------------------------------------------------------------*/

table.diarydates
  {
  border-collapse: collapse;
  width:100%;
  }

 table.diarydates td
  {
  padding:3px;
  }

 table.list td
  {
  padding:5px;
  }
 
 div.boxtitleprivate
  {
  background: url(/boxheadgreen.gif) top left repeat-x;
  margin: 0px;
  padding: 10px;
  font-size: 125%;
  color: #333333;
  font-weight: bold;
  margin: 0px;
  border-bottom: solid #99bb99 1px;
  border-top: solid #99bb99 1px;
  }

div.boxtextprivate
  {
  padding: 10px;
  padding-top: 0px;
  padding-bottom:25px;
  font-size: 90%;
  font-family: Arial,Helvetica,sans-serif;
  line-height: 150%;
  }
/*----------------------------------------------------------------*/
/* PRINT MODIFICATIONS                                            */
/*----------------------------------------------------------------*/
.printonly
  {
  display: none;
  }

@media print
  {
  .printonly
    {
    display: block;
    }
  }

.designerlabel
  {
  display: none;
  }