body {background:#efefef url(graphics/background.gif) repeat; font-family: verdana,arial,helvetica,sans-serif; font-size: 90%; }


span.bglogo {z-index:9; position:relative; left:0; }  /* Trial of Frog Lane background logo */
img.bglogo {z-index:9; position:relative; left:0; }


/* p, h1, h2, h3, h4, h5, h6 { font-family: serif} */
h2 { text-align: center; }

p.article:first-letter { font-size: 200%; float: left }
p.author { font:normal 80% verdana,arial,helvetica,sans-serif;color:#666666 }
.comment { font:normal 75% verdana,arial,helvetica,sans-serif }
p.picture { font:normal 80% verdana,arial,helvetica,sans-serif }
p.access   { font-size: 130% }
span.accesskey  { text-decoration: underline } /* Underline Accesskeys Home and Site Accessibility */
/* span.accesskeyx { text-decoration: none }      /* Extended Accesskey underlining disabled - Not necessary (upsets top/bottom a:hover lines) */

.contents { font-size: 110%; }
.contents a:link    { text-decoration: none; }
.contents a:visited { text-decoration: none; }
.contents a:hover   { text-decoration: underline overline; color: black; background-color: #f0f0f0; font-size: 110%; }
.contents a:active  { text-decoration: none; }


td.footer-links { font-size: 80% }

.std_list { list-style-type:none; list-style-position:outside; position:relative; }
.std_list li { background:url(../graphics/bullet.gif) no-repeat 0 2px; padding-left:15px; display:list-item; position:relative; }

.num_list_spaced { padding-left:65px; line-height:150%; }

img.center {display: block;
    margin-left: auto;
    margin-right: auto }

li.small_bullet {  font:normal 80% verdana,arial,helvetica,sans-serif;
                      position:relative;
                      left: -10px;
                      top:  -5px }


.page_edge_ul {
   width:  30px;
   height: 30px;
   border:  0
}

.page_edge_top {
   width: 100%;
   height: 30px;
   BACKGROUND-IMAGE: url(graphics/frame/page_edge_top.gif); 
   layer-background-image: url(graphics/frame/page_edge_top.gif)
}

.page_edge_ur {
   width:  20px;
   height: 30px;
   border:  0
}

.page_edge_left {
   width: 20px;
   BACKGROUND-IMAGE: url(graphics/frame/page_edge_left.gif);
   layer-background-image: url(graphics/frame/page_edge_left.gif)
}

.page_edge_right {
   width:  10px; 
   height: 10px;
   BACKGROUND-IMAGE: url(graphics/frame/page_edge_right.gif); 
   layer-background-image: url(graphics/frame/page_edge_right.gif)
}

.page_edge_bottom {
   height: 20px;
   BACKGROUND-IMAGE: url(graphics/frame/page_edge_bottom.gif); 
   layer-background-image: url(graphics/frame/page_edge_bottom.gif)
}

.article_edge_ul {
   width:  10px; 
   height: 10px; 
   background-repeat: no-repeat;
   BACKGROUND-IMAGE: url(graphics/frame/article_edge_ul.gif); 
   layer-background-image: url(graphics/frame/article_edge_ul.gif)
}

.article_edge_top {
   height: 10px;
   background-repeat: repeat-x;
   BACKGROUND-IMAGE: url(graphics/frame/article_edge_top.gif); 
   layer-background-image: url(graphics/frame/article_edge_top.gif)
}

.article_edge_ur {
   width:  10px; 
   height: 10px; 
   background-repeat: no-repeat;
   BACKGROUND-IMAGE: url(graphics/frame/article_edge_ur.gif); 
   layer-background-image: url(graphics/frame/article_edge_ur.gif)
}

.article_edge_left {
   width:  10px; 
   height: 10px; 
   background-repeat: repeat-y;
   BACKGROUND-IMAGE: url(graphics/frame/article_edge_left.gif); 
   layer-background-image: url(graphics/frame/article_edge_left.gif)
}

.article_edge_right {
   width:  10px; 
   height: 10px; 
   background-repeat: repeat-y;
   BACKGROUND-IMAGE: url(graphics/frame/article_edge_right.gif); 
   layer-background-image: url(graphics/frame/article_edge_right.gif)
}

.article_edge_ll {
   width:  10px; 
   height: 10px; 
   background-repeat: no-repeat;
   BACKGROUND-IMAGE: url(graphics/frame/article_edge_ll.gif); 
   layer-background-image: url(graphics/frame/article_edge_ll.gif)
}

.article_edge_bottom {
   height: 10px; 
   background-repeat: repeat-x;
   BACKGROUND-IMAGE: url(graphics/frame/article_edge_bottom.gif); 
   layer-background-image: url(graphics/frame/article_edge_bottom.gif)
}

.article_edge_lr {
   width:10px; 
   height: 10px; 
   background-repeat: no-repeat;
   BACKGROUND-IMAGE: url(graphics/frame/article_edge_lr.gif); 
   layer-background-image: url(graphics/frame/article_edge_lr.gif)
}


.dataTable {
	font-size : 80%;
	border : 1px solid black;
	margin : 1em auto 1em auto;
	border-collapse : collapse;
	empty-cells: show
}


.dataTable TH{
        background-color : #3399FF;
	font-weight : bold;
	padding : 2px 8px 2px 8px;
	vertical-align : top;
	text-transform: uppercase;
	border : 1px solid black;
}


.dataTable TD{
	background-color : #0066ff;
	padding : 2px 8px 2px 8px;
	vertical-align : top;
        color : #333333;
	border : 1px solid black;
	border-collapse : collapse;
	text-align : left
}

.dataTable .a TD{
	background-color : #44ddff;
	padding : 2px 8px 2px 8px;
	vertical-align : top;
        color : #333333;
	border : 1px solid black;
	border-collapse : collapse;
	text-align : left
}

.dataTable .b TD{
	background-color : #11ccff;
	padding : 2px 8px 2px 8px;
	vertical-align : top;
        color : #333333;
	border : 1px solid black;
	border-collapse : collapse;
	text-align : left
}

/*  DataTable2 - for the Events.php list table */
.dataTable2 {
	font-size : 90%;
	border : 1px solid black;
	margin : 1em auto 1em auto;
	border-collapse : collapse;
	empty-cells: show
}


.dataTable2 TH{
        background-color : #3399FF;
	font-weight : bold;
	padding : 2px 8px 2px 8px;
	vertical-align : top;
	text-transform: uppercase;
	border : 1px solid black;
}


.dataTable2 TD{
	background-color : #f5f5f5;
	padding : 2px 2px 2px 2px;
	vertical-align : top;
        color : #333333;
	border : 1px solid black;
	border-collapse : collapse;
	text-align : left
}

.dataTable2 .a TD{
	background-color : #44ddff;
	padding : 2px 8px 2px 8px;
	vertical-align : top;
        color : #333333;
	border : 1px solid black;
	border-collapse : collapse;
	text-align : left
}

.dataTable2 .b TD{
	background-color : #11ccff;
	padding : 2px 8px 2px 8px;
	vertical-align : top;
        color : #333333;
	border : 1px solid black;
	border-collapse : collapse;
	text-align : left
}



.BiblioTable {
	border : 1px solid black;
	margin : 1em auto 1em auto;
	border-collapse : collapse;
	empty-cells: show
}


.BiblioTable TH{
	font-size : 80%;
        background-color : #D7D7D7;
	font-weight : bold;
	padding : 2px 8px 2px 8px;
	vertical-align : top;
	text-transform: uppercase;
	border : 1px solid black;
}


.BiblioTable TD{
	font-size : 70%;
	background-color : #f5f5f5;
	padding : 2px 8px 2px 8px;
	vertical-align : top;
        color : #333333;
	border : 1px solid black;
	border-collapse : collapse;
	text-align : left
}


/* To show enlarged picture - New simpler format */

div.img_jump, div.img_jump_vert
  {
  margin: 2px;
  border: 1px solid #0000ff;
  width: auto;
  height: auto;
  float: left;
  text-align: center;
  margin: 7px;
  }

div.img_jump img
  {
  margin: 3px;
  border: 1px solid #ffffff;
  width:  150px;
  height: 112px;
  }

div.img_jump_vert img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  width:  112px;
  height: 150px;
  }
  
div.img_jump a:hover img, div.img_jump_vert a:hover img
  {
  border: 1px solid #0000ff;
  width: auto;
  height: auto;
  }

div.desc
  {
  font-size: 85%;
  text-align: center;
  font-weight: normal;
  width: auto;
  margin: 1px;
  }

div.desc-sml
  {
  font-size: 85%;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
  width: auto;
  margin: 1px;
  }

div.img_jump a:hover div.desc-sml, div.img_jump_vert a:hover div.desc-sml
  {
  display: none;
  }

div.desc-big
  {
  display: none;
  font-size: 85%;
  text-decoration: none;
  text-align: justify;
  font-weight: normal;
  margin: 1px;
  }

div.img_jump a:hover div.desc-big
  {
  display: block;
  width: 410px;
  }

div.img_jump_vert a:hover div.desc-big
  {
  display: block;
  width: 310px;
  }



@media print {     
   body {
      font-size: 10pt;         
      font-family: "times new roman", times, serif;     
   }     
   
   #navigation {         
      display: none;     
   } 
}