<STYLE TYPE=TEXT/CSS>
<!--
	/*	PASTEL COLORS
		blue	#99CCFF
		gray	#CCCCCC
		green	#AADDAA
		red	#FF9999
		yellow	#FFFFCC
	*/

	BODY
	{
		background-color: #FFFFFF;
		font-family: Verdana, Tahoma, Arial, Helvetica;
		font-size: 10pt;
		margin: 0;
		padding: 0;
	}
	TABLE
	{
		font-family: Verdana, Tahoma, Arial, Helvetica;
		font-size: 10pt;
		margin: 0;
		padding: 0;
	}
	.prettyTable, .prettyTable TH, .prettyTable TD
		/* Applied to most tables that are actually visible
		to the user (most tables containing actual information
		which are not used for page layout) */
	{
		border-color: #000000;
		border-style: solid;
	}

	.pageEntrance	/* .pageEntrance is a class used on index.html, the entrance page */
	{
		background-color: #000000;
		color: #993300;
	}
	.pageEntrance A
	{
		font-size: 10pt;
		text-decoration: none; /* no link underlining */
		text-transform: lowercase;
	}
	.pageEntrance A:link { color: #FFFFFF; }
	.pageEntrance A:visited { color: #FFFFFF; }
	.pageEntrance A:active { color: #CC0033; }
	.pageEntrance H1, .pageEntrance H2, .pageEntrance H3
	{
		color: #AA4400;	/* The red ("crimson") used in the main logo is actually #993300;
			because the text has less thickness than the red in the image,
			the text needs to be slightly brighter to show up against the black background */
		font-style: normal;
		text-decoration: none;
		text-transform: lowercase;
	}
	.pageEntrance H1
	{
		font-size: 48pt;
		margin-top: 0em;
		margin-bottom: 0em;
		padding-top: 0em;
		padding-bottom: 0em;
	}
	.pageEntrance H2
	{
		font-size: 18pt;
		margin-top: 0em;
		margin-bottom: 0em;
		padding-top: 0em;
		padding-bottom: 0em;
	}
	.pageEntrance H3
	{
		font-size: 10pt;
		margin-top: 0em;
		margin-bottom: 0em;
		padding-top: 0em;
		padding-bottom: 0em;
	}

	IMG
	{
		border: 0;
	}
	IMG.NAVBAR
	{
		height: 38px;
		width: 80px;
	}
	P.IMAGEPARA	/* For P elements that contain nothing except a large image */
	{
		text-align: center;
	}

	H1
	{
		font-family: Aharoni, Tahoma, Verdana, Arial, Helvetica;
		font-size: x-large;
		font-weight: bold;
		text-align: center;
	}
	H1 IMG
	{
		height: 48px;
	}
	H2
	{
		font-size: 18pt;
		font-weight: bold;
		margin-bottom: 0;
		text-align: center;
	}
	H3
	{
		font-size: 12pt;
		font-weight: bold;
		margin: 0;
		text-align: center;
	}
	H4
	{
		font-size: 12pt;
		font-weight: bold;
		margin: 0;
	}
	H5
	{
		font-size: 10pt;
		font-weight: bold;
		margin-bottom: 0;
	}
	H6
	{
		font-size: 8pt;
		font-weight: bold;
	}

	HR
	{
		background-color: #660000; color: #660000;
			/* background-color sets HR color for non-IE browsers,
			and color sets HR color in IE */
		border-width: 0; height: 2px;
			/* Border-width and height must be used in combination
			for HR to appear correctly across multiple types
			of browsers */
		margin-top: 1em;
	}

	/* These guest classes are used on speakers.html */
	.guestTable
	{
		margin-bottom: 20px;
	}
	.guestDesc
	{
	}

	/* These mapInterior classes are used on locations.html
	for the interior maps of Sever and Emerson */
	.mapInterior
	{
		text-align: center;
	}
	.mapInterior, .mapInterior TH, .mapInterior TD
	{
		border-color: #000000;
		border-style: solid;
	}
	.mapInteriorAudit	/* auditorium - has a podium and non-movable chairs */
	{
		background-color: #FF9999;
		font-size: xx-small;
	}
	.mapInteriorConf	/* conference room - has a conference table */
	{
		background-color: #CCCCFF;
		font-size: xx-small;
	}
	.mapInteriorHall	/* hallway */
	{
		background-color: #CCCCCC;
		font-size: xx-small;
	}
	.mapInteriorLect	/* lecture room - has lecture podium and movable chair-desks */
	{
		background-color: #99FF99;
		font-size: xx-small;
	}
	.mapInteriorRoom	/* any other room */
	{
		background-color: #FF9966;
		font-size: xx-small;
	}

	.tracks	/* These are event tracks;
		cannot control background color or text color here,
		must do it in CGI script, for reason that each
		track has a different background color assigned to it and
		the text of tracks is either black or white
		depending on how dark the background is */
	{
		font-size: 10pt;
		font-weight: bold;
		text-decoration: none;
	}

	.adminRegUnpaid		/* How unpaid registrants
			are marked in administrative registration */
	{
		background-color: #FF6666;
	}
	.adminRegUnverified	/* How paid registrants without a registrar verifier
			are marked in administrative registration */
	{
		background-color: #FFCCCC;
	}
	
	/* Classes that begin with the name ".scheduleGraphical"
	are used on "events/graphical.html" */
	.scheduleGraphical
	{
		background-color: #DDDDDD;
	}
	.scheduleGraphical, .scheduleGraphical TD
		/* Every class that begins ".schedule" except for .scheduleGraphicalDayOfWeek */
	{
		border-color: #000000;
		border-style: solid;
	}
	.scheduleGraphicalDayOfWeek
	{
		background-color: #660000;
		border-width: 0;	/* Override inherited border to make it disappear;
			this is necessary because, since the table is so wide,
			I make the day of the week appear three times:
			once on the left, once in the middle, and once on the right;
			if a border appeared, then it could very clearly separate
			the three day-of-the-week labels each appear to
			clearly be in a different cell when we want the user
			to see them as a single cell */
		color: #FFFFFF;
		font-size: x-large;
	}
	.scheduleGraphicalCorner	/* Upper-left corner intersection of location row and time column */
	{
		background-color: #AAAAAA;
		font-size: xx-small;
		font-weight: bold;
		text-align: center;
	}
	.scheduleGraphicalLocation
	{
		background-color: #AAAAAA;
		font-size: xx-small;
		font-weight: bold;
		text-align: center;
	}
	.scheduleGraphicalTime
	{
		background-color: #AAAAAA;
		font-size: xx-small;
		font-weight: bold;
		text-align: right;
	}
	.scheduleGraphicalEvent
	{
		/* notice that this class specifies a background color,
			and that this background color is white
			rather than the background color of the event track;
			there are two reasons for this:
			first, the little arrow graphics are on a white background
			rather than a transparent background,
			so having a white background makes the arrows not look bad;
			secondly, the event track text consist of hyperlinks,
			which are automatically blue in most browsers,
			which does not necessarily show up well against several colors,
			so keeping the background white makes the hyperlinks readable */
		background-color: white;
		font-size: x-small;
		/* since there needs to be some way to use color to indicate the event track,
			create margins at top and bottom
			(for some reasons, margins on left and right just don't look good)
			so that each event cell will have a margin
			in which the background color
			indicating the event track can be displayed */
		margin: 1em 0em 1em 0em;
		text-align: center;
	}

	/* DT and DD elements are used on a few event pages;
	these are events like author signings and the anime room in which
	there are several items in a list, with each item consisting
	of a heading (e.g. author or anime title) followed by a description
	(e.g. author's works or synopsis of the anime) */
	DL
	{
	}
	DT
	{
		font-size: 8pt;
		font-style: italic;
		font-weight: bold;
		margin-top: 1em;
		margin-left: 0;
	}
	DD
	{
	}

	/* These anime genres were used on the 2005 anime showing event pages
	to indicate the genre of the anime show */
	.animeBigNameHit	/* anime genre: big-name hit */
	{
		background-color: #CCCCFF;
	}
	.animeAction		/* anime genre: action */
	{
		background-color: #CCCCCC;
	}
	.animeSpecial		/* anime genre: special pick */
	{
		background-color: #99FF99;
	}
	.animeSweetAndFun	/* anime genre: sweet and fun...or not */
	{
		background-color: #FFCCFF;
	}
	.animeWeird		/* anime genre: mind-twisting weirdness */
	{
		background-color: #FFFF99;
	}
	
	A.LINKLOGOUT	/* Link for logging out that shows up on some script pages
		when the user is logged in */
	{
		font-size: 8pt;
	}

	P.COPYRIGHT	/* Copyright text at bottom of every page */
	{
		font-size: 8pt;
		font-style: italic;
		margin: 0;
		text-align: center;
	}
-->
</STYLE>