/*
	These are the styles for this site.
	Convio does not maintain this file.
*/

body, p, li, .Explicit {
font: 10pt Arial, sans-serif; line-height: 120%; color: #333;
}

A:link { 
color: #cc0000;
text-decoration: underline;
font: 8pt;
font-weight: bold;

}

A:hover { color: #E76566;
text-decoration: none;
font: 8pt;
font-weight: bold;
 }
 
 A:visited { color: #666666;
text-decoration: underline;
font: 8pt;
font-weight: bold;
 }

.veryTop {
	color: black;
	font-size: 8pt;
	font-weight: bold;
}

.veryTop a,
.veryTop a:link,
.veryTop a:active,
.veryTop a:visited {
	color: black;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.veryTop a:hover {
	color: black;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
}

.footer a,
.footer a:link,
.footer a:active,
.footer a:visited {
	color: black;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.footer a:hover {
	color: black;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
}

div.appArea {
	width: 100%;
}

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

table.RLBack {
	background-color: #E4F1FE;
   border: solid 2px #31659C;
   padding-left: 4px;
}

/* these alternate the row background color */

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

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

/* these are for the mini-calendar on Calendar_userdetail.tpt */
td.minicalcell {
	background-color: #E4F1FE;
}

td.minicaltitle {
	background-color: #ffc;
}

p.minicaltitle {
	color: #31659C;
	font-weight: bold;
}

.byline {
	font-style: italic;
}

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

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

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

p.photocaption {
   margin-top: 2px;
   padding-top: 2px;
}

.subheading {
	font-weight: bold;
	color: #636563;
	font-size: 10pt;
}
/*
	The background-image entry forces NS4
	to render the background color when
	it doesn't want to.
*/
.FormBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #E4F1FE;
	background-image: URL(../images/sp.gif);
	padding: 4px 4px 1px 4px;
}

div.FormBox {
	border: #31659C 1px solid;
	background-color: #E4F1FE;
	background-image: URL(../images/sp.gif);
	padding: 4px 4px 1px 4px;
	width: 600px
}

div.FormBoxNoWidth {
	border: #31659C 1px solid;
	background-color: #E4F1FE;
	background-image: URL(../images/sp.gif);
	padding: 0px 0px 0px 0px;
}

table.FormBox {
	border: #31659C 1px solid;
	border-collapse: collapse;
}

.FormBox .Divider {
	background-color: #E4F1FE;
}

.FormBoxNoWidth .Divider {
	background-color: #E4F1FE;
}

/*
	-- Donations and Friendraiser --
		new for Molokini
   Bug #10837: removed 0px left & right margin because it made
               NS4.7 stretch the content insanely wide to the
               point of excluding the right half of it completely.
*/
.Instructions {
	background-color: #9CBEE7;
	background-image: URL(../images/sp.gif);
	font-family: Arial, Helvetica, sans-serif;
	color:#235283;
	font-size: 8pt;
	font-weight: bold;
	padding: 4px 4px 1px 4px;
	margin-bottom: 0px;
	margin-top: 0px;
}

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

.ProgressBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-color: #FF9;
	color: #999;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cstmBack {
	background-color: #E4F1FE;
	background-image: URL(../images/sp.gif);
}
/* New Styles 11-30-04 */
.heading1 {
	font:bold 16px Arial, Helvetica, sans-serif;
	color: #cc0000;
	}
.heading2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #cc0000;
	}
.copygrn {
	font:bold 13px Arial, Helvetica, sans-serif;
	color: #009966;
	}
.copybig {
	font:bold 13px Arial, Helvetica, sans-serif;
	color: #000000;
	}
.copy {
	font: 11px Arial, Helvetica, sans-serif;
	color: #222222;
	}
.copybold {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #222222;
	}