/******************
 * General layout *
 ******************/

/* ?: Should the fonts Belbottom or Belbottom.Laser be used anywhere? */

body
{
	background-color: #C0C0C0;	/* Old-skool grey */
	background-attachment: fixed;	/* should this be fixed!important ? */
	/* Does it really have to be fixed? */

	margin: 8px; /* Use this to align foreground aaardavrk with the background aaardvark */

}

body A:link
{color: #0000FF;}

body A:visited
{color: #800080;}


/* Use to kill off all floatingness */
P.ClearFloatLeft
{
	clear: left;
}

P.ClearFloatRight
{
	clear: right;
}

P.ClearFloat
{
	clear: both;
}



/* Headings */

H1
{
	/*
	font-family: BellBottom, "BellBottom.Laser";
	font-weight: normal; Buggers up the font if bold
	Perhaps a few pages could have extra-large heading sizes.
	*/
	font-size: 165%;
	text-align: center;
}

H2
{
	font-size: 145%;
}


/* ?: Make this more generic so I can alas use on the things page for "DEFINITELY NOT AN ADVERTISEMENT */
.FrontPageHeading
{
	text-align: center;
}

.FrontPageHeading H1
{
	display: inline;
}




/* Text sizes */

.TinyText
{
	font-size: xx-small;
}



/**********
 * Images *
 **********/

IMG.RightFloat
{
	float: right;
	vertical-align: top;
	margin: 0px 0px 0px 4px;
}

IMG.LeftFloat
{
	float: left;
	vertical-align: top;
	margin: 0px 4px 0px 0px;
}


/*********
 * Lists *
 *********/

.ListOfSUHandbookEntries
{
	font-size: larger;
	font-weight: bold;
}

.ListOfDisinfoes
{
	list-style-type: upper-roman;
}


/* Used in lists to describe the item in the list */
.ListItemDesc
{
	font-size: x-small;
}



/*******************************************************
 * Links in part of the page where links need emphasis *
 *******************************************************/

/* Use in an area where links need to be hilited */
/* RENAME now I have the line-spacing thingy */
.HiliteLinks
{
	font-size: larger;
	line-height: 1.7em;
}

.HiliteLinks A:hover
{
	font-size: larger;
	background-color: #FFFBF0; /* Use background img instead? */
	border-style: dashed;
	padding: 10px;
}

.HiliteLinks .CancelHilite A:hover
{
	background-color: transparent; /* Use background img instead? */
	border-style: none;
	font-size: normal;
	padding: 0px;

}




/****************************
 * Interactive thingamajigs *
 ****************************/


.InteractiveBitOnFront
{
	text-align: center;
}


.NotAMysteryBox
{
	/* display : table-cell; */	/* Centres the box if in a <DIV align=center> */

	font-size: 150%;
	text-align: left;
}


.MysteryBox
{
	/* display : table-cell; */	/* Centres the box if in a <DIV align=center> */

	background-color: #C0C0C0;
	border-width: 10px;
	border-style: outset;
	border-color: #C0C0C0;
	padding: 1em;
	font-size: 120%;

	text-align: left;
}

.MysteryBox H3
{
	font-size: 120%;
	display: inline;
}



/*****************
 * Misc. Classes *
 *****************/


.Indent
{
	margin-left: 3em; /* ?: In CSS, is there a better way of expressing indents? */
}


.Hint
{
	font-style: italic;
	font-size: small;

	/* background-color: #E0B0E0; */
}


.Tagline
{
	font-family: "Zapf Chancery Italic", "Zapf Chancery Medium Italic BT", "Lucida Calligraphy Italic", "Times New Roman Italic";
	/* font-size: small; */
	text-align: right;
}


.FeedbackText
{
	font-stretch: expanded;	/* Supported? */
	letter-spacing: 0.1em;
	font-weight: bold;
}

/**************
 * Front page *
 **************/

.WelcomeMessage
{
	text-align: center;
	margin: 30px 12%;
	font-size: larger;
}


.AnnouncementBox
{
	background-color: #C0C0C0;
	padding: 0.5em;
	border-color: #C0C0C0;
	border-style: groove;
}

.Announcement
{
	background-color: #000000;
	color: #C0C0C0;
	margin: 0.3em;
	padding: 0em 0.5em 1em 0.5em;
	border-color: #C0C0C0;
	border-style: inset;
}

.Announcement .ImportantAnnouncement
{
	font-size:larger;
	color: #E8E8E8;
}

.Announcement A:link
{color: #800080;}

.Announcement A:visited
{color: #0000FF;}



/**********
 * Photos *
 **********/

#GroupPhoto94PhotoWithCaption
{
	width: 447px;	/* Width of the 1994 group photo */
	text-align: justify;
	font-size: smaller;
	margin-bottom: 3em;
	margin-top: 3em;
}

/**********
 * Things *
 **********/

#DoYouNeedThings
{
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	font-size: small;

	border-style: double;
	background-color: white;
	padding-left: 1em;
	padding-right: 1em;
}

#DoYouNeedThings H3
{
	text-align: center;
}