html, body
{
  color: rgb(110,123,139);
  background-color:white;
  padding:0; margin:0;
  font: 0.95em Verdana, Arial, Helvetica, sans-serif;
  min-width: 640px;
  max-width: 1280px;
}



/* default link formatting.  How the links are styled unless otherwise defined. */			
a:link 		{ color: rgb(37,66,255); text-decoration: none; }
a:visited 	{ color: rgb(37,66,255); text-decoration: none;}	/* purple colour */
a:focus	 	{ color: rgb(91,91,91); }
a:hover 	{ color: rgb(91,91,91); }
a:active 	{ color: rgb(91,91,91); }


/* Heading styles */	
h1
{
   font-size: 2em;
   font-weight: normal;
   font-family: Platino, "Times New Roman", "Times Roman", Serif;
   color: rgb(110,123,139)
}

p.version
{
   display:none;
}


/* The white strip accross the top containing the breadcrumbs. */
div.top  /* This style is also used for the footer. */
{
   padding:0; margin:0;
   width:100%; height:30px;
   background-color:white;
   clear:both;
}


/* The area containing the banner image with name and logo. */
div.header
{
   padding:0; margin:0;
   width:100%;
   height:200px;
   clear:both;
}


/* A container for the vertical columns which hides the extra height beyond the height required to accommodate the text. */
div.container
{
   margin: 0;
   padding: 0;
   overflow: hidden;
   background-color:white;
}



/* The main column that contains the text. */
div.midcol
{
  color: rgb(50,50,50);
  background-color:white;
  line-height: 1.7em;
  width:55%; margin-left:2%; margin-right:0%;
  padding-top: 0;
  float:left;
  padding-bottom: 2000px;
  margin-bottom: -2000px;
}


/* The style for the empty right-hand column. */
div.rightcol
{

  width:26%; 
  float:left;
  background-color:white;
  padding-top: 20px;
  padding-bottom: 2000px;
  margin-bottom: -2000px;
  margin-left:2%;
  margin-right:15%;
}


div.gallery
{
  width:60%;
  margin-left:0%;
  margin-right:0%;
  float:left;
  text-align:justify;
  background-color:white;
    padding-bottom: 2000px;
  margin-bottom: -2000px;
}

div.thumbs
{
  width:40%;
  margin-left:0%;
  margin-right:0%;
  float:left;
  text-align:justify;
  background-color:white;
    padding-bottom: 2000px;
  margin-bottom: -2000px;
}


/* Used on the gallery page */
div.wrapper
{
  overflow: hidden;
}


/* The styles for the three lower columns that contain the images. */
div.midcol1
{
  width:15%;
  margin-left:2%;
  margin-right:0%;
  float:left;
  text-align:justify;
  background-color:white;
}

div.midcol2
{
  width:15%;
  margin-left:3%;
  margin-right:3%;
  float:left;
  text-align:justify;
  background-color:white;
}

div.midcol3
{
  width:15%;
  margin-left:0%;
  margin-right:4%;
  float:left;
  text-align:justify;
  background-color:white;
}



/* This forces the images to scale to fit their div containers. */
div.header img
{
  width:100%;
  height:100%;
}
div.midcol1 img
{
  width:100%;
} 
div.midcol2 img
{
  width:100%;
}
div.midcol3 img
{
  width:100%;
}
div.header img
{
  /*width:100%;*/
  height:100%;
  border: 0;
}


.outline
{
   border-style: double;
   border-width: 5px;
   border-color: rgb(230,230,250);
   color: rgb(110,123,139);
   padding-top: 0;
   padding-left: 1em;

}


table, table *
{
   border-collapse: collapse;
   border-style: double;
   border-color: rgb(110,123,139);
   color: rgb(110,123,139);
   padding-left: 1em;
   padding-right: 1em;
}



/* Give style to the unordered list (called navlist) that makes the navigation. */

.navbar ul
{

    margin: 0;
    list-style: none;
    padding-left: 2.2em;
    background-color: rgb(176,196,222); /* This is the colour of the full width bar. */
    font-size: 0.85em;
    font-weight: 500;
    font-family: Platino, "Times New Roman", "Times Roman", Serif;
    color: rgb(110,123,139);
    height: 2.4em;
}


.navbar ul li, .container ul li
{  
    display: inline;
}


.navbar ul li a
{
    text-decoration: none;  /* Prevents the underline showing on the navigation links. */
    padding: 1.2em 2.3em;  /* Controls how big the buttons look. */
    color: rgb(110,123,139);
    background-color: rgb(230,230,250);
    border-left: 0.2em solid white;
    border-top: 0.2em solid white;
    border-right: 0.2em solid white;
}

.navbar ul li a:hover
{
    color: rgb(110,123,139);
    background-color: white;
}



/* Give style to the unordered list (called crumbs) that makes the breadcrumb trail. */

.crumbs ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.crumbs li
{  
    /*font-size: 8pt;*/
    font-size: 0.7em;
    display: inline;
    float: left;
    padding-left: 1em;
}

.crumbs li a
{
    /*font-size: 0.6em;*/
    text-decoration: none;  /* Prevents the underline showing on the navigation links. */
    background:url(crumb.png) no-repeat right center;
    padding-right: 3em;
}


/* Style the "tab" for the current page. */
#events .events, #archive .archive, #about .about, #gallery .gallery, #contact .contact
{
   background-color: white;
}


/* Hide the skip navigation link. */
.hide a, .hide a:hover, .hide a:visited
{
   position: absolute;
   left: 0;
   top: -500px;
   width: 0;
   height: 0;
   overflow: hidden;
}