/*
	Style blocks are grouped by function (Global, Dividers, Black Bordered Lists,
	Problem Solvers, Calendar, News, Advocacy, Donations and TeamRaiser,
	Vertical Scroller, Rollover Popups, Slide Show, Deprecated) and then sorted by identifier. Styles applied
	to specific HTML elements are sorted to the top.
*/

/*
  Syntax hints:
	 .<class_name>				 ( ex: .appArea )
	 <element>.<class_name>  ( ex: div.subIndent )
	 #<id>						 ( ex: #DirSearchResults )
	 <element>#<id> is NOT supported by NS4
	 #<id> <element>.<class_name>  ( ex: #DirProfile-apparea table.lc_Table
													 for all tables of class lc_Table that
													 are within an element whose ID is
													 DirProfile-apparea )
*/
/*
	-- Global --
*/

A:link { color: #448cd6;}

A:hover { color: #f90; }

.fakeLink {
	color: blue;
	text-decoration: underline;
}

/* The following sets the default font styles.

	Explicit was added to fix a problem in NS4 that caused
	the font style to be lost after a checkbox or radio
	button. It is also useful for adding font style with
	a <span> element which won't do block rendering (and thus
	vertical whitespace).
*/

P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
}

BODY	{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	background-color: #fff;
	margin: 0px;
}

/*
	All classes inherit the default style stated above.
	At least they should. Some browsers don't work that
	way. Some classes set the same style as others, this
	is done to allow variation in the future.
*/

/* Display form fields in smaller monospace to fix Netscape width problem */

TEXTAREA, INPUT, SELECT, OPTION {
	font-family: "Lucida Console", Courier, monospace;
	font-size: 9pt;
}

/* The application area margin and width. */

.appArea {
	width: 650px;
	margin-left: 10px;
	margin-top: 10px;
}

.appAreaNowidth {
	margin-left: 10px;
	margin-top: 10px;
}

/* indent a block that isn't a block quote */
div.subIndent {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

/* provide a small amount of margin within some container */
/* The 99% width fixes some oddities in some browsers when */
/* the DIV contains a table and is itself within a DIV which */
/* has a colored background and contains other tables. */
div.smallMargin {
	margin: 4px;
	width: 99%;
}

/* Sets the font style for all error messages */

.ErrorMessage {
	font-size: 10pt;
	color: red;
}

/* when the user needs a little immediate help */
.Hint {
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	font-style: italic;
}

/*
	These are for the older style of lists without
	borders. These are used for simple selection
	lists and where the list does not contain
	editable objects.
*/

.ListHeadings {
	font-weight: bold;
}

.ListItem {
	font-size: 8pt;
}

/* smaller font for notes and such */
.NoteText {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
}

/*
	This is a general page title. It is also used
	wherever multiple pages edit the same object.
	Mind you, that doesn't happen a lot on the
	user side.
*/
.ObjTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin: 0px 0px 6px;
	padding: 0px;
}

/* Related Links */
.RLBack {
	background-color: #ccf;
}

table.RLBack {
	background-color: #ccf;
	border: solid 2px black;
	padding-left: 4px;
}

/* Read-only/view values */
.ROValue {
	background-color: #e7e7e7;
}

/* Replace FontMinus2 with a more descriptive name. */
.Smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.SmallerC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
}

/* Sets the font style for all success messages*/

.SuccessMessage {
	font-size: 10pt;
	color: green;
}

/* Sets the font style for all warning messages*/

.WarningMessage {
	font-size: 10pt;
	font-weight: bold;
}

/*
	These are for section dividers. dividerHeading is meant
	for use inside a <div class="appArea"></div>. The
	transparent image forces NS4 to render the background
	where it would otherwise not.
*/

p.dividerHeading {
	background-color: #ccc;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 1px 0px;
	width: 100%;
}

.Divider {
	background-color: #ccc;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
}

.SectionHead {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 2px;
	padding-left: 0px;
}