body{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:10pt;  margin:0;  background-color:#CCCC99;  }
.smaller{ font-size:8pt; }
.titlebar{ background-color:#9C9CCE; width:100%;}
.searchbar{ background-color:#CCCCFF; width:100%; text-align:right; padding:1px 0px 1px 0px;}
.newsbar{ background-color:#D8CBBA; color:#FFFFFF; width:100%;  padding:1px 0px 1px 5px;}
.sidebar{ padding:25px 10px 10px 0px; width:130px; float:left; display: inline; background-color:#CCCC99;}
/* container has a background gif for faux columns in the sidebar */
.container{width:972px; margin:auto;   }
.header{width:972px; margin:auto;}
.header img{margin-left:125px; width:100%; max-width:500px;}

 /* for Internet Explorer 6 min-height hack*/
/*\*/
* html .maincontent {
height: 360px;
}
/**/

.maincontent{ border-style:solid; border-width:1px; border-color:#666666; padding:25px 10px 10px 10px; margin-left:140px; background-color:#fff; min-height:360px;   overflow:auto; } 
.footer{background-color:#999966; clear:both; margin:10px auto 0 auto; width:830px; padding:5px 0 ; color:#FFFFFF; font-size: 8pt; font-weight:bold;  float:right; border-style:solid; border-width:1px; border-color:#666666; text-align:center;}
.spacebox{ padding: 25px 10px}
hr{ border:0; color:#999966; background-color:#999966; height: 3px;}
hr#wee{ height: 2px;}
.hrwee{ border:0; color:#999966; background-color:#999966; height: 2px;}/* *** for validation *** */
h1{ font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
h2{ font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase;}
h3{ color:#ffffff; background-color:#999966; padding:2px;}

#ethics{  margin-left:20px; float:right;}
#faqs{   float:right;  margin:0 0 10px 10px;}


.pagetitle{ font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight:bold; font-size:15pt;  padding:17px 0 9px 0; 
/* font-size:20pt;  padding:17px 0 11px 0; THESE SIZES ARE THE SAME AS AN H1 HEADER */
/* font-size:15pt;  padding:17px 0 9px 0;  THESE SIZES ARE THE SAME AS AN H2 HEADER */}


/* ***************  default links ******************* */
a:link{ color:#63652B; text-decoration:underline; font-size:9pt;}
a:visited{color:#63652B; text-decoration:underline;}
a:hover{color:#FC6610; text-decoration:underline; }
a:active{color:#FC6610; text-decoration:underline;}

/* ********** navigation buttons *********** */
.buttons{}
		
a:link.buttons , a:visited.buttons{

border-width: 1px; border-style:solid;
border-color: #63652B;
width: 125px;
background: #999966;
text-decoration:none;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
float:right;
padding:2px; 
margin-bottom:5px;
}

a:hover.buttons , a:active.buttons
{
background: #63652B;
color:#ffffff;
}

#hover.buttons /* the # makes it an id identifier. using this for the php bit */
	{  background: #63652B;
color:#ffffff;}
/* ********** subgroup buttons *********** */
a:link.sub , a:visited.sub{ border-width: 1px 0 1px 1px; border-style:solid;
border-color: #63652B;
width: 125px;
background: #EDE2D5;
text-decoration:none;
color:#927D6C;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
float:right;
padding:2px; 
margin-bottom:5px;}

a:hover.sub , a:active.sub
{
background: #927D6C;
color:#ffffff;
}

#hover.sub /* the # makes it an id identifier. using this for the php bit */
	{  background: #927D6C;
color:#ffffff;}

/* ********** table borders *********** */

.colourtable, .colourtable td{  border-collapse:collapse;
border: solid 1px  #9C9CCE; /*outside border*/
}

/* ***************  more links ******************* */
.morelink{ color:#9BB3E9; text-decoration:none; font-weight:bold;}
a:link.morelink{color:#9BB3E9; text-decoration:none;}
a:visited.morelink{color:#9BB3E9; text-decoration:none;}
a:hover.morelink{color:#FC6610; text-decoration:none; }
a:active.morelink{color:#FC6610; text-decoration:none;}
/* ***************   ******************* */

/* ***************  footer links ******************* */
.footerlink{ color:#ffffff; text-decoration:none; font-weight:bold; font-size:8pt;}
a:link.footerlink{color:#ffffff; text-decoration:none;}
a:visited.footerlink{color:#ffffff; text-decoration:none;}
a:hover.footerlink{color:#63652B; text-decoration:none; }
a:active.footerlink{color:#63652B; text-decoration:none;}

/* ***************  linkslink links ******************* */

a:link.linkslink, a:visited.linkslink {font-weight:bold; font-size:8pt; background-color:#D8CBBA; padding:1px 10px; width:90%; color: #370000; text-decoration : none;  display:block; }
a:hover.linkslink, a:active.linkslink { font-weight:bold;  font-size:8pt; background-color:#927D6C; padding:1px 10px; width:90%; color :#ffffff; text-decoration : none;  display:block; 
}
/* ***************   ******************* */

.red{ color:#FF0000}


/* ***************  calendar table  ******************* */
.caltable, .caltable th, .caltable td {
	border-collapse:collapse;
border: solid 1px  #9C9CCE; padding:3px;
}

/* the month and year header */
.caltable caption {
	font-size: 12pt; padding:5px;
}

/* day cells with events */
.caltable td.event {
	color: #999999;
	background-color:#cccccc;
}
/* ***************  end calendar table  ******************* */

/* ***************  title in shop  *************** */
.title{ background-color:#D8CBBA; padding:2px 0 2px 10px; font-weight:bold; color:#FFFFFF;}

.hide{ display:none;}

/* ***************  marquee links ******************* */
.marquee {}
a:link.marquee, a:visited.marquee {font-weight:bold; font-size:8pt;  padding:1px 10px;  color: #91BBE1; text-decoration : none;  }
a:hover.marquee, a:active.marquee { font-weight:bold;  font-size:8pt; background-color: #FF6600; padding:1px 10px;  color :#ffffff; text-decoration : none; 
}

 /* ***************  skipnav links ******************* */
.skipnav { text-align: left; }
.skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; }


#map{float:left; width:50%; max-width:445px;  margin:0 auto 20px auto; text-align:center}
#contact{   float:left; width:50%; }
@media screen and (max-width: 768px) {
.sidebar ,  .notcell {display:none;}
.cellonly{ display: inline-block;}
#ethics, #faqs{ margin:auto 10px; padding:10px 0; float:none;}
#map{  float:left; width:100%;}
#contact{   float:right; width:100%; margin-bottom:25px;}
.container{width:100%; margin:auto;  box-sizing: border-box;  } 
.header{width:100%; margin:auto; padding:10px; box-sizing: border-box;}
.header img{margin:auto;}
.maincontent{ width:100%; margin:auto; padding:10px; box-sizing: border-box;} 
.footer{width:100%; margin:auto; padding:10px; box-sizing: border-box;} 
.navbarcontainer{width:100%; margin:auto;}
}