body {
  /*insert a background image that appears behind the sidebar, would be better
  if i could work out how to just use css to do it and repeat properly*/
  background-image: url(images/sidebar_bg_hh.png);
  margin: 0;
}

/* this is for the page titles only */
h1 {
	color: red;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

/* headings for each section within each page */
h2 {
	font-size:			150%;
	font-weight:		bold;
	text-align:  		center;
}

/* sub heading */
h3 {
	font-size:			125%;
	font-weight:		bold;
	text-align:  		center;
}

.Small {
	font-size:			75%;	
}

/*formating any hyper links */
a:link {
	color: #FF0000;
}
a:visited {
	color: #000000;
}
a:active {
	color: #000000;
}
a:hover {
	color: #000000;
}

/* encapsulates the entire page of all content */
#main {
	margin: 0;
/*	width: 100%;*/

}

/* this is for the content of the page, which excludes the side bar */
#content {
	margin: 110px 0 0 0;

}

/*Contains the formatting of the left hand margin which contains the small logo
navigation bar and random displayed sponsors. */
#NavBar {
  color: white;
  margin: 0;
  padding: 0;

}

/*Defining the style of the navigation links in the side bar*/
#NavBar ul {
	margin: 0 105px 0 5px;
	padding-left: 3px;
	padding-right: 3px;
  border: 1px solid blue;
	position: absolute;
	top: 0;
	left: 100px;
  list-style: none;
}

#NavBar li {
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline;
	font-size: 75%;
	font-weight: bold;
  /*The font family should be set through the body markup for consistency across
  the website*/
	font-family: "Arial";
  /*do not repeat the image*/
  background-repeat: no-repeat;
  /*how far from the left hand side of the back ground image the text should start */
	/*the background to be used for each list item*/
/*  background-image: url(images/btn_positive.png);*/
  /*the width of the background image, so that the centering of the text occurs 
  within the aread of the back ground image being used.*/
  width: 125px;
  /*line height should be the same height of the background image*/
/*  line-height: 25px;*/
  border: 1px solid red;
}

/*defines the style and format of the the navigation links in the left hand side
bar */
#NavBar li a:link, #NavBar li a:visited {
  color: black;
  /*remove the underlines from the navigation links*/
  text-decoration: none;

}

#NavBar li a:hover, #NavBar li a:active {
  color: white;
  text-decoration: underline;
  background-image: url(images/btn_negative.png);
  width: 125px;
  line-height: 25px;
}

/*This is for the mini logo in the top left corner of the website which
also provides a link back to the homepage*/
#HomeLogo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
}

/*This is for the formatting of the randomly displayed sponsors logo in the left
hand navigation bar under the links */
#SideSponsors {
	margin: 0 0 0 0;
	/*background-color: yellow;*/
	position: absolute;
	top: 0;
	right: 0;
	/*make the same width as the sidebar so can center within the side bar*/
	width: 110px;

}


/*Adding a clearing element to extend the parent elements height pg 247*/
#clearone {
  clear: both;
  height: 1px;
}

/*defining the format of the captions for photos*/
.PhotoCaption {
	font-family: "Arial";
	font-size: "85%";
}

/*displaying thumbnails on the photo index pages*/
.floatthumbs {
    float: bottom;
    border: solid 1px black;
    padding: 3px;
    margin: 5px;
}

/*Format the Events div on the homepage for upcoming events*/
#Events {
	position: relative;
  padding: 5px;
	border: solid 3px blue;
  width: 400px;
  white-space: nowrap;
}


/*----------------------------------------------------------------------------*/

/* to be retired once all pages with links to these styles have been replaced */
.PageTitle {
	color: red;
	font-size:			200%;
	font-weight:		bold;
	text-align:  		center;
}

.Heading {
	font-size:			150%;
	font-weight:		bold;
	text-align:  		center;
}

.SubHeading {
	font-size:			125%;
	font-weight:		bold;
	text-align:  		center;
}

.HomePageInfo {
	margin-top:5;
	margin-right:10;
	margin-bottom:5;
	margin-left:10;
}