/*.linesbg { background-color: #FF99CC; background-image: url(lines.gif); background-repeat: repeat; }
.fadebg { background-color: #FF99CC; background-image:  url(linefade.gif); }
.pinkbg { background-color : #FF0099; }
.blackbg { background-color : #000000; vertical-align: middle; }
.darkbg { background-color : #003366; }
.medbg { background-color : #0053A6; }
.litebg { background-color : #A2D0F5; }
.yellowbg { background-color : #FFFD7D; }

.special { color: #003366; font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; }
.white { color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; }
.bct { color: #000000; font-family: Arial, sans-serif; font-weight: bold; font-size: 10px; }
.fnt { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

.tblue { color: #ffffff; background: #6699cc; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; }
.tdblue { color: #ffffff; background: #006699; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; }
.tgray { color: #ffffff; background: #666666; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; }*/

body,td,th,  .Explicit {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 12px; 
font-weight: normal;
color: #21181A;
}
p, ul, li {
margin-top:8px;
color:#21181A;
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 12px; 
}


a:link      { font-weight: bold; color: #B3365F; }
a:visited   { font-weight: bold; color: #B3365F; }
a:hover     { font-weight: bold; color: #000; }
a:active    { font-weight: bold; color: #000; }

/*a.wlinks:link { text-decoration: none; color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; }
a.wlinks:visited { text-decoration: none; color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; }
a.wlinks:hover { text-decoration: underline; color: #ffffff; font-family: Arial, sans-serif; font-size: 12px; }

a.highlight:link { text-decoration: none; color: #B3365F; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; font-weight: bold; }
a.highlight:visited { text-decoration: none; color: #B3365F; font-family:  Georgia, "Times New Roman", Times, serif;; font-size: 10px; font-weight: bold; }
a.highlight:hover { text-decoration: underline; color: #B3365F; font-family:  Georgia, "Times New Roman", Times, serif;; font-size: 10px; font-weight: bold; }

a.mainlink:link  {text-decoration: none; font-weight: bold; color: #B3365F; border-bottom:1px solid #F0C5D1;}
a.mainlink:visited  {text-decoration: none; font-weight: bold; color: #B3365F; border-bottom:1px solid #F0C5D1;}
a.mainlink:hover {text-decoration: none; font-weight: bold; color: #000; border-bottom:1px solid #000;}
a.mainlink:active {text-decoration: none; font-weight: bold; color: #000; border-bottom:1px solid #000;}


a.footer:link { text-decoration: none; color: #003366; font-family: Arial, sans-serif; font-size: 10px; }
a.footer:visited { text-decoration: none; color: #003366; font-family: Arial, sans-serif; font-size: 10px; }
a.footer:hover { text-decoration: underline; color: #003366; font-family: Arial, sans-serif; font-size: 10px; }

a.nav:link { text-decoration: none; color: #003366; font-family: Arial, sans-serif; font-size: 12px; }
a.nav:visited { text-decoration: none; color: #003366; font-family: Arial, sans-serif; font-size: 12px; }
a.nav:hover { text-decoration: underline; color: #003366; font-family: Arial, sans-serif; font-size: 12px; }

a.fbox:link { text-decoration: none; color: #006699; font-family: Arial, sans-serif; font-size: 12px; }
a.fbox:visited { text-decoration: none; color: #996699; font-family: Arial, sans-serif; font-size: 12px; }
a.fbox:hover { text-decoration: underline; color: #006699; font-family: Arial, sans-serif; font-size: 12px; }

a.breadl:link { text-decoration: none; color: #999999; font-family: Arial, sans-serif; font-size: 10px; }
a.breadl:visited { text-decoration: none; color: #999999; font-family: Arial, sans-serif; font-size: 10px; }
a.breadl:hover { text-decoration: underline; color: #666666; font-family: Arial, sans-serif; font-size: 10px; }

a.blc:link { text-decoration: none; color: #999999; font-family: Arial, sans-serif; font-size: 10px; font-weight: bolder; }
a.blc:visited { text-decoration: none; color: #999999; font-family: Arial, sans-serif; font-size: 10px; font-weight: bolder; }
a.blc:hover { text-decoration: underline; color: #666666; font-family: Arial, sans-serif; font-size: 10px; font-weight: bolder; }

.pipe { color: #999999; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; }

.input { color: #003366; background: #DEF2FF; font-weight: normal; font-size: 11px; width: 120px; }
.inputrequired { color: #003366; background: #FDE1F8; font-weight: normal; font-size: 11px; width: 120px; }
.iform { color: #003366; background: #DEF2FF; font-weight: normal; font-size: 11px; }



.title { font-family:  Arial, sans-serif; font-weight: normal; font-size: 24px; }
.boldtitle { font-family: "Arial Black", Arial, sans-serif; font-weight: normal; font-size: 24px; }
.subtitle { font-family: Arial, sans-serif; font-weight: normal; font-size: 15px; }
.newstitle { font-family: Arial, sans-serif; color: #195999; font-weight: bold; font-size: 12px; }
.small { font-family: Verdana, sans-serif; font-size: 11px; }
.title1 { font-family: Arial, sans-serif; font-size: 25px; }

*/


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

/* 
	-- Global --
*/

A:link { color: #003366; }

A:hover { color: #FF0099; }

/*
	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 {

	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;
}

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

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

/* when the user needs a little immediate help */
.Hint{
	color: black;
	font-family: Verdana, Arial, Helvetica, 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: Verdana, Arial, Helvetica, 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 0px;
	padding: 0px 0px 0px 0px;
	color: black;
}


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

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

/* Replace FontMinus2 with a more descriptive name. */
.Smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
	
/* 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;
}

/*
	-- Dividers --
*/

/*
	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: #F4D7DF;
	background-image: URL(../images/sp.gif);
	color: black;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight : bold;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	width: 100%;
}

.Divider{
	background-color: #def2ff;
	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;
}

/*
	-- Black Bordered Lists --
*/

/*
	In order to get the vertical black lines it is
	necessary to spcify tables with no padding or 
	spacing. Whitespace must be added in the styles
	so the text may be read.
*/

p.PaddedEntry {
	margin-top : 2px;
	margin-right : 3px;
	margin-left : 3px;
	margin-bottom : 2px;
	font-size: 10pt;
}

/* bold */
p.PaddedEntryB {
	margin-top : 2px;
	margin-right : 0px;
	margin-left : 6px;
	margin-bottom : 2px;
	font-size: 10pt;
	font-weight: bold;
}

/* centered */
p.PaddedEntryC {
	margin-top : 2px;
	margin-right : 3px;
	margin-left : 3px;
	margin-bottom : 2px;
	font-size: 10pt;
	text-align: center;
}

/* right aligned */
p.PaddedEntryR {
	margin-top : 2px;
	margin-right : 0px;
	margin-left : 6px;
	margin-bottom : 2px;
	font-size: 10pt;
	text-align: right;
}

/* heading styles used with TableHeadings below */
p.PaddedListHeadings {
	margin-top : 2px;
	margin-right : 3px;
	margin-left : 3px;
	margin-bottom : 2px;
	font-weight : bold;
	color: white;
}

/* centerd heading */
p.PaddedListHeadingsC {
	margin-top : 2px;
	margin-right : 3px;
	margin-left : 3px;
	margin-bottom : 2px;
	font-weight : bold;
	text-align: center;
	color: white;
}

/* right justified heading */
p.PaddedListHeadingsR {
	margin-top : 2px;
	margin-right : 3px;
	margin-left : 3px;
	margin-bottom : 2px;
	font-weight : bold;
	text-align: right;
	color: white;
}

/* The "Small" ones are for Contact DB Configuration. */

p.PaddedListHeadingsSmall {
	margin-top : 2px;
	margin-right : 3px;
	margin-left : 3px;
	margin-bottom : 2px;
	font-weight : bold;
	font-size: 8pt;
}

p.PaddedEntrySmall {
	margin-top : 5px;
	margin-right : 6px;
	margin-left : 6px;
	margin-bottom : 5px;
	font-size: 8pt;
}

p.PaddedEntrySmallC {
	margin-top : 5px;
	margin-right : 6px;
	margin-left : 6px;
	margin-bottom : 5px;
	font-size: 8pt;
	text-align: center;
}

/*
	Zero margin to put in the table
	cells that generate the vertical black lines.
*/

p.spacer {
	margin-top : 0px;
	margin-right : 0px;
	margin-left : 0px;
	margin-bottom : 0px;
}

/*
	Sets a transparent background that
	allows WrapperBack below to show 
	through. This overrides the background
	color setting at the top of this file.
*/

table.Backed {
	background-color: transparent;
}

/* background for the headings */

td.TableHeadings {
	background-color: #1e69b0;
}

th.TableHeadings {
	background-color: #1e69b0;
}

/*
	Right alignment style orignally created
	for the sort buttons.
*/

td.TableHeadingsR {
	background-color: #003366;
	text-align: right;
}

/*
	These set the border and line color 
	by setting the background of a parent
	table or table cell.
*/
td.WrapperBack {
	background-color: #003366;
}

table.WrapperBack {
	background-color: #003366;
}

/* these alternate the row background color */

.ListItem0{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f5fcff;
	font-size : 8pt;
}

.ListItem1{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffee;
	font-size : 8pt;
}

/*
	-- Problem Solvers --
*/

/*
	Sets the font style for all Buttons. This is used
	to overrride the setting for <input> above.
*/

.Button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
}

/*
	This fixes NS4's tendency to force inline styles 
	on following elements in the document.
*/
p.centered {
	text-align: center;
}

p.righted {
	text-align: right;
}

/* 
	Use this on a table cell or <span> element around 
	a <textarea> element so it will inherit the right 
	font. NS4 has a problem (or six) with CSS 
	inheritance.
*/

.NetscapeFix {
	font-family: "Lucida Console", Courier, monospace;
	font-size: 9pt;
}

/*
	These two are the same as the above but with 
	alternating background colors.
*/
.NetscapeFix0 {
	font-family: "Lucida Console", Courier, monospace;
	background-color: #f5fcff;
	font-size: 9pt;
}

.NetscapeFix1 {
	font-family: "Lucida Console", Courier, monospace;
	background-color: #def2ff;
	font-size: 9pt;
}

/* accessability tags */
/* remove the border from <fieldset> */
FIELDSET {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

FIELDSET.withBox {
	border: 1px solid #fecb98;
	display: block;
	padding: 0px 4px 4px 4px;
}

FIELDSET.noBox {
	border: none;
	display: block;
	padding: 0px 4px 4px 4px;
}

LEGEND {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-right: 4px;
}

/* fix a Gecko spacing problem */
LABEL {
	white-space: pre;
	color: black;
}

LABEL.wrapable {
	white-space: normal;
}

/*
	-- Calendar --
*/

/* these are for the mini-calendar on Calendar_userdetail.tpt */
td.minicalcell {
	background-color: #EFECE9; /*light blue was def2ff now lightest brown/gray */
}

td.minicaltitle {
	background-color: #E9CFDC; /* light yellow was ffffee now light purple */
}

p.minicaltitle {
	color: #000000;
	font-weight: bold; font-size:120%;
}

/*Sets the font style for all Calendar list headers ( example: days of the week)*/

.CalHeaderText{
	color: white;
	font-weight : bold;
}

/*Sets the font for all Calendar cell entries*/

.CalEventText{
	font-size : 8pt;
}

/* margin for the calendar list view */
.callist {
	margin-left: 10px;
}

/*Sets the font for all Larger Calendar Headers (Ex: Month, Day or Week)*/

.CalMDWText{
	font-size : 12pt;
	font-weight : bold;
}

/*Sets the font for the calendar mini year*/

.CalMiniYear{
	font-size : 8pt;
}

/*Sets the font style for all Category and Role Items*/

.CategoryText{
	font-size : 8pt;
}

.datelink {
	font-weight: bold;
	text-decoration: none;
}

.eventtitle {
	font-size: 12pt;
	font-weight: bold;
}

.locationtitle {
	font-weight: bold;
}

/*
	-- News --
*/

hr.storySeparator {
	width: 100%;
}

.byline {
	font-style: italic;
}

.headline {
	font-weight: bold;
	font-size: 14pt;
	color: #003366;
	text-decoration: none;
}

.headlinelist {
	font-weight: bold;
	font-size: 10pt;
	color: #003366;
	text-decoration: none;
}

.photocaption {
	font-size: 8pt;
	font-style: italic;
}


.subheading {
	font-weight: bold;
	color: #003366;
}

.teaser {
	font-size: 10pt;
}

table.searchBox {
	background-color: #ff99cc;
}

div.searchBox {
	background-color: #ff99cc;
	border: 1px solid Black;
	padding: 2px 2px 2px 2px;
	margin: 3px 3px 3px 3px;
}

/* the preview area for user news */
.previewBox {
	border: 1px solid black;
	margin: 4px 4px 4px 4px;
	padding: 4px 4px 4px 4px;
	width: 600px;
}

/*
	-- Advocacy --
*/

/* Sets the background color of the component. */
table.advocacytable {
	background-color: #ffffff;
}

/* Controls the look of the demo message. */
.messageArea {
	border: medium outset #75a6ca; 
	padding: .1in .1in .1in .1in; 
	background-color: #75a6ca; 
	width: 100%;
}

input.Advocacy {
	font-family: "Lucida Console", Courier, monospace;
	font-size: 8pt;
}

select.Advocacy {
	font-family: "Lucida Console", Courier, monospace;
	font-size: 8pt;
}

.AdvocacyNSFix {
	font-family: "Lucida Console", Courier, monospace;
	font-size: 8pt;
}

/* 
	-- Donations and Friendraiser --
		new for Molokini 
*/

.Instructions {
	background-color : #a2d0f5;
	background-image: URL(../images/sp.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	font-weight: bold;
	padding: 4px;
}

td.Instructions {
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

.ProgressBox {
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	background-color :#EFC6D1; /* yellow #FFFd7d; */
	color: #999999;
}

.ProgressBoxCurrent {
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 8pt;
        font-weight: bold;
	background-color : #FFFd7d;
	color: #000000;
}

table.ProgressBox { 
	padding-right : 4px;
	padding-left : 4px;
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

a.ProgressBox:link {
	font-size: 8pt;
	color: #999999; text-decoration:none; 
}
a.ProgressBox:visited {
	font-size: 8pt;
	color: #999999; text-decoration:none; 
}
a.ProgressBox:hover {
	font-size: 8pt;
	color: #ff0099;
        font-weight: bold;
	text-decoration:none; 
}

/*
	During the making of a donation 
	Donation_UD_Progress_Bar.tpt
*/
table.ProgressBack {
	background-color: #cccccc;
}

td.currentItem {
	background-color: #ffffcc;
}

th.currentItem {
	background-color: #ffffcc;
}

td.finishedItem {
	background-color: #999999;
	background-image: URL(../images/progress.gif);
}

td.nextItem {
	background-color: #ffffff;
	background-image: URL(../images/nextprogress.gif);
}

.Premiums {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
}

table.Premiums { 
	background-color : #FFFFFF;
	padding-right : 6px;
	padding-left : 6px;
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

a.Premiums {
	font-size: 8pt;
}

.Upgrades {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
}

table.Upgrades { 
	background-color : #FFEE99;
	padding-right : 6px;
	padding-left : 6px;
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

a.Upgrades {
	font-size: 8pt;
}

.UpgradeAmount {
	color: #ff0099;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}

/* 
	The background-image entry forces NS4 
	to render the background color when 
	it doesn't want to.
*/
.FormBox {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	background-color : #def2ff;
	background-image: URL(../images/sp.gif);
}

div.FormBox { 
	border: #330066 1px solid;
	background-color : #def2ff;
	background-image: URL(../images/sp.gif);
	padding: 0px 4px 0px 4px;
	/*width: 600px*/
}

table.FormBox { 
	border-bottom: #333333 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-right: #333333 1px solid;
}
/* End of new stuff for donations and friendraiser */

/*
	-- Vertical Scroller --
*/

p.scrollingText {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}


.controlArea {
	background-color: #cccccc;
	border-bottom: thick solid #cccccc;
	border-left: thick solid #cccccc;
	border-right: thick solid #cccccc;
	margin-top: 0px;
	padding-top: 1px;
	text-align: center;
}

.addBorder {
background-color: #ccc;
border: 2px outset;
}

.addBorder{
	background-color: #cccccc;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
}

.scrollingBack { 
	background-color: #ffffff;
	margin-bottom: 0px;
	text-align: left;
}

table.NSscrollArea {
	background-color: #cccccc;
}

td.NSscrollingBack {
	background-color: #ffffff;
}

.scrollingArea {
	background-color: #ffffff;
}

/*
 For customized pages
*/

p.cstmTitle {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
}

p.cstmHeading, span.cstmHeading {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

.cstmBack {
	background-color: #def2ff;
}

.cstmFrame {
	background-color: #cccccc;
	color: #000000;
	text-align: center;
	font-style: italic;
}


td.cstmBtnBack {
	padding-right : 2px;
	padding-left : 2px;
	background-color: #cccccc;
	border-bottom: #333333 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-right: #333333 1px solid;
}

a.cstmBtnText:link {
	font-family: Arial;
	font-size: 10pt;
        font-weight: bold;
	color: #000000; 
	text-decoration:none; 
}
a.cstmBtnText:visited {
	font-family: Arial;
	font-size: 10pt;
	color: #000000; 
        font-weight: bold;
	text-decoration:none; 
}
a.cstmBtnText:hover {
	font-family: Arial;
	font-size: 10pt;
	color: orange;
        font-weight: bold;
	text-decoration:none; 
}

/*
	-- Rollover Popups --
*/


/* Styles for NS rollover popups */

div.NSrolloverPop {
	background-color: #fffd7d;
	background-image: URL(../images/sp.gif);
	width: 200px;
}

div.NSrolloverText {
	border: thin solid #003366;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 3px 3px 3px 3px;
	width: 200px;
}

/*
	rollover styles for DOM browsers
*/
div.popupDiv {
	background-color: #fffd7d;
	border: thin solid #003366;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 3px 3px 3px 3px;
	width: 200px;
}


/*
	-- Deprecated --
	
	Pleaese do not use these styles. They are only
	here so we can take our time about removing them
	from the templates completely.
*/

.NSRCFix {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt
}

.FontMinus1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt;
}

.FontMinus2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
}

.Banner1{
	background-color: #fffd7d;
	color: black;
	font-weight: bold;
	font-size: medium;
}

/*second banner currently set to purple*/
.Banner2{
	background-color: #75a6ca;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 0;
	width: 100%;
}

/* This class sets the font for App titles (top left hand corner of the screen*/

.AppTitle{
	font-weight : bold;
}

/*An alternate larger app Title, currently unused*/

.AppTitleLarge{
	font-size : 12pt;
	font-weight : bold;
}

.MinusOneBold {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight : bold;
	font-size : 10pt;
}

/*Sets the font style for all section dividers*/

.TabFont{
	color: white;
	font-weight : bold;
}

.DirectResultsTitle {
	padding-left: 0px;
	font-weight: bold;
	font-size: 12pt;
	border-left-color: #000000;
	padding-bottom: 0px;
	/*width: 640px;*/
	border-top-color: #000000;
	padding-top: 6px;
	border-bottom: #000000 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-color: #000000;
}

.MinusTwoBold {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight : bold;
	font-size : 8pt;
}

.ThankYou{
	font-size: +3;
	font-weight: bold;
}

.DonateInstruction {
	font-weight : bold;
}

/* Sets the font style for the login*/

.Login{
	font-size : 8pt; 
}

p.PaddedListHeadingFlags {
	margin-top : 2px;
	margin-right : 6px;
	margin-left : 6px;
	margin-bottom : 2px;
	font-style: italic;
	font-weight : bold;
	color : Red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	padding-top: 2;
	padding-bottom: 2;
}

.surveyInstruction {
	font-weight : normal;
}

.ProgressBar {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	background-color : #ffffee;
}

a.textNav:link {
	font-size: 10pt;
	color: blue; text-decoration:none; 
}
a.textNav:visited {
	font-size: 10pt;
	color: red; text-decoration:none; 
}
a.textNav:hover {
	font-size: 10pt;
	color: orange; text-decoration:none; 
}

/* For the address book integration with TellAFriend_Form.tpt */
p.AddressBook {
	margin: 5px 0px 5px 0px;
}

p.AddressBookC {
	text-align: center;
	margin: 5px 0px 5px 0px;
}

p.AddressBookStep {
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}

p.AddressBookTitle {
	text-align: center;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
}

div.AddressBook {
	background-image: url(../images/sp.gif);
	padding: 0px 3px 0px 3px;
	border: 1px solid #000000;
	background-color : #fffd7d;
} 


/* 
	The background-image entry forces NS4 
	to render the background color when 
	it doesn't want to.
*/
.WhatNext {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	background-color : #fffd7d;
	background-image: URL(../images/sp.gif);
}

div.WhatNext { 
	border: #333333 1px solid;
	background-color : #fffd7d;
	background-image: URL(../images/sp.gif);
	padding: 0px 4px 0px 4px;

}

table.WhatNext { 
	border-bottom: #333333 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-right: #333333 1px solid;

}
/*
div.appArea Table.FormBox .button {
font-size:10px;
padding-left:0;
padding-right:0;
}
*/

.appArea {
width:520px;
}