/*---------------------------------------------------------------------------

	(c) 2002-2009 12noon, Stefan K. S. Tucker
	(c) 1996-2002 Perpetual Motion Software, Stefan K. S. Tucker

---------------------------------------------------------------------------*/

A:hover { color: red; }

BODY, TABLE
{
	font-family:	Verdana, Arial, sans-serif;
	font-size:		small;
}

BODY
{
	margin:				0;
	background-color:	#F8F8F8;
}

DIV#idContent
{
	clear:	right;	/* for Firefox */
	margin:	0 0.5em;
}

DIV.clsHR
{
	clear:			both;
	border-top:		1px solid lightsteelblue;
	width:			80%;
	margin-left:	0.5em;
}


/* --------------------------------------------------------------------------

	HEADER

*/

DIV#idHeader
{
	padding-bottom:	1em;
	border-bottom:		1px solid lightsteelblue;
}

DIV#idHeader IMG#idHomeLogo
{
	margin:				2em 0.5em 0em 1em;
	border:				0;
	vertical-align:	middle;
}

DIV#idHeader SPAN#idHeaderTitle
{
	vertical-align:	middle;
	margin:				0 0.5em;

	font-size:			xx-large;
	font-weight:		bold;
	white-space:		nowrap;
	letter-spacing:	1pt;
}


/*---------------------------------------------------------------------------

	Standard tags

*/

HR
{
	height:	1px;
	color:	ivory;
}

H2
{
	margin-top:			2em;
	font-size:			large;
	letter-spacing:	1pt;
}

H3
{
	font-family:	Georgia, Times New Roman, serif;
	font-size:		medium;
	font-weight:	bolder;
}

FORM FIELDSET
{
	width:				35em;
	padding:				0.5em 1.5em;
	background-color:	#EEE;
	border:				1px solid silver;
}
FORM FIELDSET LEGEND
{
	font-size:		medium;
	color:			#666;
	padding-left:	0.5em;
	padding-right:	0.5em;
}

LABEL
{
	font-weight:	bold;
}

/* used for examples */
PRE
{
	background-color:	#D0E4FE;
	border:				3px solid steelblue;
	padding:				2em 2em;
}

/* used for examples */
CODE
{
	font-size:		small;
}
P.clsCode
{
	margin-left:	3em;
}

UL, OL
{
	font-size:		small;
}
LI
{
	margin-bottom:	0.5em;
}
UL
{
	list-style-type:	square;
}



/*---------------------------------------------------------------------------

	Common styles

*/

A.clsLinkBig
{
	padding:				0.2em 0.3em;
	text-decoration:	none;
	font-family:		Verdana, Arial, sans-serif;
	font-size:			small;
	font-weight:		bold;

	border-top:			2px solid seagreen;
	border-left:		2px solid seagreen;
	border-right:		2px solid darkgreen;
	border-bottom:		2px solid darkgreen;
	color:				white;
	background-color:	green;
}
A.clsLinkBig:hover
{
	border-top:			2px solid darkgreen;
	border-left:		2px solid darkgreen;
	border-right:		2px solid seagreen;
	border-bottom:		2px solid seagreen;
	color:				darkgreen;
	background-color:	white;
}

A.clsLinkSmall
{
	padding:				0.2em 0.3em;
	text-decoration:	none;
	font-family:		Verdana, Arial, sans-serif;
	font-size:			x-small;
	font-weight:		bold;

	border:				1px solid steelblue;
	color:				white;
	background-color:	steelblue;
}
A.clsLinkSmall:hover
{
	color:				steelblue;
	background-color:	white;
}

P#idCopyright
{
	margin-top:		2em;
	padding:			1em;

	border-top:		1px solid lightsteelblue;
	color:			gray;
	font-size:		xx-small;
}



/*---------------------------------------------------------------------------

	Forms as callouts

*/

TABLE.clsTableForm
{
	float:				right;
	clear:				both;
	margin:				1em 0.5em;
	width:				20%;
	text-align:			left;
	font-size:			x-small;
}
TABLE.clsTableForm TH
{
	padding:				0.2em 0.5em;
	color:				white;
	font-size:			small;
}
TABLE.clsTableForm FORM, TABLE.clsTableForm P
{
	margin-top:			0.2em;
	margin-bottom:		0.2em;
}
TABLE.clsTableForm INPUT
{
	font-size:			x-small;
}

/* Mailing list form */
TABLE.clsTableForm#idGreen
{
	border:				1px solid darkgreen;
	background-color:	#DFD;
}
TABLE.clsTableForm#idGreen TH
{
	background-color:	darkgreen;
}

/* Search form */
TABLE.clsTableForm#idRed
{
	border:				1px solid darkred;
	background-color:	#FDD;
}
TABLE.clsTableForm#idRed TH
{
	background-color:	darkred;
}

/* Extra links */
TABLE.clsTableForm#idYellow
{
	border:				1px solid darkgoldenrod;
	background-color:	#FFD;
}
TABLE.clsTableForm#idYellow TH
{
	background-color:	darkgoldenrod;
}

/* Donation form */
TABLE.clsTableForm#idBlue
{
	border:				1px solid darkblue;
	background-color:	#DDF;
}
TABLE.clsTableForm#idBlue TH
{
	background-color:	darkblue;
}

/* Referrals */
TABLE.clsTableForm#idOrange
{
	border:				1px solid darkorange;
	background-color:	#FFD;
}
TABLE.clsTableForm#idOrange TH
{
	background-color:	darkorange;
}


/*
	PAYMENT METHODS
*/
H2.clsPayment
{
	border-top:			3px solid steelblue;
	border-bottom:		1px solid steelblue;
	padding:				0.5em;

	color:				white;
	background-color:	steelblue;
}
.clsPayment
{
	font-weight:		bold;
}


/* --------------------------------------------------------------------------

	SUPPORTING STYLES

*/

/*
	used by script functions that output "updated" and "new"
*/
SPAN.clsNew, SPAN.clsUpdated
{
	color:				red;
	font-family:		Verdana, Arial, sans-serif;
	font-size:			xx-small;
	font-weight:		bold;
	letter-spacing:	0pt;
	text-transform:	uppercase;
}

SPAN.clsHighlight
{
	color:				red;
	font-weight:		bold;
}

.clsLegal
{
	font-variant:		small-caps;
}

/* used for commercial license notice */
DIV.clsNotice
{
	margin:				2em 2em;
	padding:				0em 2em 2em 2em;

	background-color:	#D0E4FE;
	border:				3px double red;
}

P.clsNote, SPAN.clsNote
{
	font-size:	x-small;
}

P.clsBulletPoint
{
	margin-bottom:		0em;
	font-weight:		bold;
	text-transform:	capitalize;
}

P.clsBulletText
{
	margin-top:		0.5em;
	margin-left:	2em;
	line-height:	150%;
}


P.clsQuoteRight
{
	float:			right;
	clear:			right;
	border:			1px solid steelblue;

	width:			20%;
	margin:			0.5em 0em 0.5em 2em;
	padding:			0.7em;
	line-height:	150%;

	font-family:		Trebuchet MS, Verdana, Arial, sans-serif;
	font-size:			small;
	background-color:	#E8E8FF;
}

IMG.clsRight
{
	float:	right;
	margin:	0.6em 0 0.2em 1em;
	border:	0;
}