html, body  
		{
		font-size: 14px;
		font-family: arial-light, geneva, verdana;
		font-weight: normal;
padding: 0px; /*--- turns off browser default --- */
border: 0;  /*--- turns off browser default --- */
margin: 15px 40px;  /*--- turns off browser default --- */
background: #649BC1;   
text-align: center; /*--- centers wrapper div in non-compliant (IE) browsers (also centres 
body text in compliant browsers, so correct this with use of text-align: left; on the wrapper div --- */
min-width: 768px; /*--- counters Moz issue where if the size of the browser window is 
reduced to less than the wrapper width, half of the wrapper div hangs off the left of the 
page and thus renders the page unusable - so set min-width to width of the wrapper div --- */
	color:#555;
		}
		/*--- UNIVERSAL ('*' selector) --- */

*
		{padding: 0; margin: 0;} 
		/*--- remove browser default padding and
		margin (they vary between browsers) on all
		elements, which can then be added on 
		individual elements) ---*/
	img.logo
		{
			padding: 0px;
			margin: 0px 30px 10px 0px;
			width: 230px;
			height: 122px;
			float: right;
		}
    img.logo2
		{
			padding: 0px;
			margin: 10px 15px 10px 10px;
			width: 230px;
			height: 211px;
			float: right;
		}
	img.author
		{
			padding: 0px;
			margin: 10px 0px 10px 40px;
			width: 150;	
		}
	img.button
		{
		float: right;
		border:none;
		margin: 5px 120px 5px 10px; 
		height: 16px;
		width: 67px;
		}
		
	a#johnfogg
		{color: #555}
	
	a
		{
			text-decoration: none;
			font-size: small/14px;
			font-weight: light;
		}
		
		a#h
		{
		font-size: large;
		font-weight: normal;
		font-family: Verdana, Geneva, sans-serif;
		font-color:#888;
		padding:0;
		}

	a:link, a:visited
		{

			color: #0000dd;
			font-family: arial;
			font-size: 14px;
		}
	a:hover, a:visited:hover 
		{ 
			color: #9966CC;
			text-decoration: underline;
		}
	div#wrapper
		{
			width: 600px; /*--- width of nested content(700) and navbar(150) divs --- */
			height: auto;
			margin: 15px auto; /*--- centers div in compliant browsers --- */
			padding:0px 0px;
			background:#fff;
			text-align: left; /*--- corrects the div-centering used in html, body for non-compliant (IE) browsers --- */
		}	
	p
		{
			margin: 0px 40px 10px 40px;
			width:500px;
		}
	ul.three
		{
			margin: 10px 50px 10px 50px;
			width:500px;
			list-style-type: none;
		}
		ul.four
		{
			margin: 10px 50px 10px 70px;
			width:500px;
			list-style-type: none;
		}
		indent
		{
		margin: 0px 0px 0px 250px;
		}
		ul#list
		{
		margin: 10px 70px 10px 70px;
		width: 400px;
		}
		li
		{
		margin: 7px; 0px 0px 0px;
		}
		
	
	
	#navcontainer
		{
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 20px;
			border-top: 1px solid #222;
			z-index: 1;
		}

	#navcontainer ul
		{
			list-style-type: none;
			text-align: center;
			margin-top: -8px;
			padding: 0;
			position: relative;
			z-index: 1;
		}

	#navcontainer li
		{
			display: inline;
			text-align: center;
			margin: 0 5px;
		}

	#navcontainer li a
		{
			padding: 1px 7px;
			color: #ffee00;
			background-color: #fff;
			border: 1px solid #ccc;
			text-decoration: none;
			font-family: 'helvetica' sans serif;
			color: #2554C7;
		}

	#navcontainer li a:hover
		{
			color: #ffee00;
			border: 1px solid #666;
			border-top: 2px solid #666;
			border-bottom: 2px solid #666;
			background-color: #2554C7;
		}
	#navcontainer li a#current
		{
			font-weight: bold;
			color: #2554C7;
			border: 1px solid #bbb;
			border-top: 2px solid #bbb;
			border-bottom: 2px solid #bbb;
			background-color: #fff;
		}

		
/*--- CONTENT (contains the primary content --- */

	div#content /*--- (total width=600+100= 700px --- */
		{
			float: left;
			width: 600px;
			height: auto;
			margin: 0px 0px 30px 0px;
			padding: 20px 0px 20px 0px;
			background:#fff;
			border: 1px solid #555;
			border bottom: 20px #888;
		}

/*--- CLEAR (non-semantic junk to clear floats and wrap preceding divs) --- */
	div.clear
		{
			clear: both;
			background: transparent; /*--- some browsers render a thin div even though height is 0 --- */
			height: 0px;
			overflow: hidden;
		}
		h1
		{
		font-size: large;
		font-weight: normal;
		font-family: Verdana, Geneva, sans-serif;
		font-color:#CCC;
		margin:0px 50px 6px 60px;
		padding:0;
		}
		h2
		{
		font-size: large;
		font-weight: lighter;
		font-family:  Geneva, Verdana, sans-serif;
		color:#333;
		margin:0px 20px 3px 30px;
		padding:0;
		}
		h3
		{	
		width: 450px;
		font-size:16px;
		font-family: Arial, Verdana, Geneva, sans-serif;
		margin: 10px 0px 10px 60px;
		text-align:center;
		border: 1px solid #E1C126;
		padding: 10px;
		color: #649BC1;
		}
		h4
		{	
		width: 450px;
		font-size:16px;
		font-family: Arial, Verdana, Geneva, sans-serif;
		margin: 10px 0px 10px 60px;
		text-align:left;
		font-weight:normal;
		border: 1px solid #E1C126;
		padding: 10px;
		color: #2554C7;
		}
		h5
		{
		font-size: large;
		font-weight: normal;
		font-family: Verdana, Geneva, sans-serif;
		font-color:#888;
		margin:0px 40px 6px 60px;
		padding:0;
		}
        h6
		{
		font-size: 14px;
		font-weight: normal;
		font-family: Verdana, Geneva, sans-serif;
		color: #2554C7;
		margin:10px 60px 20px 60px;
		padding:0;
		}
		h7
		{	
		width: 500px;
		font-size:10px;
		font-family: Arial, Verdana, Geneva, sans-serif;
		margin: 50px 10px 10px 50px;
		text-align:left;
		font-weight:normal;
		border: 1px solid #E1C126;
		padding: 10px;
		color: #CCC;
		}
		span.blue
		{
		color:#0000dd;
		}
strong
{
font-weight:bold;
}
img.logo
{
width: 273px;
height: 143px;
}


img.masters
{
width: 400px;
height: 100px;
text-align:center;
margin: 10px 90px;
border: none;
}
img.masters75
{
width: 400px;
height: 75px;
text-align:center;
margin: 10px 90px;
border: none;
}

	.note
	{
	color: #888;
	font-weight: lighter;
	font size: small;
	}
	.authors
	{
	margin: 3px, 40px, 3px, 40px;
	color: #666;
	font-weight: normal;
	font-size: normal/ 14px;
	}
	.sessionstitle
	{
	margin: 3px, 40px, 3px, 40px;
	color: #222;
	font-weight: bold;
	font-size: normal/ 14px;
	}
	.bonustitle
	{
	margin: 3px, 40px, 3px, 40px;
	color: #4b65db;
	font-weight: bold;
	font-size: normal/ 14px;
	}
	blockquote /*--- adds side graphic --- */
	{
	padding: 5px 0px 0px 0px;
	border: 0;
	margin: 0px 0px 0px 50px;
	}

	.q99  /*--- junk div to provide 6699 curly quote --- */
	{
	padding: 5px 0px 0px 0px;
	margin: 0px 100px 0px 0px;
	}

	blockquote p
	{
	width:400px;
	font-size: 20px;
	line-height: 130%;
	color: #666;
	font-family: helvetica, verdana, sans-serif;

	}
	
    blockquote n
	{
	width:400px;
	font-size: 10px;
	line-height: 130%;
	color: #666;
	font-family: helvetica, verdana, sans-serif;

	}