/* CSS Document */
body {						
	margin:0px;
	padding:0px;
	background-color:#CCCCFF;	/* provides a window background colour*/
	color: #0e5006;
	}
/* --------------------------------- Image Settings -----------------------------------*/
				/* Note images used in the drop down menu are under menu*/
			
	img.center{      /* used to position an image central in div*/
	display:block;    /* line break after image*/
	margin-left: auto;
	margin-right:auto;
	}
	img.floatL{			/* used to position an image left in div*/
	float:left;         /* subsequent text will appear on right*/
	margin-right:20px;	/* keeps text 20px away from image*/
	margin-bottom:5px;
	}	
	img.floatR{			/* used to position an image right in div*/
	float:right;		/* subsequent text will appear on left*/
	margin-left:20px;	/* keeps text 20px away from image*/
	margin-bottom:5px;
	}
	div.floatL{			/* for left images with captions*/
	float:left;         /* subsequent text will appear on right*/
	margin-right:20px;	/* keeps div 20px away from image*/
	margin-bottom:5px;
	}	
    .floatright{			/* for right images with captions*/
	float:right;		/* subsequent text will appear on left*/
	margin-left:20px;	/* keeps div 20px away from image*/
	margin-bottom:5px;
	width:250px;
	}
	div.floatL p{
	text-align:center;
	}
	div.floatR p{
	text-align:center;
	}

/*  ------------------------------Paragraph Settings ------------------------------------*/


	p.lside{                     /* specifically for captions under left column photographs*/
	position:relative;
	width:170px;				/* width of text area*/
	padding-left:15px;			/* text*/
	padding-right:15px;					
	font-size:12px;
	font-weight:normal;
	letter-spacing:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#D5EDB3;
	text-align:left;
	}
	p.chroninto{ /*timeline intros */
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	p.poem{  /* poem central*/
	margin-top:10px;
	text-align:center;
	font-weight:bold;
	color:#0e5006;
	}
	p.quote{  /* quote central*/
	margin-top:10px;
	text-align:center
	}
	p.captionl{  /* for a caption aligned left */
	text-align:left;
	font-style:italic;
	
	}
	p.captionr{  /* for a caption aligned right */
	text-align:right;
	}	
	p.captionc{ /* for a caption aligned central*/
	text-align:center;
	}
	p.leftlist{   /* used to produce left columns in york streets*/
	float:left;
	width:180px;
	}
	p.rightlist{	/* used to produce right column in york streets*/
	float:left;
	}
	p.style1 {       /* style used in my trial*/
	font-size: 14px;
	font-weight: bold;
	}
	#content p{
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px;
	}

	/*-------------------------------heading settings-----------------------*/
	
	h1 {  /*  for page headings */
	float: left;
	padding-left:0px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing:0.08em;
	z-index:2;
	line-height: 28px;
	}
	h2 {    /* sub heading*/
	float: left;
	padding-left:0px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing:0.08em;
	z-index:2;
	line-height: 25px;
	text-transform: uppercase;
	}
	h3 {    /* for the history timelines*/
	float: left;
	padding-left:0px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing:0.08em;
	z-index:2;
	line-height: 25px;
	text-transform: uppercase;
	}
	h3.locn {    /* for the history timeline place location */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style:italic;
	}
	h4{     /* not assigned yet*/
	}
	
	/*----------general and content area anchor styles---------------*/
	
	a{
	color:#D5EDB3;           /* sets the colour of the links*/
	text-decoration: none;	/* no underline of anchor*/
	}
	a:hover{
	color:#993300;			/*sets the colour when the links are hovered over*/
	}
	#content p a,			/* sets in content paragraph links */
	#content ul li a{		/* sets list anchors for york streets*/	
	color: #0e5006;
	font-weight: bold;
	text-decoration: none;
	}
	
	
	#content p.linkbar a{     /* the style for the paragraph linkbar class anchor*/
	color: #0e5006;
	font-weight:bold;
	text-decoration:underline;
	}
	#content p.linkbar a:hover{
	color:#993300;
	}
	
	/*-------------------------------styles for divs------------------------*/	
	
	#container {		/* ---------the container div holds all other divs--------*/	
	text-align: left;
	width:1000px;
	margin: 0 auto;
	border-left:solid;
	border-left-width:3px; /* this border assists content height*/
	border-left-color:#ccccff;  /* border colour set as for body background*/
	border-right:solid;
	border-right-width:3px;  /* this border assists content height-----------*/
	border-right-color:#CCCCFF;   /* border coloured as for body will not be seen*/
	background-color: #F4FFE4; /* general bg colour can be over ruled */ 
	}
	#header {					/* the div for the top banner and its border*/
	position:relative;
	width:1000px;			/* width of top banner*/
	height:232px;			/* height of top banner*/
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 3px;	/* bottom border depth in addition to height*/
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #ABBAC1;  /*border colour- border overlaps below divs */
	z-index:1;
	}
	#navigationside { 			/* div holds three left column divs*/
	position:relative;  /* positions top under menu border also see infobar*/ 
	width:200px;					/* sets width of left column*/
	float:left;						/* positions div left */
	background-color:#0e5006;	    /* sets left column bground colour for the  area */
	text-align: left;               /*text aligned left*/
	text-decoration:none;			/* no underline etc*/
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.1em;
	}
	#navlinks {       /*div nested in navigationside    */
	display: block;		/* block display ensures line breaks between each element in div*/
	width: 170px;		/* navlinks div 170 wide */
	float: left;		/* positions navlinks left within navigationside*/
	line-height: 30px;	/* sets the height of each line in the navlinks div*/
	margin: 0px;
	padding:0px;
	padding-bottom:10px;
	z-index:3;
	}
	#navlinks ul {              /* style of the list itself*/
	list-style-type: none;		/* the unordered list has no bullets or other markers */
	width: 170px;				/* the list is limited in width to 170px*/
	margin: 0px;
	padding:0px;
	}
	#navlinks ul li {			/* style of the list items*/
	padding:0px 10px;           /* no padding top and bottom 10px left and right */
	border-bottom-width: 1px;	/* provides a 1 px line between menu items */
	border-bottom-style: solid;
	border-bottom-color:#D5EDB3;
	margin: 0px;
	}
	#sidebar {					/*div nested in navigationside    */
	width:200px;                /* sidebar div same width as navigationside div*/
	float:left;
	height:auto;
	text-align:center;
	}          
	
	#infobar{				/*div nested in navigationside    */
	width:200px;
	height:400px;
	position:absolute;  /* requires parent navigationside to have position*/ 
	left:0;				/* sets it at left of navigationside*/
	bottom:0;           /* sets it at the bottom of navigationside*/
	
	}
	
	#content {				/* div is 530px wide (width plus padding and border)*/	
	float: left; 			/* positions content next to navigationside*/
	padding-top:20px;
	padding-left:20px;		/* effectively indents text */
	padding-right:10px;		/* no type in this area */
	padding-bottom:20px;
	width:499px;			/* the type area width */
	height:auto;			/* height determined by content*/
	font-family:Arial, Helvetica, sans-serif;
	z-index:2;
	font-size: 12px;
	line-height: 20px;
	color:#0e5006;
	border-left;
	border-left-width:1px;
	border-left:hidden;
	}
	#storecontent {				/* div is 530px wide (width plus padding and border)*/	
	position:relative;
	float: left; 			/* positions content next to navigationside*/
	padding-top:0px;
	padding-left:20px;		/* effectively indents text */
	padding-right:0px;		/* no type in this area */
	padding-bottom:0px;
	width:769px;			/* the type area width */
	height:auto;			/* height determined by content*/
	font-family:Arial, Helvetica, sans-serif;
	z-index:2;
	font-size: 12px;
	line-height: 20px;
	color:#0e5006;
	border-left;
	border-left-width:1px;
	border-left:hidden;
	}
	#adpanel {		/* div in right column */
	float: left;    /*position next to content*/
	clear: right;	/* nothing will be right of this div*/
	width:270px;	/* width set to use up 1000px total width*/
	height:auto;
	z-index:1;
	padding-top:80px;
	}
	#footer {   /* div at the base */
	position:relative;
	clear:both;
	width:1000px;
	height:60px;
	color: #F4FFE4;
	background-color:#0e5006; 
	text-align: center;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.1em;
	padding:0px;
	border-bottom-style:solid;
	border-bottom-width: 3px;
	border-bottom-color: #ABBAC1;
	border-top-width: 3px;
	border-top-color: #ABBAC1;
	border-top-style:solid;
	z-index:2;
	}
<!---------------------divs related to drop down menu ------------------------->
	.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0px none;
	margin:0;
	padding:0;
	width:1000px;
	height:30px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:560px;
	}

	/* suppress our whole menu when not an interactive mode (when printing, etc.) */
	@media print, projection { .menuminwidth0 { d\isplay:none; } }

	* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
	}

	* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-560px;
	height: 1px;
	}
	.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;               /* float left to edge of webpage */
	margin:0;
	padding:0;
	height:30px;           /* the menu's overall height */
	width:1000px;         /* we want our menu to be the same width as top image*/
	background:0E5006;    /* will not be seen overridden*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	z-index:3;    /* requires this element to be positioned - ensures menu on top*/
	}
	.menu ul {
	padding:0;
	margin:0;
	border:0px none;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em		 /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
	}                              
	.menu ul li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	}
	.menu ul li a,
	.menu ul li a:visited {         /* unselected top-level menu items */
	display:block;					/* blocks floated left*/
	float:left;
	}
	.menu ul li  a img {
	vertical-align:top;    /* aligns the images within menu at top */
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 3px;  /* puts a coloured border at base of each image*/
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: solid; /* style of the border*/
	border-left-style: none;
	border-bottom-color: #ABBAC1;  /* colour of the border*/
	z-index:1;
	}
	.menu ul li ul {
	display:none;      /* initially hide all drop down lists */
	}
	.menu ul li:hover ul,		/* style of drop-down list on hovering over top list */
	.menu ul li a:hover ul {   	/* style of drop-down list on hovering over top anchor */
	display:block;				/* display drop down in blocks*/
	position:absolute;			/* position drop down as below*/
	margin:0;
	top:33px;      /* position of ul to its parent 30px image + 3px border*/
	left:10px;       /* offset 10px relative to parent*/
	height:auto;      /* the drop-down height will be determiend by line count */
	}
	.menu ul li:hover ul li a,     /* style of drop down anchors- hover over top*/
	.menu ul li a:hover ul li a {                  
	border:0px none;
	margin:0;
	padding:0;
	height:auto;
	color:#D5EDB3;          /* this sets the unselected drop-down text color */
	background:#0e5006;       /* this sets the drop-down menu background color */
	width:12.6em				/* 12.6 *12px(font) - 156px */
	}
	.menu ul li:hover ul li:hover a,    /* style when hovering over drop down anchor*/
	.menu ul li a:hover ul li a:hover {               
	color:#993300;					/* colour when hovereing over drop-down*/
	background:#0e5006;
	}
	#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#
	} /* Safari barfs on the illegal pound sign (#) after the rule's property val */
	
		.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }

/* style the top level hover */
.menu a:hover, {color:#993300; background:#0e5006;}