/* Edited with EditCSS */
/**** LINK-tag style sheet home.css ****/

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

Styles for Forte Foundation
www.fortefoundation.org

See css/global.css for details

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



/* 2010 Conf
------------------------------------------------------------------------------------------ */

#home-intro	{
	height: 252px;
	margin-bottom: 20px;
	border: 2px solid #9fad3e;
	border-width: 2px 0;
	background: url(../images/wrapper/home-intro-bg.jpg)  no-repeat 100% 0;
	}
	#home-intro img {
		display: block;
		}

#home-guest {
	float: left;
	width: 260px;
    height: 200px;
	}
#home-stories {
	float: right;
	width: 260px;
	}
	


	#home-guest h3,
	#home-stories h3 {
        color: #fff;
 		font-size: 11px;
		font-family:Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 7px 10px;
		background: #9fad3e url(../images/wrapper/header-wide-bg.gif) no-repeat 100% 0;
		}

	#home-guest h4,
	#home-stories h4 {
        color: #7F8184;
		padding: 7px 10px;
		border-bottom: 2px solid #9fad3e;
		}
		#home-guest h4 img,
		#home-stories h4 img {
			display: block;
			}
			
	#content #home-guest h5,
	#content #home-stories h5 {
		margin: 0 10px 8px 10px;
		font-size: 18px;
		line-height: 21px;
		font-weight: normal;
		color: #468d97;
		}
	#home-guest p,
	#home-stories p {
		margin: 0 10px 8px 10px;
		}
		
	#home-guest .headshot p,
	#home-stories .headshot p {
		margin: 0;
		line-height: 16px;
		}	

	#home-guest .rollover,
	#home-stories .rollover {
		width: 200px;
		height: 12px;
		margin: 10px;
		}
	#home-guest .rollover.sfhover img,
	#home-stories .rollover.sfhover img {
		top: -31px;
		}

		#sidebar #home-for-you h3,
		#sidebar #home-news h3 {
			padding: 7px 10px;
			background: #9fad3e;
			color: #fff;
			font-family: Arial, Helvetica, Verdana,  sans-serif; 
			font-size: 11px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 1px;
			}		


#home-news ul li {
    padding: 0 px;
	}


#home-for-you h4 {
    color: #fff;
	padding: 7px;
    bottom-margin: 6px; 
	border-bottom: 2px solid #9fad3e;
	}

#home-news h4 {
	color: #fff;
	bottom-margin: 6px; 
	padding: 7px;
	}
	#home-for-you h4 img,
	#home-news h4 img {
		display: block;
		}
		
#white-background ul {
	margin: 7px 7px 20px 7px;
	}
	#white-background li {
		list-style: none;
		padding: 3px 0 2px 22px;
		line-height: 15px;
		background: url(../images/wrapper/leaf.gif) no-repeat 0 5px;
		}

	#white-background li a:visited,
	#white-background li a:link {
		color:#468d97;
		} 

		#white-background li a:hover {
			text-decoration: none;
			color: #4b4a49;
			}
		
		
#home-for-you ul {
	margin: 7px 7px 20px 7px;
	}
	#home-for-you li {
		list-style: none;
		padding: 3px 0 2px 22px;
		line-height: 15px;
		background: url(../images/wrapper/leaf_blue_background.gif) no-repeat 0 5px;
		}

	#home-for-you li a:visited,
	#home-for-you li a:link {
		color:#468d97;
		} 

		#home-for-you li a:hover {
			text-decoration: none;
			color: #4b4a49;
			}

#sidebar #home-news ul {
	margin-bottom: 20px;
	}
    #sidebar #home-news li {
		list-style: none;
		padding: 7px 10px 7px 29px;
		line-height: 15px;
		background: url(../images/wrapper/leaf_blue_background.gif) no-repeat 7px 11px;
		border-top: 2px solid #9fad3e;
		margin-left:0px;
		}

	#sidebar #home-news li a:link,
	#sidebar #home-news li a:visited {
		color:#468d97;
		}
		#sidebar #home-news li a:hover {
			text-decoration: none;
			color: #4b4a49;
			}


/**** LINK-tag style sheet default.css ****/

.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.alert-box {
	margin: 0 0 15px 0;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	width: 70%;
	padding: 10px 60px 10px 85px;
	border: 1px solid #f3c539;
	background: url(default/alert_icon.gif) 20px center no-repeat #fce397;
}

.alert-box a:hover {
	color: #4e009c;
}

.alert-box .title {
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 140%;
}

.alert-box .body {
	margin: 0;
	color: #444;
	line-height: 1.3;
}

.alert-box .dont-show-wrap {
	padding: 20px 0 7px 0;
	text-align: right;
}

.alert-box .dont-show {
	padding: 6px 6px 6px 26px;
	border: 1px solid #e4ce89;
	background: url(default/close_x.gif) 5px center no-repeat #fdf1c4;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 90%;
	color: #ec7b00;
}

.admin-badge {
	padding: 2px 2px 2px 2px;
	border: 2px solid #f3c539;
	font-size: small;
	font-weight: bold;
	background: #fce397;
	color: #444;
}

.admin-badge-small {
	border: 1px solid #f3c539;
	font-size: 90%;
	background: #fce397;
	color: #444;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(default/top_mid.gif) repeat-x 0 0;	
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(default/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	background: transparent url(default/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	background: transparent url(default/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(default/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(default/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(default/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(default/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(default/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(default/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background-color:#123;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}


/**** LINK-tag style sheet alphacube.css ****/

.overlay_alphacube {
	background-color: #85BBEF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.alphacube_nw {
	background: transparent url(alphacube/left-top.gif) no-repeat 0 0;			
  width:10px;
  height:25px;
}

.alphacube_n {
  background: transparent url(alphacube/top-middle.gif) repeat-x 0 0;			
  height:25px;
}

.alphacube_ne {
  background: transparent url(alphacube/right-top.gif) no-repeat 0 0;			
  width:10px;	  
  height:25px;
}

.alphacube_w {
  background: transparent url(alphacube/frame-left.gif) repeat-y top left;			
  width:7px;
}

.alphacube_e {
  background: transparent url(alphacube/frame-right.gif) repeat-y top right;			
  width:7px;	  
}

.alphacube_sw {
  background: transparent url(alphacube/bottom-left-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_s {
  background: transparent url(alphacube/bottom-middle.gif) repeat-x 0 0;			
  height:7px;
}

.alphacube_se, .alphacube_sizer  {
  background: transparent url(alphacube/bottom-right-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_sizer {
	cursor:se-resize;	
}

.alphacube_close {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-close-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:11px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-min-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:55px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(alphacube/button-max-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:33px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_title {
	float:left;
	height:14px;
	font-size:14px;
	text-align:center;
	margin-top:2px;
	width:100%;
	color:#123456;
}

.alphacube_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
	font: 12px arial;
	background:#f3f8fc;
}

/* For alert/confirm dialog */
.alphacube_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.alphacube_message {
  font: 12px arial;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.alphacube_buttons {
	text-align:center;
	width:100%;
}

.alphacube_buttons input {
	width:20%;
	margin:10px;
}

.alphacube_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('alert/progress.gif') no-repeat center center
}

.alphacube_wired_frame {
	background: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}


/**** LINK-tag style sheet UserGlobalStyle.css ****/

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

/*
   % for font sizing
   em for element sizing
*/

/*
	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: blue;}

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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

BODY {
	font-family: Verdana, Arial, Helvetica, 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;
}

div.appArea { margin: 10px; }
div.appSubArea { margin-bottom: 10px; }
.FormBoxNoWidth > table { border: 1px solid #000; }

/* 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: 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: larger;
	font-weight: bolder;
	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;
}

.WarningMessageBigger {
	padding: 4px;
	font-size: 1.3em;
	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.
*/

/* NOTE: if you change this, also change the corresponding HACK in AdminStyle.css */
h5.dividerHeading {
	background-color: #ccc;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 1px 0px;
	width: 100%;
}
/* HACK: to make all user side pages have section headers behaving in the same way. */
td.FormSectionHeader h5 {
	background-color: inherit;
	color: inherit;
}

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

/*
 * VeriSign seal/link
 */

div#vs_seal {
	width:135px;
	padding:2px;
	text-align:center;
}

a#about_ssl, a#about_ssl:link, a#about_ssl:active, a#about_ssl:hover {
	color:#000000;
	text-decoration:none;
	font:bold 7px verdana,sans-serif;
	letter-spacing:.5px;
	text-align:center;
	margin:0px;
	padding:0px;
}

/*
	List Control
*/

table.lc_Table {
	width: 100%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}

/* column headers */
th.lc_Heading {
	background-color: #666;
	color: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	padding: 2px 3px;
}

/* sort buttons */
th.lc_HeadingSort {
	border-bottom: 1px solid #ccc;
	background-color: #666;
	text-align: right;
	white-space: nowrap;
}

a.lc_lighterLink:link {
    color: #e4f0fa;
}

a.lc_lighterLink:hover {
    color: #b1d6f8;
}    

/* line items */

tr.lc_Row0 {
	background-color: #eee;
}

tr.lc_Row1 {
	background-color: #f6f6f6;
}

/* each cell */
td.lc_Cell {
	border-left: 1px solid #ccc;
	padding: 2px;
}

/* links as rendered in list_component_href.tpt */
a.lc_Link {
}

/* Totals and Divider are not really used in the list component.
	They are used in other tables that also use the list component styles.
*/
.lc_Totals {
	background-color: white;
	border-bottom: 1px solid #ccc;
}

td.lc_Totals {
	background-color: white;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

td.lc_TotalsVal {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

td.lc_Divider {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: white;
}

.lc_PaginatorRow {
	vertical-align: bottom;
}

.lc_PaginatorCell {
	white-space: nowrap;
}

/*
	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: 2px 3px;
	font-size: 10pt;
}

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

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

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

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

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

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

p.PaddedListHeadingsR a {
	color: #ccccff;
}
/* The "Small" ones are for Contact DB Configuration. */

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

p.PaddedEntrySmall {
	margin: 2px 3px;
	font-size: 8pt;
}

p.PaddedEntrySmallC {
	margin: 2px 3px;
	font-size: 8pt;
	text-align: center;
}

/*
	Zero margin to put in the table
	cells that generate the vertical black lines.
*/
p.spacer {
	margin: 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: #666;
}

th.TableHeadings {
	background-color: #666;
}

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

td.TableHeadingsR {
	background-color: #666;
	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: Black;
}

table.WrapperBack {
	background-color: Black;
}

/* these alternate the row background color */

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

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

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


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

/* Hack for an invisible default button before the others. */
input.default-submit-hack {
	width: 0;
	height: 0;
	padding: 0;
	border: 0;
	margin: 0;

}

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

/* accessability tags */
/* remove the border from <fieldset> */
FIELDSET {
	border: none;
	margin: 0px;
	padding: 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;
}

LABEL.wrapable {
	white-space: normal;
}

OPTION.prompt {
	background-color: gray;
	color: white;
}

TABLE.DefaultWrapper .FormBox,
TABLE.DefaultWrapper {
	background-color: #cce2e6;
	border-width: 0px;
}

/*
	-- Calendar --
*/

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

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

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

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

input.CalTicketQuantity {
	text-align:right;
}	

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

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

.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: #336;
	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: #336;
}

.teaser {
	font-size: 10pt;
}

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

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

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

/*
	-- Advocacy --
*/

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

/* Controls the look of the demo message. */
.messageArea {
	border: medium outset #ccc;
	padding: 4px 4px 1px 4px;
	margin: 4px 4px 1px 4px;
	background-color: #ccc;
}

/* 8631: Controls the look of instructional text on the message page */
.AdvocacyInstructions {
	background-color: #99c;
	background-image: URL(../images/sp.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 4px;
}

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
	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: #99c;
	background-image: URL(../images/sp.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 4px 4px 1px 4px;
	margin-bottom: 0px;
	margin-top: 0px;
}

td.Instructions {
	border: #000 1px solid;

}

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

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

table.ProgressBox {
	padding-right: 4px;
	padding-left: 4px;
	border: #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;
	padding: 4px;
	border: outset 4px;
}

/* centered */
p.progressItem {
	margin: 2px 3px;
	font-size: 10pt;
	text-align: center;
}

td.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: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

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

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

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

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

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

.UpgradeAmount {
	color: #90c;
	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.
*/
.FormBoxHeader {
/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
	border: #669 1px solid;
	font-size: 8pt;
	font-weight: bold;
	background-color: #eee;
}

.FormBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #ccf;
	background-image: URL(../images/sp.gif);
}

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

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

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

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

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

.FormBox .dividerHeading {
	background-color: #ccf;
}

.FormBoxNoWidth .dividerHeading {
	background-color: #ccf;
}

/* TeamRaiser and Donations buttons */

input.FriendRaiserButtons,
input.AddressBookButtons {
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #000000;
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;
	border: 1px outset #cccccc;
	padding: 1px;
	margin: 1px;
	width: auto;
	white-space: nowrap;
}

input.FollowUpButtons {
	width: 172px;
}


/* End of new stuff for donations and friendraiser */

/*
	-- Vertical Scroller --
*/

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

.controlArea {
	background-color: #ccc;
	margin-top: 0px;
	padding: 3px 2px 4px 3px;
	text-align: center;
}

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

.scrollingBack {
	background-color: #fff;
	margin: 0px;
	text-align: left;
	overflow: hidden;
	width: 146px;
}

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

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

.scrollingAreaBox {
	width: 146px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	overflow: hidden;
	visibility: visible;
}
.scrollingArea {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	height: 60px;
	width: 140px;
	visibility: hidden;
}

/*
 For customized pages
*/

p.cstmText {
	font-size: small;
}
p.cstmTitle {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
}

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

.cstmBack {
	background-color: #ccf;
	background-image: URL(../images/sp.gif);
}

.cstmFrame {
	background-color: #ccc;
	color: #000;
	text-align: center;
	font-style: italic;
	margin: 2px;
}

td.cstmBtnBack {
	padding-right: 2px;
	padding-left: 2px;
	background-color: #ccc;
	border: 2px outset;
}

p.cstmBtnText {
	font-family: Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
a.cstmBtnText:link {
	font-family: Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
a.cstmBtnText:visited {
	font-family: Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
a.cstmBtnText:hover {
	font-family: Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #f90;
	text-decoration: none;
}

div.cstmStatusRight {
	float: right;
	margin-left: 3em;
}

div.cstmPageListLink {
	margin-bottom: 1ex;
}
div.cstmPageListLinkSmall {
	font-size: 80%;
	margin-bottom: 1ex;
}

/*
	-- Slide Show --
*/

.slideShow {
	height: 200px;
	overflow: hidden;
	padding: 0px;
	text-align: center;
	width: 250px;
}

.slideControl {
	margin-bottom: 4px;
	margin-top: 4px;
	text-align: center;
}

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

.surveyInstruction {
	font-weight: normal;
}

legend.surveyLegend {
	margin: 0;
	padding: 0;
	color: black;
	/* Positioning lines that follow handle IE 6 quirk of moving legend text to the right. */
	*position: relative; 
	*left: -7px;
}

.accessibilityText {
	position: absolute;
	left: -9999px;
}

TABLE.ProgressBar {
}


.ProgressBarOther,
.ProgressBarCurrent {
	font-size: 75%;
}
.ProgressBarCurrent,
TD.TestCurrentStepColor {
	font-weight: bold;
	color: #000;
}
.ProgressBarCurrentBack {
	background-color: #000;
}
.ProgressBarCurrentLeader {
	border-top: 1px solid #000;
	height: 17px;
	overflow: hidden;
}

.ProgressBarOther,
TD.TestOtherStepColor {
	font-weight: normal;
	color: #bbb;
}
.ProgressBarOtherBack {
	background-color: #bbb;
}
.ProgressBarOtherLeader {
	border-top: 1px solid #bbb;
	height: 17px;
	overflow: hidden;
}

TD.TestHighlightColor {
	background-color: #999;
}

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: #f90;
	text-decoration:none;
}

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

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

p.AddressBookStep {
	font-weight: bold;
	margin: 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 #000;
	background-color: #ff9;
}

div.AddressBook select {
	width: 90%;
}

/*
	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: #ff9;
	background-image: URL(../images/sp.gif);
}

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

table.WhatNext {
	border: #333 1px solid;
}


.findrepComponent {
	background-color: #eee;
	background-image: URL(../images/sp.gif);
	border: #333 1px solid;
}

.findrepResults {
	background-color: #fee;
	background-image: URL(../images/sp.gif);
	border-top: #333 1px solid;
}

.findrepRightSide {
	background-color: #eef;
	background-image: URL(../images/sp.gif);
	border-top: #333 1px solid;
	border-left: #333 1px solid;
}

a.NewsHeadlineList {
	font-weight: bold;
}

.AnchorBar {
	background-color: #eef;
	border: solid 1px #669;
	vertical-align: bottom;
	text-align: left;
}

.FormBox .AnchorBar {
	border-width: 0px 0px 1px 0px;
}

/* For making anchor links look like tabs.
	The colors are coordinated with FormBox. */
.AnchorTab {
	text-align: left;
	margin: 2px 2px 0px 2px;
}

td.AnchorTab {
	border: solid 1px #ddf;
}

a.AnchorTab:link {
	font-weight: bold;
	color: #33f;
}

a.AnchorTab:visited {
	font-weight: bold;
	color: #33f;
}

a.AnchorTab:hover {
	color: #f90;
}

.FormInsetBox {
	background-color: #eef;
	border: 1px solid #ccf;
	padding: 0px 5px 0px 10px;
	margin-top: 10px;
}

div.FormInsetBox p {
	margin: 2px 3px;
	padding: 2px 0px;
}

/* -- eCards -- */

.eCards {
	margin: 8px;
	background-color: #fff;
}

/* Gift Aid */
p.GiftAidBox {
	background-color: white;
	border: solid thin black;
	padding: 10px 20px;
}

table.GiftAidBox td {
	padding-bottom: 10px;
}


/* Styles for alert lists */
A.AlertList:link {
}
A.AlertList:visited {
}
A.AlertList:hover {
}

UL.AlertList {
}

OL.AlertList {
}

LI.AlertList, DIV.AlertList {
	margin-bottom: 1em;
}

TD.AlertListName, SPAN.AlertListName {
	font-weight: bold;
}

TD.AlertListDescription, DIV.AlertListDescription {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

TD.AlertListActionDate, DIV.AlertListActionDate {
	font-size: smaller;
}

TD.AlertListResponseCount, DIV.AlertListResponseCount {
	font-size: smaller;
}

/* stretchable table used to wrap divs, can then set static or % div width as needed */
#stretch_container_tbl {
	width: 180px;
	border-width: 0;
	padding: 0;
	margin: 0;
}

/* Logout_Component_Login.tpt and Logout_Component.tpt */
#lo_component_div {
	border: 2px solid #000000;
	background-color: #666699;
	padding: 5px;
	text-align: center;
	white-space: nowrap;
}
#lo_component_div input {
	margin: 15px 0;
	font-weight: normal;
}

/* Logout_Component_User.tpt */
#lo_comp_usr_div {
	width: 100%;
	text-align: center;
	padding: 0;
}
#lo_comp_usr_div input {
	margin: 15px 0;
}
#lo_comp_usr_div p {
	margin: 0;
}

/* Login_LoginForm.tpt */
/*
.loginform {
	width: 100%;
}
.loginform_c1 {
	width: 1%;
}
.loginform_c2 {
	width: 70%;
}
.loginform_c3 {
	width: 29%;
}
form#lmainLogonForm table.FormBox {
	width: 100%;
}
td.FormBox_c1 {
	width: 3%;
}
td.FormBox_c2 {
	width: 20%;
}
td.FormBox_c3 {
	width: 73%;
}
*/

/* login_interaction_details.tpt */
/*
td.login_int {
	padding-left: 15px;
}
td.login_det {
	padding-left: 15px;
}
*/

/* Login_ConvioLoginForm.tpt */
/*
table#login_ConvioLoginForm_tbl {
	padding-right: 10px;
}
table#login_ConvioLoginForm_tbl td {
	padding: 3px;
}
table#login_ConvioLoginForm_tbl input {
	margin-right: 10px;
}
*/

/* Login_Component_User.tpt and Login_Component.tpt */
#li_comp_usr {
	border: 2px solid #000000;
	width: 175px;
}
#li_comp_usr td {
	padding: 2px;
}
td#li_comp_usr_ttlTd {
	padding-bottom:10px;
}

/* Login_AdminLoginForm.tpt */
/*
table.li_adminLogFrm td {
	padding: 3px;
}
*/

/*
 These styles are in here rather than PremiumStyle.css
 because they are used when the cart is rendered in Donations.
*/

.CartItemName {
	font-weight: bold;
}


table.CartItemConfig {
	width: 100%;
}

.CartItemConfigLabel {
	font-weight: bold;
	font-size: 80%;
}
.CartItemConfigValue {
	font-size: 80%;
}
span.ShoppingPrice {
	font-weight: bold;
}

span.ShoppingStandardPrice {
	text-decoration: line-through;
	color: #999999;
}

span.ShoppingDiscountedPrice {
	font-weight: bold;
}

.ShoppingCartContents {
	clear: left;
}
table.ShoppingCart {
	border-color: #466172;
}

.ShoppingCartHeadings {
	background-color: #d8e0eb;
	padding: 4px;
}
.ShoppingCartRow0 {
	background-color: #edefe4;
	padding: 4px;
}
.ShoppingCartRow1 {
	background-color: #d0d3c8;
	padding: 4px;
}

.DonLevelDeleteThisRow {
	display: none;
}

.FulfillmentEditCard {
    padding-left: 10px;
}

.FulfillmentExistingCard {
    padding-left: 10px;
    padding-bottom: 10px;
}

.FulfillmentECardChoice {
    text-align: center; 
    padding-top: 4px;
}

TABLE.FulfillmentECardTable {
}

TABLE.FulfillmentECardTable TD {
    padding: 10px 10px 10px 10px;
}

TABLE.FulfillmentMailTable {
}

TABLE.FulfillmentPrintableCardTable TD {
    padding: 10px 10px 10px 10px;
}

/*
	These are styles copied from FormComponentsBehavior.css so that the
	Transaction Summary renders correctly in autoresponders.
 */
.FormSectionHeader {
	font-weight: bold;
	background-color: #ccc;
	color: #333;
}
TD.FormSectionHeader {
	width: 100%;
	border-bottom: 1px solid #ccc;
}

/*
 Progress Bar styles
*/
 .progressBorder {
	height: 15px;
	width: 205px;
	background: #fff;
	border: 1px solid silver;
	margin: 0;
	padding: 0;
}

.progressBar {
	height: 11px;
	margin: 2px;
	padding: 0;
}


/* *********************************************** */
/* ********* REPLACED FONT TAGS 11/28/06 ********* */
/* ************ 80% REPLACES -1, 1 *************** */
/* *************** 60% REPLACES -2 *************** */
/* *********************************************** */

.greenBold {
	font-weight:bold;
	color:#00FF00;
}

.paraBlueSansSmall {
	color:#0000FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;

}

.paraRed {
	color:#FF0000;
}

.paraBigRed {
	color:#FF0000;
	font-size: large;
}

.smallBlack {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
	color:#000000;
}

.smallBold {
	font-weight:bold;
	font-size:80%;
}

.smallItalic {
	font-style:italic;
	font-size:80%;
}

.smallSans {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
}

.smallSansBold {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
}

.smallestSans {
	font-size:60%;
}

.smallestBlackSans {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:60%;
	color:#000000;
}


.smallWhiteSans {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
}

.smallWhiteBoldSans {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
	font-weight:bold;
}

.hiddenObj {
	display:none;
}

div.PaddedBottom {
	padding-bottom: 10px;
}

div.ManageBox {
	border-style: dashed;
	border-width: 1px;
	border-color: #B0B0B0;
}
div.ManageBox:Hover {
	background-color: #f3f8fc;
}

div.EMgmtBox {
	border-style: solid;
	border-width: 1px;
	width: 250px;
}
div.EmgmtTitle {
	background-color: #eef;
	padding: 4px;
	font-weight: bold;
}
div.EmgmtMain {
	padding: 4px;
}
div.EmgmtLink {
	float: right;
	padding-top: 4px;
	padding-right: 4px;
}

div.ManageTitle {
	color: #ffffff;
	background-color: #B0B0B0;
}
div.ManageLink {
	float: right;
	padding-left: 4px;
}

div.ShadeBackground {
	  background-color: #e0e0e0;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  height: 100%;
	  width: 100%;
	  z-index: 1;
	  -moz-opacity: 0.8;
	filter: alpha(opacity=80);
}

div.EditForeground {
	  background-color: white;
	  padding: 10px;
	  position: absolute;
	  top: 100px;
	  width: 60%;
	  margin-left: 20%;
	  margin-right: 20%;
	  z-index: 3;
}

div.EditContainer {

}

div.EditContainer2 {
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  padding-left: 5px;
	  height: 100%;
	  width: 100%;
	  width: 100%;
}

a.btn, a.btn:visited, a.editBtn, a.editBtn:visited, input.btn, input.btnMini, input.btnSm, input.btnMed, input.btnLg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background: #0468ab url(../images/ga/btn_primary.gif) no-repeat 0px 0px;
	border: 1px solid #046;
	padding: 1px 4px;
}

a.btn:hover, a.editBtn:hover, input.btn:hover, input.secbtn:hover, input.btnMini:hover, input.btnSm:hover, input.btnMed:hover, input.btnLg:hover {
	color: #FFF;
	cursor: pointer;
	background-position: 0 -25px;
}

/* TeamRaiser navbar */
div.FrNavbar {
	color:            #666666;
	width:            100%;
	line-height:      1.5em;
}

div.FrNavbarSection {
	color:            #FFFFFF;
	background-color: #000000;
	text-align:       center;
	font-size:        larger;
	font-weight:      bold;
	width:            100%;
}

div.FrNavbarLinks ul {
	list-style-type:      none;
	list-style-position:  outside;
	margin:               0;
	padding-top:          0;
	padding-right:        5px;
	padding-bottom:       10px;
	padding-left:         5px;
}

div.FrNavbarLinks ul li {
}

div.FrNavbarLinks ul li a {
	color: #000000;
}

div.DynamicDollar {
	font-size: 1.2em;
	font-weight: bold;
}

th.paddedLeft, td.paddedLeft {
	text-align: left;
	padding: 5px 5px;
}

/* Personal Event Styles */
/* These styles are needed for the search component */
#GTLocSearchLabel {
	vertical-align: bottom;
	padding-bottom: .5em;
}

#GTLocSearch td {
	padding-top: 3px;
	padding-right: 5px;
}

#GTDateSearch td {
	padding-top: 3px;
	padding-right: 5px;
}

#GTDateSearch img {
	margin-left: 3px;
	vertical-align: middle;
}

/* Personal Fundraising default styles */

.pf_champ_center_dashboard_link {
	float: right;
	padding: 5px 10px 5px 10px;
}

.pf_champ_center_title {
	padding: 5px 10px 5px 10px;
}

.pf_title_clear_fix {
	clear:both;
}

.champion_dashboard_body {
	padding: 5px 10px 5px 10px;
}
.ExplicitContact {
    position: relative;
    padding: .2em;
    font-weight: bold;
}
.ExplicitContact .taf-delete {
    position: absolute;
    top: 0;
    border: 0px;
    background-color: transparent;
}


/**** LINK-tag style sheet CustomStyle.css ****/

#content .ProgressBack {
width: 600px;
margin-bottom: 15px;
background-image:none;
padding:0;
}

#content #DonationProgress {
background-image:none;

}

#content .ProgressBack table td {
height: 10px;
margin-bottom: 5px;

}

#content .ProgressBack table td P{
margin-bottom: 0px;
padding: 5px;
color:#fff;
} 

#content .ObjTitle {
font-size: 18px;
color:#7F8184;
}

#content .nextItem P {
background-color:#9FAD3E;
background-image:none;

}
td.nextItem {
background-color: #ccc;
background-image: none;
        
}
td.currentItem  {
background-color: #468D97;

}


table.ProgressBack {
border: none;
}

p.progressItem {
margin: 0 0 0 4;
}

.wrapable {
padding: 
margin-top: -4px;
}

#content td select,
#content td label,
#content td input{
margin-left: 5px;
vertical-align: bottom;
}



.Directory {


}

#content .cstmTitle {
font-size: 18pt;
font-family: Arial, Helvetica, Verdana,  sans-serif; 
text-transform: capitalize;
margin-bottom:2px;
}

#content .SectionHead {
width: 400px;
margin-top: 5px;
margin-bottom: 2px;
padding: 4 0 4 10;
margin-top: 10px;
color: #9FAD3E;
font-size:24px;
font-family: Arial, Helvetica, Verdana,  sans-serif; 
font-weight: bold;
}

#content .DirAddrBlock {
}

#content .subIndent table td P{
padding-right: 10px; 
margin-bottom:0;

}

#content .lc_Table {
width: 600px; 
}
#content .lc_Table .lc_Heading {
height: 10px;
padding:0;
}

#content .lc_Table .lc_Heading P{
font-weight: bold;
}

P label  {
font: 12px/18px Arial,Helvetica,Verdana,sans-serif;
color:#000;
}

.Explicit,
.Explicit label {
font: 12px/18px Arial,Helvetica,Verdana,sans-serif;
color:#666;
margin: 8 0 5 0;

}

.smaller label {
font: 12px/18px Arial,Helvetica,Verdana,sans-serif;
color:#000;
margin: 8 0 5 0;

}

.FormLabel {
	font-weight: normal;
	white-space: normal;
	text-align: left;
	vertical-align: top;
	color: #666666;
}

.headshot_noborder {
	position: relative;
	margin: 12px 10px;
	height: 85px;
	}
	
	.headshot_noborder img {
	border: 1px solid #fffff;&quot;
	}
	
	.headshot_noborder p {
		position: absolute;
		left: 95px;
		bottom: 0;
		width: 145px;
		color: #468d97;
		}
		.headshot_noborder strong {
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 1px;
			}
			
			
			
			
/* Conference Pages
------------------------------------------------------------------------------------------ */
.conference a:link {
	color: #468d97;
	text-decoration: none;
}

.conference a:visited {
	color: #468d97;
	text-decoration: none;
}

.conference a:hover {
	color: #9FAD3E;
	text-decoration: underline;
}

.conference a:active {
    color: #468d97;
	text-decoration: none;
}


/**** LINK-tag style sheet CustomWysiwygStyle.css ****/

html, body, div, p, th, td, form, input, textarea, select, li {
	font: 12px/18px Arial,Helvetica,Verdana,sans-serif;
	color: #4b4a49;
	}
body {
	background: #fff;
        text-align: center;
	}
a:link {
	color: #468d97;
	text-decoration: none;
	}
a:hover {
	color: #4b4a49;
	text-decoration: none;
	}
a:visited {
	color: #9FAD3E;
	text-decoration: none;
	}
img {
	border: none;
	}
td {
	vertical-align: top;
	}
.brownbody {
	font-family: Arial;
	font-size: 12px;
	color: #52391A;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;

}


.brownlink A:link {
	font-family: Arial;
	font-size: 12px;
	color: #52391A;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
    text-decoration: none;
}

.brownlink A:hover {
	font-family: Arial;
	font-size: 12px;
	color: #52391A;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
}

.brownlink A:visited {
	font-family: Arial;
	font-size: 12px;
	color: #52391A;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
    text-decoration: none;
}



.pinklink A:link {
	font-family: Arial;
	font-size: 12px;
	color: #E4448E;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
    text-decoration: none;
}

.pinklink A:hover {
	font-family: Arial;
	font-size: 12px;
	color: #E4448E;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
}

.pinklink A:visited {
	font-family: Arial;
	font-size: 12px;
	color: #E4448E;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
    text-decoration: none;
}

.purplelink A:link {
	font-family: Arial;
	font-size: 12px;
	color: #666699;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
    text-decoration: none;
}

.purplelink A:hover {
	font-family: Arial;
	font-size: 12px;
	color: #666699;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;

}

.purplelink A:visited {
	font-family: Arial;
	font-size: 12px;
	color: #666699;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
    text-decoration: none;
}
.orangelink A:link {
	font-family: Arial;
	font-size: 12px;
	color: #E48100;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
    text-decoration: none;
}

.orangelink A:hover {
	font-family: Arial;
	font-size: 12px;
	color: #E48100;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;

}

.orangelink A:visited {
	font-family: Arial;
	font-size: 12px;
	color: #E48100;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
    text-decoration: none;
}

.redlink A:link {
	font-family: Arial;
	font-size: 12px;
	color: #DB4C10;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
    text-decoration: none;
}

.redlink A:visited {
	font-family: Arial;
	font-size: 12px;
	color: #E48100;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;
    text-decoration: none;
}

.orange {
font-family: Arial;
	font-size: 13px;
	color: #E48100;
	font-weight: bold;
	text-transform: none;
	line-height: 16px;

}

.red {
font-family: Arial;
	font-size: 13px;
	color: #DB4C10;
	font-weight: bold;
	text-transform: none;
	line-height: 16px;

}

.gray {
font-family: Arial;
	font-size: 13px;
	color: #7F8184;
	font-weight: bold;
	text-transform: none;
	line-height: 16px;

}

.green {
font-family: Arial;
	font-size: 13px;
	color: #9FAD3E;
	font-weight: bold;
	text-transform: none;
	line-height: 16px;

}

.blue {
font-family: Arial;
	font-size: 13px;
	color: #468D97;
	font-weight: bold;
	text-transform: none;
	line-height: 16px;

}


.pink {
font-family: Arial;
color: #db4b93;
font-weight: bold;
text-transform: none;
line-height:16px;

}

.charcoal {
font-family: Arial;
color: #4B4A49;
font-weight: bold;
text-transform: none;
line-height:16px;

}

.charcoalbody {
	font-family: Arial;
	font-size: 12px;
	color: #4B4A49;
	font-weight: normal;
	text-transform: none;
	line-height: 16px;


/**** LINK-tag style sheet global.css ****/

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

Styles for Forte Foundation
www.fortefoundation.org

Author(s): David Guillory, Matt Wetzler

Sibley/Peteet Design - Austin
www.spdaustin.com

Created: December 2006

Colors:

Dark Gray Text		#4b4a49
Blue				#468d97
20% Blue			#dae8ea
Green				#9fad3e
20% Green			#ecefd8;
Gray Background		#ececed
Gray Borders		#7f8184

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



UL {
	margin: 0;
	padding: 0;
	}
.this-stylesheet-will-be-ignored-by-NN4 {
	\width: auto;
	}
html, body, div, p, th, td, form, input, textarea, select, li {
	font: 12px/18px Arial,Helvetica,Verdana,sans-serif;
	color: #4b4a49;
	}
body {
	background: #fff;
	text-align: center;
	}
a:link {
	color: #468d97;
	text-decoration: none;
	}
a:hover {
	color: #4b4a49;
	text-decoration: none;
	}
a:visited {
	color: #9FAD3E;
	text-decoration: none;
	}
img {
	border: none;
	}
td {
	vertical-align: top;
	}
/*#some-list li {
	list-style: none;
	padding-left: 10px;
	background: url(../images/wrapper/bullet.gif) no-repeat 0 6px;
	}*/
.rollover {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	}
	.rollover img {
		position: absolute;
		left: 0;
		top: 0;
		}



/* BASIC STRUCTURE
------------------------------------------------------------------------------------------ */

#container {
	width: 953px;
	margin: auto;
	text-align: left;
	}
	#masthead {
		height: 95px;
		padding-right: 7px;
		}
	#leftnav {
		width: 195px;
		padding-left: 10px;
		}			
	#content {
	width: 543px;
	list-style-image: url(bullet_lgrey.gif);
		}
	#sidebar {
		width: 170px;
		padding: 0 10px 0 25px;
		}
	#footer {
		padding: 40px 0 20px 0;
		}



/* CORE TYPOGRAPHY
------------------------------------------------------------------------------------------ */

#content p {
	font: 12px/20px Arial,Helvetica,Verdana,sans-serif;
	margin-bottom: 18px;
	}
#content-intro h2 {
	font: 26px/26px Arial,Helvetica,Verdana,sans-serif;
	font-weight: bold;
	color: #468d97;
	}
#content-intro h3 {
	font: 21px/26px Arial,Helvetica,Verdana,sans-serif;
	color: #9fad3e;
	margin-top: 16px;
	margin-bottom: -16px;
	}
#content-intro p {
	font: 17px/23px Arial,Helvetica,Verdana,sans-serif;
	color: #4b4a49;
	margin-top: 16px;
	}
#content-index h3 {
	font: 18px/20px Arial,Helvetica,Verdana,sans-serif;
	color: #4b4a49;
	margin-top: 5px;
	margin-bottom: 1px;
	}

#content h4 {
	font: 14px/20px Arial,Helvetica,Verdana,sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #468d97;
	}
#content h5 {
	font: 14px/20px Arial,Helvetica,Verdana,sans-serif;
	color: #468d97;
	}
#content h6 {
	font: 12px/16px Arial,Helvetica,Verdana,sans-serif;
	color: #9fad3e;
	}
#content p.article-attribution-url {
	font-size: 10px;
	}	
	
#sidebar p {
	font: 12px/16px Arial,Helvetica,Verdana,sans-serif;
	padding: 7px;
	}
#content td {
padding:8px;
}

.article-attribution-url {
	font-size: 10px;
	color: #4b4a49;
	margin-top: -14px;
	}


/* MASTHEAD
------------------------------------------------------------------------------------------ */

#masthead h1 {
	float: left;
	display: inline;
	line-height:2.75em;
	margin: 21px 0 0 24px;
	}
	
h1 {
color:#468d97;
font-family:Arial,Helvetica,sans-serif;
font-size:2.3em;
line-height:1.05em;
margin:0;
padding:0;
}
	
	
#masthead form {
	float: right;
	margin-top: 23px;
	}
	#search-input {
		margin-right: 3px;
		padding-left:3px;
                padding-top:1px;
                padding-bottom:1px;
		width: 147px;
		height: 16px;
		border: 1px solid #7f8184;
		font-size: 11px;
		line-height: 11px;
		color: #aaa;
		}

#masthead ul {
	float: right;
	clear: right;
	margin-top: 22px;
	list-style: none;
	}
	#masthead li {
		float: left;
		}
		#masthead .rollover {
			float: left;
			height: 16px;
			}
			#masthead li.sfhover .rollover img {
				left: 0;
				top: -30px;
				}
		#masthead-about-forte {
			width: 93px;
			}
		#masthead-newsletter {
			width: 94px;
			}
		#masthead-press-room {
			width: 99px;
			}
		#masthead-contact {
			width: 80px;
			}
		#masthead-log-in {
			width: 56px;
			}
			


/* LEFT NAVIGATION
------------------------------------------------------------------------------------------ */
#leftnav a:visited {
	color: #468d97;
	text-decoration: none;
	}

#leftnav ul {
	list-style: none;
	width: 176px;
	margin-bottom: 15px;
	z-index: 100;
	}
	#leftnav li {
		position: relative;
		display: inline;
		z-index: 100;
		}
	html>/**/body #leftnav li {
		display: list-item;		/* Hidden from Windows IE */
		}
		
		#leftnav li .rollover {
			width: 176px;
			height: 29px;
			}
			#leftnav li.sfhover .rollover img {
				left: 0;
				top: -29px;
				}
		#leftnav li ul {
			position: absolute;
			left: -29999px;
			top: 0;
			width: 162px;
			padding: 4px;
			background: #ececed url(../images/wrapper/nav-left-border.gif) no-repeat 0 0;
			border: 1px solid #468d97;
			border-width: 1px 1px 1px 0;
			}
			#leftnav li li a {
				display: block;
				width: 130px;
				line-height: 15px;
				padding: 4px 16px 3px 16px;
				}
			#leftnav li li a:hover {
				text-decoration: none;
				color: #fff;
				background: #468d97;
				}
		#leftnav li.sfhover ul {
			left: 175px;
			}



			#leftnav li.sfhover.active .rollover img {
				left: 0;
				top: 0;
				}
		#leftnav li.active ul {
			overflow: hidden;
			position: relative;
			left: 0;
			margin-top: -6px;
			margin-bottom: 6px;
			width: 160px;
			padding: 10px 4px 10px 4px;
			background: #fff;
			background-image: none;
			}
			#leftnav li.active ul.green {
				border: 1px solid #9fad3e;
				}
			#leftnav li.active ul.blue {
				border: 1px solid #468d97;
				}
			#leftnav li.active li a {
				font-size: 11px;
				padding: 2px 16px 2px 20px;
				}
			#leftnav li.active li a:hover {
				text-decoration: none;
				color: #4b4a49;
				background: #fff;
				}
			#leftnav li.active li.this-page a {
				color: #4b4a49;
				background: url(../images/wrapper/sub-nav-tiny-leaf.gif) no-repeat 0 5px;
				}

	
#leftnav #merch-join {
	width: 175px;
	height: 53px;
	margin-bottom: 10px;
	}
#leftnav #merch-sponsor {
	width: 175px;
	height: 66px;
	margin-bottom: 10px;
	}
#leftnav #merch-refer {
	width: 175px;
	height: 37px;
	margin-bottom: 10px;
	}
	
#leftnav #merch-join.sfhover img,
#leftnav #merch-sponsor.sfhover img,
#leftnav #merch-refer.sfhover img {
	left: -200px;
	}
	
	

/* GLOBAL ELEMENTS
------------------------------------------------------------------------------------------ */

#footer p {
	font-size: 10px;
	}
	#footer p a {
		color: #4b4a49;
		}
P img {
   marign: 4px;
}

.headshot {
	position: relative;
	margin: 12px 10px;
	height: 85px;
	}
	.headshot img {
		border: 1px solid #7f8184;
		}
	.headshot p {
		position: absolute;
		left: 95px;
		bottom: 0;
		width: 145px;
		color: #468d97;
		}
		.headshot strong {
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 1px;
			}
#breadcrumbs {
	font: 10px/14px Arial,Helvetica,Verdana,sans-serif;
	color: #4b4a49;
	margin-top: 4px;
	margin-bottom: 12px;
	}
#content #breadcrumbs a:link,
#content #breadcrumbs a:visited {
     text-decoration:none;
}

#content-intro {
	margin-bottom: 22px;
	border-top: 2px solid #9fad3e;
	}
#content ul {
    margin-top: 12px;
    margin-bottom: 18px;
	margin-left: 14px;
	}
	#content li {
		list-style: none;
		padding-left: 12px;
        margin-bottom: 5px;
		background: url(../images/wrapper/bullet.gif) no-repeat 0 6px;
		}

            .readmore li {
                padding-left: 12px;
                background: url(../images/wrapper/leaf_blue_background.gif)no-repeat 0 6px;
                 }
				 
				 
#content-grey li {
		list-style: none;
		padding-left: 12px;
        margin-bottom: 5px;
		background: url(../images/wrapper/bullet_grey.gif) no-repeat 0 6px;
		} 

#content a:link,
#content a:visited {
	text-decoration: underline;
	}			

#content .events h3 {
		padding: 10px;
        color: #fff;
        font-size: 13px;
        font-family: verdana;
        font-weight: bold;
		background: #9fad3e url(../images/wrapper/header-wide-bg.gif) no-repeat 100% 0;
		}

#content .article-headshot {
	float: right;
	margin: 0 0 12px 12px;
	width: 84px;
	}
	#content .article-headshot-image {
		border: 1px solid #7f8184;
		margin-bottom: 6px;
		}
	#content .article-headshot-caption {
	font-size: 11px;
	line-height: 12px;
	font-style: italic;
	color: #9fad3e;
	}

#section-subnav {
	margin-bottom: 16px;
	}

.inset-sidebar {
	float: right;
	width: 200px;
	background-color: #dae8ea;
	padding: 12px;
	margin: 12px;
	}

#sidebar h3 { 
	color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 6px 10px;
	background: #7f8184;
	}


.sidebar-quote {
	background: url(../images/wrapper/big-quote-left.gif) top left no-repeat;
	color: #4b4a49;
	padding: 12px;
	margin-bottom: 25px;
	}
	.sidebar-quote-text {
		background: url(../images/wrapper/big-quote-right.gif) bottom right no-repeat;
		}
	.sidebar-quote-attribution {
		display: block;
		font-style: italic;
		margin-top: 8px;
		}

#table-of-contents {
	border: 1px solid #7f8184;
	overflow: hidden;
	background-color: #ecefd8;
	zoom: 1; /* Windows IE */
	margin-bottom: 25px;
	}
	#table-of-contents h3 {
		padding: 10px 7px;
		background: #7f8184;
		}

#job-search,
#donate-to-forte,
#dont-forget {
	border: 1px solid #7f8184;
	overflow: hidden;
	zoom: 1; /* Windows IE */
	margin-bottom: 25px;
	}
	#job-search h3,
	#donate-to-forte h3,
	#dont-forget h3 {
		padding: 10px 7px;
		background: #7f8184;
		}
	#job-search .rollover {
		height: 12px;
		margin: 5px 0 10px 7px;
		display: block;
		}
		#job-search .rollover img {
			display: block;
			}
		#job-search .rollover.sfhover img {
			top: -31px;
			}

#content .inset-sidebar .register.rollover {
	display: block;
	width: 108px;
	height: 12px;
	margin: -3px 0 5px 3px;
	}
	#content .inset-sidebar .register.rollover.sfhover img {
		top: -31px;
		}

#dont-forget .register.rollover {
	display: block;
	width: 108px;
	height: 12px;
	margin: 5px 0 10px 7px;
	}
	#dont-forget .register.rollover.sfhover img {
		top: -31px;
		}

#donate-to-forte .donate.rollover {
	height: 12px;
	margin: 5px 0 10px 7px;
	display: block;
	width: 66px;
	}
	#donate-to-forte .donate.rollover.sfhover img {
		top: -31px;
		}

.wide-feature-content {
	zoom: 1; /* for Windows IE */
	overflow: hidden;
	padding: 0 10px 10px 10px;
	margin: 10px 0;
	}
	.wide-feature-content .left-image {
		float: left;
		border: 1px solid #7f8184;
		}
	.wide-feature-content-info {
		float: right;
		width: 420px;
		}
	.wide-feature-content-info .rollover.read-more {
		height: 12px;
		width: 100px;
		margin-right: 6px;
		float: left;
		}
	.wide-feature-content-info .rollover.archive {
		height: 12px;
		width: 56px;
		margin: 0;
		float: left;
		}
		.wide-feature-content-info .read-more.rollover img,
		.wide-feature-content-info .archive.rollover img {
			display: block;
			}
		.wide-feature-content-info .read-more.rollover.sfhover img,
		.wide-feature-content-info .archive.rollover.sfhover img {
			top: -31px;
			}
#content .rollover.sfhover img 
#sideber .rollover.sfhover img {
	display: block;
	}
#content .rollover.sfhover img 
#sideber .rollover.sfhover img {
	top: -31px;
	}


		#content .wide-feature-content h3 {
			font-size: 18px;
			line-height: 21px;
			color: #468d97;
			font-weight: normal;
			margin-bottom: 4px;
			}
		#content .wide-feature-content h4 {
			font-size: 12px;
			line-height: 16px;
			color: #468d97;
			text-transform: none;
			margin-bottom: 4px;
			}
		#content .wide-feature-content p {
			margin-bottom: 8px;
			}

.featured-article-header h3 {
		color: #fff;
		font-size: 11px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 6px 10px;
		margin-bottom: 10px;
		background: #9fad3e url(../images/wrapper/header-wide-bg.gif) no-repeat 100% 0;
	}
	.featured-article-header h3 img {
		display: block;
		}

.short-feature-content-row {
	margin-bottom: 10px;
	zoom: 1; /* for Windows IE */
	overflow: hidden;
	}

.short-feature-content-left {
	float: left;
	width: 260px;
	}
.short-feature-content-right {
	float: right;
	width: 260px;
	}
	
	.short-feature-content-left h3,
	.short-feature-content-right h3,
    .content-info h3 {
		color: #fff;
		font-size: 11px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 6px 10px;
		margin-bottom: 10px;
		background: #9fad3e url(../images/wrapper/header-wide-bg.gif) no-repeat 100% 0;
		}
		.short-feature-content-left h3 img,
		.short-feature-content-right h3 img {
			display: block;
			}
	.short-feature-content-left p,
	.short-feature-content-right p {
		margin: 10px 10px 0 10px;
		}
	.short-feature-content-left .rollover,
	.short-feature-content-right .rollover {
		width: 200px;
		height: 12px;
		margin: -10px 10px 10px 10px;
		}
	.short-feature-content-left .rollover.sfhover img,
	.short-feature-content-right .rollover.sfhover img {
		top: -31px;
		}


.sidebar-with-lines {
	margin-bottom: 25px;
	}
	.sidebar-with-lines h3 {
		color: #fff;
		font-size: 11px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 6px 10px;
		background: #7f8184;
		}
	.sidebar-with-lines .resource-info {
		border-bottom: 2px solid #4b4a49;
		padding-bottom: 10px;
		overflow: hidden;
		}
	.sidebar-with-lines .rollover {
		height: 12px;
		margin: 12px 0 10px 7px;
		width: 156px;
		display: block;
		}
		.sidebar-with-lines .rollover img {
			display: block;
			}
		.sidebar-with-lines .rollover.sfhover img {
			top: -31px;
			}


#sidebar #readmore img {
       margin-left:0px;
}
	#readmore .rollover {

		height: 12px;
		margin: 10px;
		}
		.readmore .rollover img {
			display: block;
			}
	#readmore .rollover.sfhover img {
		top: -31px;
		}


#sidebar li {
list-style: none;
margin-left: 4px;
/*margin-bottom: 5px;/*
/*list-style-image: url(../images/wrapper/bullet.gif);*/
}


#member-home h3 {
color: #fff;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
		padding: 10px;
		background: #9fad3e url(../images/wrapper/header-wide-bg.gif) no-repeat 100% 0;
		}


/* Convio Form Updates
------------------------------------------------------------------------------------------ */

#name, #youremail{
margin-bottom: 10px;
margin-left: 5px;
}

#messagebody, #subject, #sendtoemail {
margin-bottom: 15px;
width: 400px;
}
#sendtoemail {
margin-top:5px;
width: 400px;
}



.FormBox {
         background: #FFF;
         color: #7F8184;
         margin-right: 10px;
         padding: 8px;
}


.FormBox td {
         padding: 4px;
}

.FormBox .TableHeadings {
         background: #9FAD3E;
}

.Hint, label {
color: #7F8184;
}

label {
font-weight: bold;
}

.apparea {
    width: 740px;
}

.FormBox .TableHeadings {
         background: #9FAD3E;
}

.FormBox {
         background:#fff;
         color: #00000;
         margin-bottom: 10px;
}

.FormBox td {
         padding: 4px;
}

.Hint, .Explicit, label {
         color: #00000;
}

label {
font-weight: bold;
}

#content .Don2AppArea td {
padding:3px;
}


/* Conference Pages
------------------------------------------------------------------------------------------ */
.conference a:link {
	color: #468d97;
	text-decoration: none;
}

.conference a:visited {
	color: #468d97;
	text-decoration: none;
}

.conference a:hover {
	color: #9FAD3E;
	text-decoration: underline;
}

.conference a:active {
    color: #468d97;
	text-decoration: none;
}


/**** Inline STYLE-tag style sheet ****/

#container {
	width: 968px;
}