@charset "UTF-8";



/*  body {margin:0; padding:0;} */


#nav ul /* sets width of whole area, and background colour of any elements not defined.  A border other than white is not recommended, as ti will figth with any border placed in the nasv li div, which is used to separate the nav elements */
{margin:0; padding:0;list-style: none; position:absolute; left:0px;
	color:red;
	z-index: +10;
		/*background-color:#5068aa; */
			width:100%;
				
	}/*   the colour  - red - does not seem to crop up anywhere. . .. as there is no text    */

#nav li 
/* main bar background color if not default from "nav ul" above, border round individual navigation elements, width & height of each menu item, text color of menu items that are NOT links.   White border gives spearation from individual elements of the menu */
{float: left;  
	color:white; 
		background-color:#5068aa;   /* #5068aa is . . .. . .. . .  Dec 2011* /
				/*width:6.2em;******/
					border: 1px solid white;  /* can also do with margin 0 1 0 1, for example  */
											padding: 3px 4px;/******************************************************************************/
	font-size: 12px arial;/*  */
	text-align: center;
	text-decoration: none;} /*  */
	
#nav li a    /* main bar. . ..as nav li, but for QA/menu items that are also links.   */
/*   The border and background color here are not needed, this is an inner surround for the top menu items, round the text, if a tag.     */ 
{/*float: left; commented out  16th Feb 2011*/ 
	color:white; 
		background-color:#5068aa;  /* #5068aa is . . .. . .. . .  Dec 2011* /
					
	font-size: 12px arial;/*  */
	text-align: center;
	text-decoration: none;} /*  */
	
	#nav li a:link {color:white;}
	#nav li a:hover{/*color:white; */background-color:#28308a;}   /* #38488a; #d3e2e7 background: 38488a  
	#nav li a:visited{color: white; background-color: #5068aa; }/* background:#38488a; #49A3FF color   */
	#nav li a:active{color: #333; background-color:#f8f8f8;}/* background-color: #28308a;     */
		


#nav div ul /*   text box or lower menu,  if used for such    */
{display:none;  /**  Javascript needs to see this element, and convert to 'block' for inline headers ****************/
	color:white; width:96%;/* 99 is best for side, 96 for centre*/  
}

#nav div 
/*  formatting for text box or lower menu,  if used for such, when used without a link    */
/*  This box does nothing..because there is no plain text.. all hte tags are <li> or <a> or both, so all subordinated to lower down.  Also, just an empty box.
So set colour to white to disappear etc*/
{position:relative; float: left; height:0px; top:22px;  /* 21 allows no space of any quesitons for play Top 67 allows space for the play question, if needed    */

		background-color:white; 
					width:97%;/*   96 too small, 98 too bid, ok 97, assuming nav div ul wiodth = 99Cant have at 100%, or it overlaps into sidebar2 for some reason    width:100%*/   
					border: 0px solid white;
					
			display: block;
			margin: 0;
			padding: 0px 0px;
			text-align: left;
			text-decoration: none;
			font-size: 0px arial;				
							
					}
#nav div li /* This is the main text for the answers,  for text NOT within a link */
{float: left; border: height:auto;
	color:#333; background-color:#f4f4f4; /* white;:#F63; = flesh ;  pulldowncolour backgrouund*/
			width:100%;/*  width:100%*/  
						border: 1px solid #666;
	
			margin: 0 0 0 1px;  /* can also solve by having left=1 - used this technique for navquiz and nav left */  
			
			padding: 5px 10px 5px 20px;
			text-align: left;
			text-decoration: none;

			font-size: 12px arial;/*  */	
		
		
		} /*  Need to specify this color separately, unless you want the colour that comes up in nav li*/					
					

#nav div a /*  formatting for text box or lower menu, if used for such, when used with a link    */
{	
			position: relative;
			display: inline;
			margin: 0;
			padding: 3px 7px;
			width: auto;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			border: 1px solid white; 
			background-color: #e20;/* e20 is a kind of rich red, as in card suit olour #5068aa;  #f4f5eb;background:#EAEBD8 = pearl ;  pulldowncolour backgrouund*/
			/* color:#2975DE=full blue #2875DE; pulldown colour text */
			font-size: 12px arial}/* font size  */
			

#nav  div a:hover
/* This is the main text for the answers, when hovering over text within a link  */
		{	background-color:#28308a;/* #28308a; is a kind of dark blue.  background: #49A3FF;  */
			color:white; border: 1px solid white;/* 90f kind of violet */
			display:inline;
			 }			






















/* SIDE use of these tables, on the bidding pages. */

#navside ul /* SIDE use of these tables, on the bidding pages. Sets width of whole area, and background colour of any elements not defined.  A border other than white is not recommended, as ti will figth with any border placed in the nasv li div, which is used to separate the navside elements */
{margin:0; padding:0;list-style: none; position:absolute; left:0px;/* +10; */
	color:red;
	z-index: 0;		/* +10; */
		/*background-color:#5068aa; */
			width:97%;}/*   the colour  - red - does not seem to crop up anywhere. . .. as there is no text    */

#navside li 
/* main bar background color if not default from "navside ul" above, border round individual navigation elements, width & height of each menu item, text color of menu items that are NOT links.   White border gives spearation from individual elements of the menu */
{float: left;  
	color:white; 
		background-color:#5068aa;
				/*width:6.2em;******/
					border: 1px solid white; 
									/*border: 1px solid white; /* can also do with margin 0 1 0 1, for example  */
											padding: 3px 3px;/******************************************************************************/
	font-size: 11px arial;/* 12 */
	text-align: center;
	text-decoration: none;} /*  */
	
#navside li a 
/* main bar. . ..as navside li, but for QA/menu items that are also links.   */
/* #c00 redbrown  The border and background color here are not needed, this is an inner surround for the top menu items, round the text, if a tag.     */ 
{float: left;   /***************************************************************************************/
	color:white; 
		background-color:#5068aa;
				/*width:6.2em;**************************************************************************************/ 
					/*border: 1px solid white; */ 		/*border: 0px solid #999;*/
											/*padding: 3px 3px;*/
	font-size: 11px;
	font:Arial, Helvetica, sans-serif;/*  */
	text-align: center;
	text-decoration: none;} /*  */
	
	#navside li a:link {color:white;font-size: 11px ;}
	#navside li a:hover{/*color:white; */background-color:#28308a;font-size: 11px ;   /* #38488a; #d3e2e7 background: 38488a   #49A3FF main bar background hover colour   *//*border: 0px solid #ccc;*/}
	#navside li a:visited{color: white; background-color: #5068aa;font-size: 11px ;  }/* background:#38488a; #49A3FF main bar background hover colour   */




			


#navside div ul /*   text box or lower menu,  if used for such    */
{display:none;  /**  Javascript needs to see this element, and convert to 'blcok' for inline headers ****************/
	color:white; width:98%; /* 99 to Jan 2012 */
	left:1px;/* NEW on 23th November . . ... dont inherit from main ul above ???  */
	/* can also solve by having margin = 0 0 0 1  - used this technique for nav  */  
	/* width:450p  dont think this is where it's set up, but does no harm   Change to % ??*/  
}

#navside div 
/*  formatting for text box or lower menu,  if used for such, when used without a link    */
/*  This box does nothing..because there is no plain text.. all hte tags are <li> or <a> or both, so all subordinated to lower down.  Also, just an empty box.
So set colour to white to disappear etc*/
{position:relative; float: left; height:0px; top:47px;  /* 72  47 enough space for the question line to wrap once, for use in the side bar   */

		background-color:white; 
					width:94%;/*width:100%*/   
					border: 0px solid white;
					
			display: block;
			margin: 0;
			padding: 0px 0px;
			text-align: left;
			text-decoration: none;
			font: 0px arial;				
							
					}
#navside div li 
/* This is the main text for the answers,  for text not within a link */
{float: left; border: height:auto;
	color:#333; 
		background-color:#f8f8f8; /* :#F63; = flesh ;  pulldowncolour backgrouund*/
				width:95%;/*width:450px*/  
						border: 1px solid #666;
	
			/*display: block;/* As opposed to in-line */	
			margin: 0;

			padding: 5px 10px 5px 10px;
			text-align: left;
			text-decoration: none;

			font: 12px arial;/*  */	
		
		
		} /*  Need to specify this color separately, unless you want the colour that comes up in navside li*/					
					

#navside div a /*  formatting for text box or lower menu, if used for such, when used with a link    */
{	
			position: relative;
			display: inline;
			margin: 0;
			padding: 3px 7px;
			width: auto;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			border: 1px solid white; 
			background-color: #e20;/* e20 is a kind of rich red, as in card suit olour #5068aa;  #f4f5eb;background:#EAEBD8 = pearl ;  pulldowncolour backgrouund*/
			/* color:#2975DE=full blue #2875DE; pulldown colour text */
			font: 12px arial}/* font size  */
			

#navside  div a:hover
/* This is the main text for the answers, when hovering over text within a link  */
		{	background-color:#28308a;/* #28308a; is a kind of dark blue.  background: #49A3FF;  */
			color:white; border: 1px solid white;/* 90f kind of violet */
			display:inline;
			 }			













/* QUIZ use of these tables, on the quiz pages. */


#navquiz ul /* sets width of whole area, and background colour of any elements not defined.  A border other than white is not recommended, as ti will figth with any border placed in the nasv li div, which is used to separate the navquiz elements */
{margin:0; padding:0;list-style: none; position:absolute; left:0px;
	color:red;
	z-index: +10;
		/*background-color:#5068aa; */
			width:100%;
				
	}/*   the colour  - red - does not seem to crop up anywhere. . .. as there is no text    */

#navquiz li 
/* main bar background color if not default from "navquiz ul" above, border round individual navquizigation elements, width & height of each menu item, text color of menu items that are NOT links.   White border gives spearation from individual elements of the menu */
{float: left;  
	color:white; 
		background-color:#5068aa;
				/*width:6.2em;******/
					border: 1px solid white;  /* can also do with margin 0 1 0 1, for example  */
											padding: 3px 4px;/******************************************************************************/
	font: 12px arial;/*  */
	text-align: center;
	text-decoration: none;} /*  */
	
#navquiz li a 
/* main bar. . ..as navquiz li, but for QA/menu items that are also links.   */
/* #c00 redbrown  The border and background color here are not needed, this is an inner surround for the top menu items, round the text, if a tag.     */ 
{
	/*float: left;   /Tom Nov 24 ***************************************************************************************/
	/*text-align: center;   Tom Nov 24*/
	color:white; background-color:#5068aa;
				/*width:6.2em;**************************************************************************************/ 
					/*border: 1px solid white; */ 		/*border: 0px solid #999;*/
											/*padding: 3px 3px;*/
	font: 12px arial;/*  */

	text-decoration: none;} /*  */
	
	#navquiz li a:link {color:white;}
	#navquiz li a:hover {color:white; background-color:#28308a;}
	#navquiz li a:visited{color: white; background-color: #5068aa;  }
	#navquiz li a:active{color: white; background-color: #5068aa; }/*    */

	#navquiz li a:current {color: #333; background-color:#f8f8f8;}/* exp */			


#navquiz div ul /*   text box or lower menu,  if used for such    */
{display:none;  /**  Javascript needs to see this element, and convert to 'block' for inline headers ****************/
	left:1px;/* NEW on 23th November . . ... dont inherit from main ul above ???  */
	/* can also solve by having margin = 0 0 0 1  - used this technique for nav  */ 
	color:white; width:99%;/*  */  
}

#navquiz div 
/*  formatting for text box or lower menu,  if used for such, when used without a link    */
/*  This box does nothing..because there is no plain text.. all hte tags are <li> or <a> or both, so all subordinated to lower down.  Also, just an empty box.
So set colour to white to disappear etc*/
{position:relative; float: left; height:0px; top:21px;  /* 21 allows no space of any quesitons for play Top 67 allows space for the play question, if needed    */
		background-color:white; 
			width:96%;/*Cant have at 100%, or it overlaps into sidebar2 for some reason    width:100%*/   
				border: 0px solid white;				
			display: block;
			margin: 0;
			padding: 0px 0px;
			text-align: left;
			text-decoration: none;
			font: 18px arial;											
					}
#navquiz div li 
/* This is the main text for the answers,  for text NOT within a link    */
{float: left; border: height:auto;
			color:#333; background-color:#f8f8f8; /* Need to specify this color separately, unless you want the colour that comes up in navquiz li    white;:#F63; = flesh ;  pulldowncolour backgrouund*/
			width:100%;/*  width:100%*/  
				border: 1px solid #666;
			/*display: block;/* As opposed to in-line */	
			margin: 0;
			padding: 15px 20px 15px 30px;
			text-align: left;
			text-decoration: none;
			font-size: 14px arial;/*  */			
		} /*  */					
					
#navquiz div a /*  formatting for text box or lower menu, if used for such, when used with a link    inherits from #navquiz li a ?   */
{	
/*		    position: relative;  */
/*		    display:inline; /*list-item; compact; run-in; t*/    /*  */	  
			margin: 0;
			padding: 0px 0px;
/*			width: auto;*/
/*			white-space: nowrap;*/
/*			text-align: left;  inherit; /*  */	
	
			text-decoration: none;
			border: none; 
		 /* background-color: #e20;/* e20 is a kind of rich RED red, as in card suit olour #5068aa;  #f4f5eb;background:#EAEBD8 = pearl ;  */
			/* color:#2975DE=full blue #2875DE;  */
			font-size: 12px arial;
			font-family: Arial}/* font size  */

#navquiz div  a:link    {color:#38488a;background-color:white}/*  */
#navquiz div  a:visited {color:#38488a;background-color:white}
#navquiz div  a:hover   {color:#d3e2e7;background-color:#38488a;}/*  */
#navquiz div  a:active  {color:#38488a;background-color:white}






@charset "UTF-8";



/*  body {margin:0; padding:0;} */


#nav ul /* sets width of whole area, and background colour of any elements not defined.  A border other than white is not recommended, as ti will figth with any border placed in the nasv li div, which is used to separate the nav elements */
{margin:0; padding:0;list-style: none; position:absolute; left:0px;
	color:red;
	z-index: +10;
		/*background-color:#5068aa; */
			width:100%;
				
	}/*   the colour  - red - does not seem to crop up anywhere. . .. as there is no text    */

#nav li 
/* main bar background color if not default from "nav ul" above, border round individual navigation elements, width & height of each menu item, text color of menu items that are NOT links.   White border gives spearation from individual elements of the menu */
{float: left;  
	color:white; 
		background-color:#5068aa;
				/*width:6.2em;******/
					border: 1px solid white;  /* can also do with margin 0 1 0 1, for example  */
											padding: 3px 4px;/******************************************************************************/
	font-size: 12px arial;/*  */
	text-align: center;
	text-decoration: none;} /*  */
	
#nav li a    /* main bar. . ..as nav li, but for QA/menu items that are also links.   */
/*   The border and background color here are not needed, this is an inner surround for the top menu items, round the text, if a tag.     */ 
{/*float: left; commented out  16th Feb 2011*/ 
	color:white; 
		background-color:#5068aa;
					
	font-size: 12px arial;/*  */
	text-align: center;
	text-decoration: none;} /*  */
	
	#nav li a:link {color:white;}
	#nav li a:hover{/*color:white; */background-color:#28308a;}   /* #38488a; #d3e2e7 background: 38488a  
	#nav li a:visited{color: white; background-color: #5068aa; }/* background:#38488a; #49A3FF color   */
	#nav li a:active{color: #333; background-color:#f8f8f8;}/* background-color: #28308a;     */
		


#nav div ul /*   text box or lower menu,  if used for such    */
{display:none;  /**  Javascript needs to see this element, and convert to 'block' for inline headers ****************/
	color:white; width:99%;/* */  
}

#nav div 
/*  formatting for text box or lower menu,  if used for such, when used without a link    */
/*  This box does nothing..because there is no plain text.. all hte tags are <li> or <a> or both, so all subordinated to lower down.  Also, just an empty box.
So set colour to white to disappear etc*/
{position:relative; float: left; height:0px; top:22px;  /* 21 allows no space of any quesitons for play Top 67 allows space for the play question, if needed    */

		background-color:white; 
					width:97%;/*   96 too small, 98 too bid, ok 97, assuming nav div ul wiodth = 99Cant have at 100%, or it overlaps into sidebar2 for some reason    width:100%*/   
					border: 0px solid white;
					
			display: block;
			margin: 0;
			padding: 0px 0px;
			text-align: left;
			text-decoration: none;
			font-size: 0px arial;				
							
					}
#nav div li /* This is the main text for the answers,  for text NOT within a link */
{float: left; border: height:auto;
	color:#333; background-color:#f4f4f4; /* white;:#F63; = flesh ;  pulldowncolour backgrouund*/
			width:100%;/*  width:100%*/  
						border: 1px solid #666;
	
			margin: 0 0 0 1px;  /* can also solve by having left=1 - used this technique for navquiz and nav left */  
			
			padding: 5px 10px 5px 20px;
			text-align: left;
			text-decoration: none;

			font-size: 12px arial;/*  */	
		
		
		} /*  Need to specify this color separately, unless you want the colour that comes up in nav li*/					
					

#nav div a /*  formatting for text box or lower menu, if used for such, when used with a link    */
{	
			position: relative;
			display: inline;
			margin: 0;
			padding: 3px 7px;
			width: auto;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			border: 1px solid white; 
			background-color: #e20;/* e20 is a kind of rich red, as in card suit olour #5068aa;  #f4f5eb;background:#EAEBD8 = pearl ;  pulldowncolour backgrouund*/
			/* color:#2975DE=full blue #2875DE; pulldown colour text */
			font-size: 12px arial}/* font size  */
			

#nav  div a:hover
/* This is the main text for the answers, when hovering over text within a link  */
		{	background-color:#28308a;/* #28308a; is a kind of dark blue.  background: #49A3FF;  */
			color:white; border: 1px solid white;/* 90f kind of violet */
			display:inline;
			 }			






















/* SIDE use of these tables, on the bidding pages. */

#navside ul /* SIDE use of these tables, on the bidding pages. Sets width of whole area, and background colour of any elements not defined.  A border other than white is not recommended, as ti will figth with any border placed in the nasv li div, which is used to separate the navside elements */
{margin:0; padding:0;list-style: none; position:absolute; left:10px;
	color:red;
	z-index: 0;		/* +10; */
		/*background-color:#5068aa; */
			width:97%;}/*   the colour  - red - does not seem to crop up anywhere. . .. as there is no text    */

#navside li 
/* main bar background color if not default from "navside ul" above, border round individual navigation elements, width & height of each menu item, text color of menu items that are NOT links.   White border gives spearation from individual elements of the menu */
{float: left;  
	color:white; 
		background-color:#5068aa;
				/*width:6.2em;******/
					border: 1px solid white; 
									/*border: 1px solid white; /* can also do with margin 0 1 0 1, for example  */
											padding: 3px 3px;/******************************************************************************/
	font-size: 11px arial;/* 12 */
	text-align: center;
	text-decoration: none;} /*  */
	
#navside li a 
/* main bar. . ..as navside li, but for QA/menu items that are also links.   */
/* #c00 redbrown  The border and background color here are not needed, this is an inner surround for the top menu items, round the text, if a tag.     */ 
{float: left;   /***************************************************************************************/
	color:white; 
		background-color:#5068aa;
				/*width:6.2em;**************************************************************************************/ 
					/*border: 1px solid white; */ 		/*border: 0px solid #999;*/
											/*padding: 3px 3px;*/
	font-size: 11px;
	font:Arial, Helvetica, sans-serif;/*  */
	text-align: center;
	text-decoration: none;} /*  */
	
	#navside li a:link {color:white;font-size: 11px ;}
	#navside li a:hover{/*color:white; */background-color:#28308a;font-size: 11px ;   /* #38488a; #d3e2e7 background: 38488a   #49A3FF main bar background hover colour   *//*border: 0px solid #ccc;*/}
	#navside li a:visited{color: white; background-color: #5068aa;font-size: 11px ;  }/* background:#38488a; #49A3FF main bar background hover colour   */




			


#navside div ul /*   text box or lower menu,  if used for such    */
{display:none;  /**  Javascript needs to see this element, and convert to 'blcok' for inline headers ****************/
	color:white; width:99%;
	left:1px;/* NEW on 23th November . . ... dont inherit from main ul above ???  */
	/* can also solve by having margin = 0 0 0 1  - used this technique for nav  */  
	/* width:450p  dont think this is where it's set up, but does no harm   Change to % ??*/  
}

#navside div 
/*  formatting for text box or lower menu,  if used for such, when used without a link    */
/*  This box does nothing..because there is no plain text.. all hte tags are <li> or <a> or both, so all subordinated to lower down.  Also, just an empty box.
So set colour to white to disappear etc*/
{position:relative; float: left; height:0px; top:47px;  /* 72  47 enough space for the question line to wrap once, for use in the side bar   */

		background-color:white; 
					width:94%;/*width:100%*/   
					border: 0px solid white;
					
			display: block;
			margin: 0;
			padding: 0px 0px;
			text-align: left;
			text-decoration: none;
			font: 0px arial;				
							
					}
#navside div li 
/* This is the main text for the answers,  for text not within a link */
{float: left; border: height:auto;
	color:#333; 
		background-color:#f8f8f8; /* :#F63; = flesh ;  pulldowncolour backgrouund*/
				width:95%;/*width:450px*/  
						border: 1px solid #666;
	
			/*display: block;/* As opposed to in-line */	
			margin: 0;

			padding: 5px 10px 5px 10px;
			text-align: left;
			text-decoration: none;

			font: 12px arial;/*  */	
		
		
		} /*  Need to specify this color separately, unless you want the colour that comes up in navside li*/					
					

#navside div a /*  formatting for text box or lower menu, if used for such, when used with a link    */
{	
			position: relative;
			display: inline;
			margin: 0;
			padding: 3px 7px;
			width: auto;
			white-space: nowrap;
			text-align: left;
			text-decoration: none;
			border: 1px solid white; 
			background-color: #e20;/* e20 is a kind of rich red, as in card suit olour #5068aa;  #f4f5eb;background:#EAEBD8 = pearl ;  pulldowncolour backgrouund*/
			/* color:#2975DE=full blue #2875DE; pulldown colour text */
			font: 12px arial}/* font size  */
			

#navside  div a:hover
/* This is the main text for the answers, when hovering over text within a link  */
		{	background-color:#28308a;/* #28308a; is a kind of dark blue.  background: #49A3FF;  */
			color:white; border: 1px solid white;/* 90f kind of violet */
			display:inline;
			 }			













/* QUIZ use of these tables, on the quiz pages. */


#navquiz ul /* sets width of whole area, and background colour of any elements not defined.  A border other than white is not recommended, as ti will figth with any border placed in the nasv li div, which is used to separate the navquiz elements */
{margin:0; padding:0;list-style: none; position:absolute; left:0px;
	color:red;
	z-index: +10;
		/*background-color:#5068aa; */
			width:100%;
				
	}/*   the colour  - red - does not seem to crop up anywhere. . .. as there is no text    */

#navquiz li 
/* main bar background color if not default from "navquiz ul" above, border round individual navquizigation elements, width & height of each menu item, text color of menu items that are NOT links.   White border gives spearation from individual elements of the menu */
{float: left;  
	color:white; 
		background-color:#5068aa;
				/*width:6.2em;******/
					border: 1px solid white;  /* can also do with margin 0 1 0 1, for example  */
											padding: 3px 4px;/******************************************************************************/
	font: 12px arial;/*  */
	text-align: center;
	text-decoration: none;} /*  */
	
#navquiz li a 
/* main bar. . ..as navquiz li, but for QA/menu items that are also links.   */
/* #c00 redbrown  The border and background color here are not needed, this is an inner surround for the top menu items, round the text, if a tag.     */ 
{
	/*float: left;   /Tom Nov 24 ***************************************************************************************/
	/*text-align: center;   Tom Nov 24*/
	color:white; background-color:#5068aa;
				/*width:6.2em;**************************************************************************************/ 
					/*border: 1px solid white; */ 		/*border: 0px solid #999;*/
											/*padding: 3px 3px;*/
	font: 12px arial;/*  */

	text-decoration: none;} /*  */
	
	#navquiz li a:link {color:white;}
	#navquiz li a:hover {color:white; background-color:#28308a;}
	#navquiz li a:visited{color: white; background-color: #5068aa;  }
	#navquiz li a:active{color: white; background-color: #5068aa; }/*    */

	#navquiz li a:current {color: #333; background-color:#f8f8f8;}/* exp */			


#navquiz div ul /*   text box or lower menu,  if used for such    */
{display:none;  /**  Javascript needs to see this element, and convert to 'block' for inline headers ****************/
	left:1px;/* NEW on 23th November . . ... dont inherit from main ul above ???  */
	/* can also solve by having margin = 0 0 0 1  - used this technique for nav  */ 
	color:white; width:99%;/*  */  
}

#navquiz div 
/*  formatting for text box or lower menu,  if used for such, when used without a link    */
/*  This box does nothing..because there is no plain text.. all hte tags are <li> or <a> or both, so all subordinated to lower down.  Also, just an empty box.
So set colour to white to disappear etc*/
{position:relative; float: left; height:0px; top:21px;  /* 21 allows no space of any quesitons for play Top 67 allows space for the play question, if needed    */
		background-color:white; 
			width:96%;/*Cant have at 100%, or it overlaps into sidebar2 for some reason    width:100%*/   
				border: 0px solid white;				
			display: block;
			margin: 0;
			padding: 0px 0px;
			text-align: left;
			text-decoration: none;
			font: 18px arial;											
					}
#navquiz div li 
/* This is the main text for the answers,  for text NOT within a link    */
{float: left; border: height:auto;
			color:#333; background-color:#f8f8f8; /* Need to specify this color separately, unless you want the colour that comes up in navquiz li    white;:#F63; = flesh ;  pulldowncolour backgrouund*/
			width:100%;/*  width:100%*/  
				border: 1px solid #666;
			/*display: block;/* As opposed to in-line */	
			margin: 0;
			padding: 15px 20px 15px 30px;
			text-align: left;
			text-decoration: none;
			font-size: 14px arial;/*  */			
		} /*  */					
					
#navquiz div a /*  formatting for text box or lower menu, if used for such, when used with a link    inherits from #navquiz li a ?   */
{	
/*		    position: relative;  */
/*		    display:inline; /*list-item; compact; run-in; t*/    /*  */	  
			margin: 0;
			padding: 0px 0px;
/*			width: auto;*/
/*			white-space: nowrap;*/
/*			text-align: left;  inherit; /*  */	
	
			text-decoration: none;
			border: none; 
		 /* background-color: #e20;/* e20 is a kind of rich RED red, as in card suit olour #5068aa;  #f4f5eb;background:#EAEBD8 = pearl ;  */
			/* color:#2975DE=full blue #2875DE;  */
			font-size: 12px arial;
			font-family: Arial}/* font size  */

#navquiz div  a:link    {color:#38488a;background-color:white}/*  */
#navquiz div  a:visited {color:#38488a;background-color:white}
#navquiz div  a:hover   {color:#d3e2e7;background-color:#38488a;}/*  */
#navquiz div  a:active  {color:#38488a;background-color:white}