body {
    background-image: url(images/th12bb05.gif);
    background-color: #FFF8FE;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.topheader {
	position: absolute;
	top: 0;
	left: 0px;
	width: 760px;
	border: 0 0 0 0;
	padding: 0 0px 0 0;
	margin: 0 0 0 0;
        /*background-image: url(images/th12bb05.gif);*/
	background-color: #ffffff;
        /*
	*/
}

.topheader h1 {
	margin:0px 0 0 0; 
	padding:0 0px 0 0; 
	font-size:8pt; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	line-height: 17pt; 
	text-align:right; 
}

#container {
	position: relative;
	top: 18px;
	left: 20px;
        /*
	background-color: black;
	*/
        background-color: #DEEEFF;
        /*background-image: url(images/th12bb05.gif);*/
	width: 740px;
	/* 0 pixel border */
	border: 0 0 0 0;
	/* 0 pixel padding (top,right,bot,left) */
	padding: 0 0 0 0;
	/* 0 pixel margin (top,right,bot,left) */
	margin: 0 0px 0 0;
	overflow: hidden;
}

#headers {
/*
	background-color: #ffffff;
*/
	float: left;
	width: 740px;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
        overflow: hidden;
}

#logo {
/*
        background-color: orange;
*/
	position: relative;
	top: 0;
	left: 160px;
	width: 315px;
	height: 118px;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
}

#logoprint {
	width: 100%;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
}

#banner {
/*
        background-color: purple;
*/
	position: relative;
	top: 0;
	left: 0px;
	width: 740px;
	height: 20px;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
}

#column_l {
/*
*/
        background-color: #DEEEFF;
	clear: left;
	float: left;
	width: 160px;
	border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
}

#content {
/*
*/
        background-color: #DEEEFF;
	float: left;
	width: 400px;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	padding: 0 0px 0 0px;
	margin: 0 0 0 0;
	overflow: hidden;
}

#gall {
/*
*/
        background-color: #DEEEFF;
	float: left;
	width: 570px;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	padding: 0 0px 0 0px;
	margin: 0px 5px 0px 5px;
	overflow: hidden;
}

#column_r {
/*
*/
        background-color: #DEEEFF;
	float: left;
	width: 170px;
	border: 0;
	padding: 0 0px 0 0px;
	margin: 0 5px 0 5px;
	overflow: hidden;
}

#foot {
	clear: left;
	width: 740px;
	border: 0 0 0 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
        /*background-image: url(images/th12bb05.gif);*/
        background-color: #DEEEFF;
}

a:link {
        text-decoration: none;
}
a:visited {
        text-decoration: none;
}
a:hover {
        text-decoration: none;
}
a:active {
        text-decoration: none;
}

.style1 { font-size: 64px;
	color: #660033;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
}
.style2 {font-size: 36px}
.style4 {font-size: 16px}
.style5 {font-size: 6px}

.text {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
}

.textCenter {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.quotation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

h1 {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
}

h2 {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

h3 {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

.heading {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}

.contactheading {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	text-align: right;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:5px;
}

.contactdetails {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 10px;
	text-align: left;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:5px;
}


.hometext {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
}
.homeheading {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
}

.morebutton {
	margin-left: 10px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.form_text {
	vertical-align: middle;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.form_fields {
	width: 152px;
	vertical-align: top;
	border: solid #721d0A;
	border-color: #E2C897;
}
.form_button {
	background-color: #FFFFFF;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	color: #000000;
	border: solid;
	border-color: #E2C897;
}
.navbar {
	padding: 0px; 
	margin: 0px 0px 5px 0px; 
	border-bottom: solid 1px #ccc;
        font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
        font-size: 10px;
}

td.navbar {border: solid 1px #ededcd; padding:10px}

td.map {
    background-image: url(images/ES2.JPG);
    background-color: #F6F1EB;
}

td.back {
    /*background-image: url(images/th12bb05.gif);*/
    background-color: #FFF8FE;
}

td.gallery a:link img {border-width: medium; border-style: inset; border-color: #F6F1EB; }
td.gallery a:visited img {border-width: medium; border-style: inset; border-color: #F6F1EB; }
td.gallery a:hover img {border-width: medium; border-style: inset; border-color: #721d0a; }
td.gallery a:active img {border-width: medium; border-style: inset; border-color: #F6F1EB; }
td.gallery a img {border-width: medium; border-style: inset; border-color: #F6F1EB; }

td.sideimage a:link img {border-width: 3px; border-style: inset; border-color: #E7D6AB; }
td.sideimage a:visited img {border-width: 3px; border-style: inset; border-color: #E7D6AB; }
td.sideimage a:hover img {border-width: 3px; border-style: inset; border-color: #721d0a; }
td.sideimage a:active img {border-width: 3px; border-style: inset; border-color: #E7D6AB; }
td.sideimage a img {border-width: 3px; border-style: inset; border-color: #E7D6AB; }

table.biogtable {
	vertical-align: middle;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
    	border: solid #000 2px;
    	width: 400px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}

table.biogtable td {
    padding: 10px;
    border: solid grey 1px;
}

.biogpic {
    font-weight: normal;
    text-align: left;
    width: 118;
}

.biogtext {
    font-weight: normal;
    text-align: left;
    width: 282;
}


table.timetable {
	vertical-align: middle;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
    	border: solid #000 1px;
    	width: 413px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}

table.timetable td {
    padding: 2px;
    border: solid #000 1px;
}

.toprow {
    font-style: bold;
    text-align: center;
    background-color:#F1E5CF;
    empty-cells: show;
}

.datecol {
    font-weight: normal;
    text-align: left;
    width: 125px;
    empty-cells: show;
}

.data {
    font-weight: normal;
    text-align: left;
    width: 163px;
    empty-cells: show;
}

table.picturetable {
	vertical-align: middle;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
    	border: 0;
    	width: 560px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 0 0 0 0;
}

table.picturetable td {
    margin: 2px 2px 2px 0;
    border: 0;
}

.infocol {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    width: 423px;
}

.pictcol {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    width: 163px;
}



a {font-weight: bold; background: transparent; text-decoration: none;}
a:link {color: #46b;}
a:visited {color: #46b;}
a:hover {color: #f00; text-decoration: underline;}
a:active {color: #f00; text-decoration: underline;}
a.navbar {margin-left: 0px; font-size: 11px; font-weight: bold}
a:link.navbar {color: #721;}
a:visited.navbar {color: #721;}
a:hover.navbar {color: #f00; text-decoration: underline;}
a:active.navbar {color: #f00; text-decoration: underline;}
a:link.menuoff {color: #A10002;}
a:visited.menuoff {color: #A10002;}
a:hover.menuoff {color: #f00; text-decoration: underline;}
a:active.menuoff {color: #f00; text-decoration: underline;}
a:link.menuon {color: #f00;}
a:visited.menuon {color: #f00;}
a:hover.menuon {color: #f00; text-decoration: underline;}
a:active.menuon {color: #f00; text-decoration: underline;}
a:link.menuoff2 {color: #A10002;}
a:visited.menuoff2 {color: #A10002;}
a:hover.menuoff2 {color: #f00; text-decoration: underline;}
a:active.menuoff2 {color: #f00; text-decoration: underline;}
a:link.menuon2 {color: #f00;}
a:visited.menuon2 {color: #f00;}
a:hover.menuon2 {color: #f00; text-decoration: underline;}
a:active.menuon2 {color: #f00; text-decoration: underline;}

#footer{
	/*
        background-image: url(images/th12bb05.gif);
        background-color: #FFF8FE;
	*/
	clear: both;
	padding:0 0 0 0;
	border: 0 0 0 0;
	margin: 0 auto 0 270px;
	height: 32px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#footer a{font-weight:normal !important;text-decoration:none;font-size:9px;color:#000;padding-right:0.5em;border-right:1px solid #000;line-height: 150%}
#footer a:hover{text-decoration:underline;}
#footer a.lastFooterItem{border:none !important;}

ul.sitemap {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 10px;
	list-style: none;
}

.bodylist {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	list-style-position: outside;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
}

dt.bodylist {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
}

.backG {
	FONT-FAMILY:verdana;
	background-color:#93c39b; 
	color:#ffffff; 
	border-bottom:#538c4d 2px solid;
	font-size:12px;
}	
td.form1
{
	FONT-FAMILY:verdana;
	background:#eaeaea;
	font-size:12px;
}

/*
   menuon,off,on2,off2 are the classes to be incorporated
   into the menuStyle4 and 5 styles use by the navigation
   menu
*/

.menuon
{
	padding-top:0px;
	padding-right:3px;
	padding-bottom:0px;
	padding-left:0px;
        margin: 8px 5px 1px 5px;
	border-color:#296488;
	border-style:solid;
	border-width:0;
        border-bottom: solid 1px #ccc;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	background-color:#F1E5CF;
	color:#FF0000;
	text-decoration:underline;
	text-align:right;
}
.menuoff
{
	padding-top:0px;
	padding-right:3px;
	padding-bottom:0px;
	padding-left:0px;
        margin: 8px 5px 1px 5px;
	border-color:#296488;
	border-style:solid;
	border-width:0;
        border-bottom: solid 1px #ccc;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
        background-color: #DEEEFF;
	color:#A10002;
	text-decoration:none;
}

.menuon2
{
	padding-top:0px;
	padding-right:3px;
	padding-bottom:0px;
	padding-left:0px;
        margin: 8px 5px 1px 5px;
	border-color:#296488;
	border-style:solid;
	border-width:0;
        border-bottom: solid 1px #ccc;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
	background-color:#F1E5CF;
	color:#FF0000;
	text-decoration:underline;
	text-align:right;
        opacity: 0.9;
}
.menuoff2
{
	padding-top:0px;
	padding-right:3px;
	padding-bottom:0px;
	padding-left:0px;
        margin: 8px 5px 1px 5px;
	border-color:#296488;
	border-style:solid;
	border-width:0;
        border-bottom: solid 1px #ccc;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:bold;
        background-color: #DEEEFF;
	color:#A10002;
	text-decoration:none;
        opacity: 0.9;
}

.imgLeft {
	vertical-align:baseline;
	text-align: left;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.imgRight {
	vertical-align:baseline;
	text-align: right;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.imgEmail {
	vertical-align:middle;
	text-align: left;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.gallery_table {
	display: table;
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
	margin-left: 10px;
	margin-top: 10px;
}

/* default indent for li items in lists */
li { margin-left:20px;}

/* these are the menu styles for the milonic
   navigation menu defined in include/mymenu.js.
   The styles are created by javascript based on
   the parameters in there. The reason to define
   them here is to turn off bullets so that 
   javascript enabled browsers can render the
   unnumbered list invisible. Also to reduce
   the indent to take up less space in non-js
   browsers */

.menuStyle4 {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.menuStyle5 {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/*
  Styles for turning off things for print
  Use a div with class="printonly" for
  something you only want to print, or
  class="noprint" for something you don't
  want to print.
*/

.noprint{
   display: block;   }
.printonly{
   display: none;   }

@media print{
   .printonly{
      display: block;      }
   .noprint{
      display: none;      }
   .topheader {
      position: static;
      display: none;      }
   #container {
        position: static;
/*
	position: relative;
	top: 0;
	left: 0;
*/
	width: 100%;
        overflow: visible;
	background-color: white;
        background-image: none;
   } 
   #headers {
      position: static;
      float: none;
      width: 100%;
   }
   #column_l {
      position: static;
      float: none;
      display: none;      }
   #content { 
      position: static;
      float: none;
      overflow: visible;
      width: 95%; }
   #gall { 
      position: static;
      float: none;
      overflow: visible;
      width: 95%; }
   #column_r {
      float: none;
      display: none;      }
   #footprint {
	position: static;
	width: 100%;
	border: 0 0 0 0;
	padding: 0 0 0 0;
	margin: 10px 0 5px 0;
	background-color:white;
	background-image: none;
   }
   h1 {
	font-size: 12pt;
	margin-top: 10px;
	margin-bottom: 5px;
   }
   h2 {
	font-size: 11pt;
	margin-top: 10px;
	margin-bottom: 5px;
   }
   .homeheading {
	font-size: 12pt;
	margin-top: 10px;
	margin-bottom: 5px;
   }
   .heading {
	font-size: 12pt;
	margin-top: 10px;
	margin-bottom: 5px;
   }
   .contactheading {
	font-size: 12pt;
	margin-top: 10px;
	margin-bottom: 5px;
   }
   h3 {
	font-size: 10pt;
	margin-top: 8px;
	margin-bottom: 5px;
   }
   .text {
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 5px;
   }
   .textCenter {
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 5px;
   }
   .contactdetails {
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 0px;
   }
   .hometext {
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 5px;
   }
   .form_text {
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 5px;
   }
   table.biogtable {
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 5px;
   }
   table.timetable {
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 5px;
   }
   ul.sitemap {
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 5px;
   }
   .bodylist {
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 5px;
   }
   dt.bodylist {
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 5px;
   }
   table.picturetable {
	font-size: 10px;
    	width: 100%;
   }
   .infocol {
       width: 100%;
   }
   .pictcol {
       width: 0;
       display: none;
   }
 }