<!-- apbc.net skin
	colours used
	 deepest colour (banner head, hyperlinks etc):  #66394D
	 inner box header:                              #993360
	 inner box background:				white
	 news box background:                           #e5bfd0
	 lightest background colour:                    ivory
-->
  BODY {font-size:xx-small;}
  P {font-size: xx-small; font-family: Verdana, arial, helvetica, sans-serif; color: black}
  LI {font-size: xx-small; font-family: Verdana, arial, helvetica, sans-serif; color: black;margin-bottom:3px;}
  ul {margin-top:0px;}
  blockquote {margin-top:0px;margin-bottom:0px; margin-left:20px;color:#222;font-weight:400;}
  
  TD {font-size:xx-small;font-family:Verdana,arial,helvetica,sans-serif;color:black;}
  
  <!--
  TD#bottomNav {font-size: 60%; font-family: Verdana, arial, helvetica, sans-serif; color: black}
  TD#nav {border:0px;font-size: 70%; font-family: Verdana, arial, helvetica, sans-serif; color:white;background-color:#66394D}
  TD#right {font-size: 70%; font-family: Verdana, arial, helvetica, sans-serif; color: black;vertical-align:top;}
  TD#rightHdr {font-size: 90%; font-family: Verdana, arial, helvetica, sans-serif; color: white; text-align: center; font-weight: bold}
  TD#contact {font-size: 80%; font-family: Verdana, arial, helvetica, sans-serif;border-top:1px solid #66394D;line-height:150%}
  TD#rota {font-size: 80%; font-family: Verdana, arial, helvetica, sans-serif;border-top:1px solid #993360;border-right:1px solid #993360;}
  TD#contactHead {font-size: 70%; font-family: Verdana, arial, helvetica, sans-serif; color: white;background-color:#993360;}
  -->
  
  <!--navigation bar (topbar)-->
  .nav {border:0px;font-size: 50%; font-family: Verdana, arial, helvetica, sans-serif; color: white; text-align: right;background-color:#66394D; vertical-align:center;}
 
   <!--small text-->
  .small {font-size: 50%; font-family: arial, helvetica, sans-serif; color: black; text-align: center;}

   <!--right-side navigation-->
  .right {font-size: 50%; font-family: arial, helvetica, sans-serif; color: black; text-align: center; border-top:1px solid red;}

  A:link {text-decoration: underline; font-weight: bold; color: #66394D}
  A:visited {text-decoration: underline; font-weight: bold; color: #66394D}
  A:hover {text-decoration: underline; font-weight: bold; color: #66394D;background-color:beige;}
  A:active {text-decoration: underline; font-weight: bold; color: #66394D} 
  
  H1 {font-size: 200%; font-family: Verdana, arial, helvetica, sans-serif; color: #66394D; text-align: center;}
  H2 {font-size: 150%; font-family: Verdana, arial, helvetica, sans-serif; color: #66394D; text-align: left;}
  H3 {font-size: 120%; font-family: Verdana, arial, helvetica, sans-serif; color: black; text-align: left;}
  H4 {font-size: 110%; font-family: Verdana, arial, helvetica, sans-serif; background-color: #66394D;color:white text-align: left;line-height:100%;}  
  H5 {font-size: 90%; font-family: Verdana, sans-serif; font-weight: bold; color: #66394D; text-align: left;}
  H6 {font-size: 80%; font-family: Verdana, arial, helvetica, sans-serif; color: black; text-align: left;}

  ADDRESS {font-size: 60%; font-family: arial, helvetica, sans-serif; color: black; text-align: center;}
  
  <!-- apbc.net styles -->
  .sidebar {color:white; text-decoration:none; border-top:1px solid #66394D;border-top:1px solid #66394D;font-family:Verdana;}
  .sidebar:link {color:white; text-decoration:none;}
  .sidebar:visited {color:white; text-decoration:none;}
  .sidebar:hover {color:yellow; text-decoration:none;background-color:#66394D;}
  .sidebar:active {color:white; text-decoration:none;}
  .sidebarHighlight {border:solid 1px #e5bfd0; color:white; text-decoration:none;}
  .sidebarHighlight:link {border:solid 1px #e5bfd0; color:white; text-decoration:none;}
  .sidebarHighlight:hover {border:solid 1px #e5bfd0; color:white; text-decoration:none;}
  .sidebarHighlight:visited {border:solid 1px #e5bfd0; color:white; text-decoration:none;}
    
  .mainTable {border:solid 1px #66394D;background-color:ivory;width:100%;padding:0px;}

  .navTable {background-color:#66394D;width:100%;height:20;vertical-align:center;color:white;border:0px;}

  .pageHeader {font-size:150%;font-family:Verdana;color:#993360;text-align:left;font-weight:bold;}
  .strapline {font-size:50%;font-family:Verdana;color:gray;text-align:left;padding-left:10px;}
  
  .newsTable {border:solid 1px #66394D;margin:0;padding:0;background-color:#e5bfd0;width:250;vertical-align:top;}
  .newsTableWide {border:solid 1px #66394D;margin:0;padding:0;background-color:#e5bfd0;width:350;vertical-align:top;}
  .newsList {overflow:auto;height:400;scrollbar-base-color:#e5bfd0;}
  .newsListNoScroll {scrollbar-base-color:#e5bfd0;}
  .newsTitle {color:#66394D;}
  .newsTableHeader {background-color:#66394D;color:white;font-weight:bold;width:100%;vertical-align:top;}
  .newsInnerBox {margin-left:10px;margin-bottom:5px;margin-top:5px;}
  .newsBox {margin:5px;}
  .newsBoxWithLines {margin:5px;border-bottom:1px solid #66394D;}

  .loginTable {border:solid 1px #66394D;margin:0;padding:0;background-color:white;width:250;vertical-align:top;}
  .loginTableHeader {background-color:#66394D;color:white;font-weight:bold;width:100%;vertical-align:top;}
  .loginBox {font-size:80%;margin:5px;}
  .formInput {font-size:8pt;}
  .formInputBox {font-size:8pt;border:solid 1px #66394D;}
  
  DIV#commentBox {background-color:ivory;}

  
  .textBox {color:#66394D;height:70px;margin-top:10px;}

  .innerBox {border:solid 1px #993360;margin:0;padding:0;background-color:white;vertical-align:top;}
  .innerBoxNoBorder {margin:0;padding:0;background-color:white;vertical-align:top;}
  .innerBoxNoBorderTransp {margin:0;padding:0;vertical-align:top;}
  .innerBoxSmall {border:solid 1px #993360;margin:0;padding:0;background-color:white;vertical-align:top;}
  .innerBoxHeader {background-color:#993360;color:white;width:100%;padding-left:0px;font-weight:bold;vertical-align:top;}
  
  .calendarHeader {font-weight:bold;color:#66394D;vertical-align:top;}
  .calendarHeaderTop {background-color:#e5bfd0;}
  .calendarToday {background-color:#66394D;color:white;}
  .calendar {background-color:white;font-size:100%;}
  .calendarTable {background-color:white;border:1px solid #66394D;align:center;vartical-align:top;}
  
  .validError{background-color:yellow;color;red;}
  .formField {font-size:8pt}
  
  .tooltip{color: #9F141A;cursor: help;text-decoration: none;}
  .link{color:#66394D;text-decoration:underline;cursor:pointer;}
  .rightlink{color:#66394D;text-decoration:underline;cursor:pointer;text-align:right;}
  .newsLink{font-size:8pt;font-weight:normal;}
  .popup{top:200; 
	right:50; 
	width: 200px; 
	height: 110px;
	overflow: auto;
	padding: 0;
	position: absolute;
	z-index: 2; 
	color: #66394D;
	background-color:white;
	border:1px solid #66394D;
	font-size:80%;
	}
  .spacer{height:5;width:10;}
  .imgLeft{float:left;padding-right:0.5em;}
  .imgRight{float:right;padding-right:0.5em;}
  
  .jQimg {text-align:center;margin-top:20px;}
    
  
  <!-- Blog styles -->
  .large {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #000000;}
  .normal {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; color: #000000;}
  .small {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #000000;}
  .calhead {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; color: white;}
  .smallcalhead {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: white;}

  .largeTitle {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: white;}
  .normalTitle {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; color: white;}
  .smallTitle {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: white;}
  
  .blog_title {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #66394D;}
  .blog_body {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color: #000000;}
  .comment_body {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color: #000000;}
  
  .list_title {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: white;}
  .list_date {font-family: Tahoma, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; font-weight:normal; color: #000000;}
  
  input.text{
  	color:black;
  	background:white;
  	border:1px solid;
  	font-family:Tahoma,Verdana,Arial,Helvetica;
  	font-size:12px;
  	padding-left:2px;
  	padding-right:2px;
  }
  
  
  textarea.text{
  	color:black;
  	background:white;
  	border:1px solid;
  	font-family:Tahoma,Verdana,Arial,Helvetica;
  	font-size:12px;
  	padding-left:2px;
  	padding-right:2px;
  }
  
  input.button{
  	color:black;
  	background:#cccccc;
  	border:1px outset;
  	font-family:Tahoma,Verdana,Arial,Helvetica;
  	font-size:12px;
  	font-weight:bold;
  	padding-left:2px;
  	padding-right:2px;
}

<!-- CSS shadows for table boxes -->
.shadowbox1 {position: absolute;
	background: url(shadowdark.gif) repeat;
	top: 40px;
	left: 5%;
	width: 45%}

.shadowboxfloat {margin: 4px 0px 0px 5px;
	background: url(shadowdark.gif) repeat;
	//background-color:green;
	width: 50%; 
	position: relative; /*IE needs this to show float properly*/
	float: left}

.shadowcontent, .shadowcontent2 {position: relative;
	padding: 10px; 
	top: -5px; /* these two define the shadow 'offset'*/
	left: -5px; /*...*/
	background: #C4E1C7;
	color: black;
	border: 1px solid #2E595C}	

.shadowcontent2 {background: #CEE6D0}