/*Test Stylesheet 
	formerly for Raiders Web Page index.html or MAIN FRAME SET PAGE
	re-used for other pages

*/

/* Indicate Style for BODY area */
/* Which Frames don't have......... */

BODY
{
		/*background-position: center center;  DOESN't WORK */	
		background-color: white;
		background-image: url("backgrounds/paper.jpg");
		background-repeat: repeat;
		background-attachment: fixed;  /* doesn't work  either */
}

/*	This Sets the default font for P elements or paragraphs					*/
/*	Mostly P Inherits from BODY so this is not strictly necessary				*/
/*	Though TABLE don't inherit in Netscape but does in some browsers			*/
/*	Might as well set them here and we won't get unexpected results				*/

P
	{
		/*color: green;*/
		font-family: 'times new roman', 'sans-serif', 'Arial', 'serif';
	}


/* Defaulting A or LINK elements as well*/

A
	{
		font-family: 'times new roman', 'sans-serif', 'Arial', 'serif';
	}




/* global change for SUPerscripted text*/ 
/* Ie CHANGE SIZE so I don't get 23RD with the RD superscripted */
SUP
{
	font-size: 60%;
}

BLOCKQUOTE
{
font-weight: bold;
}

/* Here are some paragraph STYLES for the Newsletter at present I have been unable to arrive at a satisfactory method
	of transferring *.DOC to *.HTML, Please don't suggest "Save as HTML" Or I will think very BAD thoughts at you!
	So : PASTE each Column Into a cell and hopefully use these paragraph styles to reproduce layout.
	Judicious usage should provide a easonable facsimile.
	Any Workable solutions much appreciated
*/
P.TopTitle
{
	text-align: center;
	font-weight: bold;
	font-size: 130%;
	text-decoration: underline;
	margin-bottom: 1em;
	color: black;
}
P.Title
{
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	text-decoration: underline;
	color: black;
}
P.Author
{
	text-align: right;
	font-weight: bold;
	font-size: 105%;
	color: red;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}
/*  For Putting A Box Around a bunch of text as gerrym has started to do recently */
/*  Note this is a SPAN construct, there probably is a more correct way to do this but*/
/*  I haven't found it */

SPAN.decoborder
{
border: solid thin black;
/*margin: 1em;*/
}

P.BigHeaderC
	{
		text-align: center;
		font-weight: bold;
		font-size: 200%;
	}
P.MidHeaderC
	{
		text-align: center;
		font-weight: bold;
		font-size: 150%;
	}
P.MidHeaderC2
	{
		text-align: center;
		font-weight: bold;
		font-size: 130%;
	}
P.MidHeaderC3
	{
		text-align: center;
		font-weight: bold;
		font-size: 120%;
	}


/* Test stuff for tables*/
/* Beware These Entries control How the 'default' stuff in a table looks*/
/* Specifically what Font to use here, test them by changing to:  font-family: 'symbol'; for that GREEK look */

TABLE
	{
		font-family: 'times new roman', 'sans-serif', 'Arial', 'serif';
	}
TH
	{
		font-family: 'times new roman', 'sans-serif', 'Arial', 'serif';
	}
TD
	{
		font-family: 'times new roman', 'sans-serif', 'Arial', 'serif';
	}

TABLE.fudge
{
		background-image: url("backgrounds/paper.jpg");
}

/* A thin Border around a text section */
/* el cheapo way */
.decobox1
{
	border: solid thin black;
	border-size: 100%;
}

/* for Notes NOT TO BE SEEN on WEB SITE only for Internal Review */
P.Special
{
background-image: url("backgrounds/swirlies.gif");
color: green;
border: solid red;
	/*font-family: "Arial";*/
font-weight: bold;
}

/*
// Now I Know that Special Works
*/

/* ?? TAG for changing the STYLE of Selected parts of Paragraphs eg Make the first few words BOLD
	use <SPAN class="myclass">BLAH</SPAN>
	Clumsy but can't think of better as see below:-
*/
.pstart
{
font-weight: bold;
font-size: 95%;
/*color: red;		uncomment this for checking */
}




/*
 yet another paragraph format: many of these are redundant; but I'm sure some people will demand Sasquatch font 120pt 900
	etc. etc. This makes the style sheet longer but it should be easy to maintain


 	This Paragraph has little pictures stuck next to the start it would be better to format the picture
	into the paragraph but I can't think of an exact way to do this at the moment
	I had to specify some margins to keep aesthetics better

*/


P.LeftHead
{
	color: red;
	font-weight: bold;
	text-align: left;
	margin-bottom: 0.25em;
	margin-top: 0.5em;
	text-decoration: underline;
}
/*
And For my main text
*/
P.MainText
{
	color: #B7301E;
	font-weight: bold;
	font-size: 95%;
	text-align: left;
	margin-left: 1em;
	margin-bottom: 0.25em;
	margin-right: 0.5em;
	margin-top: 0.25em;
	/*text-indent: 3em;*/
}
/*
And For Small Paragraphs of MainText
*/
P.MainTextLeft
{
	color: yellow;
	font-weight: bold;
	text-align: left;
	margin-left: 1em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	margin-top: 0.5em;
	/*text-indent: 3em;*/

}
P.Story
{
	color: Purple;
	font-weight: bold;

	text-align: left;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	margin-top: 0.5em;
	

}
P.StoryHead
{
	color: Red;
	font-weight: bold;
	font-size: 105%;
	text-align: justify;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	margin-top: 0.5em;
	

}
P.BigHead
{
	text-align: center;
	text-decoration: underline;
	font-size: 150%;
	font-weight: bold;
	color: green;
}

/*
SPAN to make underlined
*/
.MainLine
{
	text-decoration: underline;
}
/*
SPAN to Italicize
*/
.MainItalic
{
	color: green;
	font-style: italic;
	font-size: 100%;
}


/* Put TD Table data in middle of BOX */
TD.boxcenter
{
text-align: center;
vertical-align: middle;
}


/* 	For text {LINKS} in the sidebar
	Which I don't wan't changing size, I hope this will cover that contingency
	I got a messy scrollbar when I changed my screen font
*/
A.fixed
{
font-size: 10pt;
font-weight: bold;
	/*font-family: "Arial";*/
}



P.nyah
{
	font-weight: bold;
	color: green;
	font-size: 110%;
	text-align: left;
}
P.emph
{
	font-weight: bold;
	color: green;
	font-size: 110%;
	text-align: left;
	text-decoration: underline;
	margin-top: 0.5em;
	margin-left: 2.5em;
}
P.info
{
	color: cyan;
	font-weight: bold;
	text-decoration: italic;
	font-size: 85%;
	text-align: left;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: outset grey;
}

/* Hmm have to come up with some weird constructs to avoid DEPRECATED usage*/
/* Heres one to cause text not to float beside a table*/
BR.mytable
{
	clear: left;		/* this will work if the table is on the LEFT SIDE*/
}

/* Some styles for IMG
	Inline use of <IMG SRC="blah" WIDTH=XX HEIGHT=YY BORDER=X ALT="ALT BLAH" ALIGN=BLAH>
	IS DEPRECATED {hmm}
	supposed to go:

	<IMG SRC="URI" Class="Image Class">
	with "Image Class" defined in the style sheet {why?}
	but then you can't set width etc in CSS only FLOAT
	So just to get a correct FLOAT.... WAFTAM

*/
/* So Here are some*/
IMG.bjcman
{
	Float: left;
}
/* Some experiments with LH and LI ie List headers and List items */
DL
{
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	/*color: green;*/
}
SPAN.underline
{
	font-size: 105%;
	font-weight: bold;
	text-decoration: underline;
	/*color: red;*/
}
/* Classes Not working on  DL DT DD
DD.fred
	{
		color: green;
	}

*/
UL
{
	color: green;
	font-size: 105%
	font-weight: bold;
	text-decoration: none;
	list-style: circle;
}
LI
{
	color: blue;
}
/*
IE accepts this
Netscape doesn't
*/
LI P
{
	color: black;
	font-weight: bold;
	font-size: 95%;
	text-decoration: none;
	margin-top: 0em;
	margin-bottom: 0em;

}
LI P.LI
{
	color: green;
	font-weight: bold;
	font-size: 95%;
	text-decoration: none;
	margin-top: 0em;
	margin-bottom: 0em;

}
/*
So For Netscape to look the same in LI
elements
*/
P.LI
{
	color: green;
	font-weight: bold;
	font-size: 95%;
	text-decoration: none;
	margin-top: 0em;
	margin-bottom: 0em;

}


HR
{
	width: 75%;
	align: center;
	color: black;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
