/* @charset "utf-8"; */
/* Global styles */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFCC;
	color: #000000;
	margin: 0;
    padding: 0;
	text-align: center;
}

	
.fixwidthbox #container {
	width: 1000px;
    background:#FFFFCC;
	text-align:center;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: thin;
}

.fixwidthbox #mainheaderBar{
	background: #FFFF99; 
/*	margin: 2px 2px 2px 2px;  */
	padding: 5px 5px 10px 5px;
}

#mainheaderBar h1 {
	margin: 0;
	padding: 0; 
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: bold;
}

.fixwidthbox #leftmaincontent {
	background: #FFFFCC;
	margin-left:210px;
/*	padding: 20px 10px 15px 20px; it was this in my original layout */
	padding: inherit;
}

.fixwidthbox #leftBar {
/*    position: relative; */
	float: left;
    width: 150px;
	text-align: center;
	margin-left: 25px;
    background:#FFFFCC;
/*    top: 5px;
    left: 5px; */
}

.fixwidthbox #rightspacer {
    background:#FFFFCC;
    position:relative;
    width:inherit;
}

/* #level3 {
    margin-right:143px;
    padding-right:9px;
    background:#FFF;
} */

.fixwidthbox #maincontentBox {
/*    margin-right:10px;
    padding-right:9px;
    background:#FFF; */
/*  the following line added to test Pete Bradshaw's problem 090316 
	the problem was that it messed up the layout everywhere else on Firefox and Safari
	float: left; */
	margin: 0 10px 0 10px;
	padding: 10px 10px;
	background: #FFFFCC;
	overflow: hidden; 
	height: 1%;
}
	
/* this suggestion (the following six lines) from 'CSS The missing manual' p306 to fix - unsuccessfully - Pete's IE6 problem
* html #maincontenttopBox {
	margin-left: 0;
}
* html #maincontentBox {
	margin-right: -3px;
}
*/

.fixwidthbox #maincontentBox h1 { # Where our main section headers go
/*    margin:0;
    padding-left:.3em;
    font:1.25em Verdana,Helvetica,Arial;
    color:#609;
    background:#FC0; */
	margin: 0;
	padding: 10px 0;
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}

#mainContentTopBox { 
	float: left;
	width: 750px;
	margin: 0 0 0 0px;
	padding: 5px 5px;
	background: #FFFFCC;
} 

#mainContentPictureBox { 
	margin: 0 0 0 220px;
	padding: 10px 10px;
	background: #FFFFCC;
	height: 600px; 
}

#mainContentThumbnailBox { 
/*	position: absolute; */
/*    width: 210px; was this before change of overflow to scroll*/
    width: 104px;
/*  height added */
	height: 475px;
	background: #FFFFCC;
	float: left;  
	padding: 2px;
/*	overflow: hidden; was 'auto'*/
	overflow: auto;
/*	line-height: 1px; */
}

#mainContentPictureMenu { 
/*	position: absolute; */
/*    width: 210px; was this before change of overflow to scroll*/
    width: 100px;
/*  height added */
	height: 530px;
	background: #FFFFCC;
	float: left;  
	padding: 2px;
/*	overflow: hidden; was 'auto'*/
	overflow: auto;
/*	line-height: 1px; */
}

.fixwidthbox #rightBar {
    position:absolute;
    width: 0px;
    top: 0;
    right: 0;
}

.fixwidthbox #footer {
/*	padding: 0 10px 0 20px; */
	background:#FFFF99;
	color: #003300;
	text-align: left;
	padding: 0 10px 0 20px;
} 

.fixwidthbox #footer p {
	margin: 0;
	padding: 10px 0;
}

/*   */
	
a {
	color: #993300;
	}
	
a:hover {
	color: #5C743D;
	}


#navigation td.navtable {
	border-bottom: 1px solid #F4FFE4;
	}
	
#navigation a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 10px;
	}
	
#navigation a:hover {
	background: #99CC66;
	color:#993300;
	}


#navigationSide td.navtable {
	border-bottom: 1px solid #F4FFE4;
	}
	
#navigationSide a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003300;
	line-height:12px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:5px 5px 5px 5px;
	}
	
#navigationSide a:hover {
	background: #99CC66;
	color:#993300;
	}

	
/* Class Styles */

.bodytext {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.bodyheading {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.bodyheadinglarge{ 
	margin: 0;
	padding: 10px 0;
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}

.bodyinlineheadingitalic {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style:italic;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

.picturetext {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	font-style: italic;
	line-height: normal;
}

.smallText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}

.smallBodyText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #000000;
/*	line-height: 12px; */
	}
	
.navText {
	color: #003300;
	line-height:16px;
	letter-spacing:.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

/* to hide the pictures */
.NotDisplay {
    display: none !important;
  }
	
/* tables */
table.eventtable {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 80%;
}
td.eventtable {
	padding: 2px 5px 3px 5px;
	margin:0cm;
	text-align:justify;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}