/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*GLOBAL ATTRIBUTES*/fffff
html
{
	height:100%
}
body
{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-style: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* 5px very light blue vertical stripe (faux columns) separates side nav from page content */
	color: #000000;
	background: white url(/image/fauxCol-2.gif) repeat-y 150px 0;
}

a:link, a:visited{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:underline; color:#0033CC;}
a:hover{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none; color:#0033CC;}
a:active, a:focus {font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:underline; color:#0033CC;}

/*
a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:underline; color:#0033CC;
}

a:hover
{
	text-decoration: underline;
	color: #11669C;
}

a:visited
{
	text-decoration: none;
	color: #11669C;
}
*/
hr
{
	width: 100%;
	height: 0px;
	border: 1px solid Gray;
}

img {
		border-style: none;
	}

table 
{
	border: 0;
}

td
{
	color: #000000;
	font: 11px Verdana,Arial, Helvetica, sans-serif;
	padding: 0;
}

p, li, td {line-height: 133%;}


/* Bullet flush with text left margin */
ul, ol, dl {
	margin: 1em 0;
	padding: 0;
}
* html ul, * html ol, * html dl {
	margin-left: 25px; /* IE fix for flush left */
}
li, dd {
	margin: 0 0 0.5em 1.25em;
	padding-left: 0;
}

.table_content{padding:10px; margin:20px; border:thin; background-color:#ffffff; }


/* Various classes we'll add to individual pages whose content area has special needs to
   get a uniform 20px top margin that matches the leftCol's

   If a container has top padding AND its child has top margin, there is a discrepancy between
   IE6 and below, and IE7 & other standards-compliant browsers.
   - IE7 will correctly leave (top padding + top margin) of space
     (example: 10px container padding + 10px child margin)
   - IE6 will incorrectly collapse the two, leaving less space and requiring more padding to compensate.
     (example: 10px total)
   - (All these assume that the child's top margin (if present) is 10px)
 */

/* 10px top space desired (all browsers - child has no top margin) */
.top_10 {
	padding-top: 10px;
}

/* 10px top space desired (child has nonzero top margin - IE6 and below need an extra 10px) */
* html .top_10_child_margin {
	padding-top: 10px;
}

/* 20px top space desired (all browsers - child has no top margin) */
.top_20 {
	padding-top: 20px;
}

/* 20px top space desired (child has nonzero top margin - IE6 and below need an extra 10px) */
* html .top_20_child_margin {
	padding-top: 20px;
}
html>body .top_20_child_margin {
	padding-top: 10px;
}

/* Various classes we'll add to individual pages whose content area has special needs to
   get a uniform 20px top margin that matches the leftCol's

/* 10px left space desired (all browsers - child has no left margin) */
.left_10 {
	padding-left: 10px;
}

/* 20px left space desired (all browsers - child has no left margin) */
.left_20 {
	padding-left: 20px;
}


/* "clearfix" is the industry-standard way to ensure that a container,
   containing floated elements (which are taken out of the document flow --
   their height does NOT affect their ancestors' height) will expand
   vertically to contain the entire float.

   Apply this to floats' ancestor, when the ancestor is followed
   by an element we need to ensure will clear the floats.

   Confused? See the example at /www.positioniseverything.net/easyclearing.html
   ("Putting it together" section shows it well) */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.hasLayout /* Use to fix IE layout bugs */
{
	zoom: 1;
}

/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*    TEXT   */

.page_title{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#336699; font-weight:bold; text-align:left; padding-left:25px; margin-bottom:10px; background-image:url(/image/square.jpg); background-repeat:no-repeat;/* position:relative */}

.page_title_giftofgiving{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#336699; font-weight:bold; text-align:left; padding-left:25px; height:26px; margin-top: 20px; margin-bottom:10px; background-image:url(../image/gog_sm.gif); background-repeat:no-repeat; /* position:relative */}

.page_top_breadcrumbs{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#336699; font-weight:bold; text-align:left; margin-top: 20px; margin-bottom:5px; /* position:relative */}

.page_title_breadcrumbs{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#336699; font-weight:bold; text-align:left; margin-bottom:10px;margin-top:15px;padding-left:25px; margin-bottom:10px; background-image:url(../image/square.jpg); background-repeat:no-repeat; /* position:relative */}

.page_title_breadcrumbs_giftofgiving{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#336699; font-weight:bold; text-align:left; height:26px; margin-bottom:10px;margin-top:20px;padding-left:25px; margin-bottom:10px; background-image:url(../image/gog_sm.gif); background-repeat:no-repeat; /* position:relative */}


.profile_title{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#336699; font-weight:bold; vertical-align:top;}
.profile_subtitle{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#336699; font-weight:bold; /* position:relative; */ padding-left:5px;}
/*giving pages*/
.profile_title2{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#CC3300; font-weight:bold; vertical-align:top;}
.profile_subtitle2{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#CC3300; font-weight:bold;}



.text{ color: #6E6B6B;	font: 11px Arial, Helvetica, sans-serif;text-decoration: none;}
/*000099*/
.table_title{background-color:#6699cc; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:15px; text-align:left; padding-left:5px;padding-bottom:5px;margin-bottom:50px; width:100%; height:15px; filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ccdbe9',EndColorStr='#96b2cc');}

/*   this is for the left nav bottom of memo */
.table_bottom_cell{background-color:#6699cc; line-height:15px; text-align:left; padding-left:5px; width:100%; height:15px; filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffff',EndColorStr='#d7e3ef');}
.table_bottom_cell2{background-color:#6699cc; line-height:15px; text-align:left; padding-left:5px; width:100%; height:15px; filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#d7e3ef',EndColorStr='#f1f1f1');}
/*   this is for the left nav bottom of memo */

.header_title_up1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#000000; font-weight:bold; text-align:left; display:block; margin-bottom:10px;margin-top:10px;}
.header_title{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#006699; font-weight:bold; text-align:left; display:block; margin-bottom:10px;}
.header_inline_title{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#006699; font-weight:bold; text-align:left; display:inline; margin-bottom:10px;}
.header_inline_title_gp{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-align:left; display:inline; margin-bottom:10px;}


/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*    LINKS   */

a.link_show_blue:link, a.link_show_blue:visited{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:underline; color:#0033CC;}
a.link_show_blue:hover{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none; color:#0033CC;}
a.link_show_blue:active, a.link_show:focus {font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:underline; color:#0033CC;}

a.link_no_show_blue:link, a.link_show_blue:visited{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:underline; color:#0033CC; font-size:11px;}
a.link_no_show_blue:hover{font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none; color:#0033CC; font-size:11px;}
a.link_no_show_blue:active, a.link_show:focus {font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:underline; color:#0033CC; font-size:11px;}

a.header_title_link:link, a.header_title_link:visited{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#16699e; font-weight:bold; text-align:left; display:block; margin-bottom:10px; text-decoration:none;}
a.header_title_link:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#16699e; font-weight:bold; text-align:left; display:block; margin-bottom:10px; text-decoration:underline}
a.header_title_link:active, a.header_title_link:focus {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#16699e; font-weight:bold; text-align:left; display:block; margin-bottom:10px; text-decoration:none}

.linklist a /* a list of links - e.g. end of About CanadaHelps page */
{
	display: block;
	margin-bottom: 0.5em;
}

/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*						 HEADER AREA                                         */

#header {
	position: relative;
	height: 91px;
	background: #95b3cd url(/image/header/logo_bkgd.gif) no-repeat center left;
}
#header.fr {
	background-image: url(/image/header/logo_fr_bkgd.gif);
}

#header a:link,
#header a:visited,
#header a:focus,
#header a:hover,
#header a:active {
	text-decoration: none;
}

/* Oops - when I removed the logo <img> from the header and placed it in the background using CSS,
   I forgot that we'd lost the "Home" link functionality given by the <img>.
   Since we're pressed for time, I defined an empty, dimensioned link
   and positioned it over the area where the background image appears. Urgh. */
#homeLink {
	width: 260px;
	height: 100%;
	top: 0;
	left: 0;
}

#homeLink a {
	width: 100%;
	height: 100%;
	display: block;
}

#topNavControls {
	position: absolute;
	top: 0;
	right: 0;
	height: 44px; /* plus padding-top = height of BG image */
	padding-top: 25px;
	padding-right: 113px;
	background: url(/image/header/leaves.jpg) no-repeat top right;
}
* html #topNavControls {
	height: 69px; /* IE doesn't include padding in height */
}

#topNavControls a,
#topNavControls img {
	display: inline;
	vertical-align: top;
}

#topNavControls a {
	padding-left: 15px;
}

#topnav_donor1_donorNav_pnlLogOutTop a,
#topnav_donor1_pnlLogOutTop a {
	padding-left: 5px; /* "Log out" must be close to "MyCanadaHelps" */
}

#givingBasketTopLink 
{
	position: relative;
}
#myDonationCartContainer 
{
	position: absolute;
	top: 22px;
	left: 20px;
	width: 15em;
	color: White;
}

#topNavMenu {
	position: absolute;
	bottom: 0;
	right: 1px;
}
* html #topNavMenu {
	bottom: -1px; /* IE fix */
}

/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*                       TOP NAV                                             */

/* Used for litSubtotal in top-right navControls */
/* THESE MAY NEED DEBUGGING - leave font formatting, replace positioning */
.top_text{position:absolute; top:10px; right:100px; z-index:1;}
.amount{position:absolute; top:35px; right:320px; z-index:1; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}

/*.logoff{color:#000000;
   font-size:10px;
   font-weight:bold;
   background-color:#FFCC33;
   padding:0px;
   width:100px;
   border:1px solid;
   border-top-color:#FF9900;
   border-left-color:#663300;
   border-right-color:#FF9900;
   border-bottom-color:#663300;}*/

/* Used for logoff button in top-right navControls */
#topnav_donor1_pnlLogOutTop,
#Topnav_both1_donorNav_pnlLogOutTop,
#topnav_donor1_donorNav_pnlLogOutTop
	{display: inline;} /* Code generates a div, but design needs an inline element */

a.logoff:link,
a.logoff:visited {color:#DD0000}
a.logoff:hover {color:white}

/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 11px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 20em;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 background-color: transparent;
 border-left: 1px solid white;
 margin: 0;
 padding: 0;
}
.menulist li.first {
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 border-bottom: 1px solid #95b3cd;
 border-left: none;
 background-color: #829cb3;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a:link, .menulist a:visited {
 display: block;
 padding: 3px 1em;
 color: white;
 font: 13px Arial, Helvetica, sans-serif;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:focus, .menulist a:hover, .menulist a.highlighted:hover, .menulist a:active {
 color: white;
 font: 13px Arial, Helvetica, sans-serif;
 text-decoration: none;
 background-color: #badfff;
}
.menulist a.highlighted {
 background-color: #a8c9e5;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */

/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*                       LEFT NAV                                            */

/* This section has the new styles at the top, followed by all the preexisting styles
   which I preferred to leave in -- just to be on the safe side.
   Just be aware that all the old styles *should* be in here for historical amusement only. */

#leftNav {
	width: 130px;
	padding: 10px 20px 10px 10px; /* Total visual width: 170px (related to faux column position) */
		/* More specifically, the leftNav is 15px wider (15px extra right padding) than the left edge
		   of the apparent 5px "border" created by the vertical faux-column stripe at 150px from left.
		   This pushes the right table cell (the page's content area), located at x=165px,
		   10px to the right of the stripe (starts at 150px, ends at 155px), giving the
		   _appearance_ of 10px padding on that right table cell, without actually defining it.

		   (We _can't_ access this table cell because none of the pages on the current site
		   identify it uniquely; it's just a plain <td>. We couldn't affect site-wide changes
		   without editing _every_single_page_on_the_site, which we have no time for.
		   Thus, this quick & dirty hack.) */
	vertical-align: top;
}

* html #leftNav {
	padding-top: 20px;		/* IE fix (6 and below) - it collapses side nav top margin into the padding */
	padding-right: 20px;	/* IE fix (6 and below) */
/* Holiday theme */
background-image: none; /* IE6 and below will get no faded snow, just plain white */
background-color: white;
padding-right: 10px;
}

.sideNavSectionHeader {
	margin: 10px 0 2px;
	color:#336699;
	font-weight: bold;
}
* html .sideNavSectionHeader {
	margin-right: -35px; /* IE fix */
}

*:first-child+html .sideNavSectionHeader {
	padding-top: 10px; /* IE7 incorrectly collapses 10px top margin into container's 10px top padding */
}

#sideCharityTeaser {
	padding: 10px;
	margin: 20px 0;
	background-color: #f2f9ff;
/* Holiday theme */
	margin-bottom: 0;
}

* html #sideCharityTeaser {
	width: 130px; /* Most pages on our site throw IE into Quirks mode, and the teaser gets too narrow */
}

#sideCharityTeaser p.first {
	margin-top: 0;
}

#sideCharityTeaser p.last {
	margin-bottom: 0;
}

#sideNavCharityMenu2Root,
#sideNavCharityMenu3Root {
	/* indent submenus */
	width: 115px;
	padding-left: 15px;
}
* html #sideNavCharityMenu2Root 
{
	width: 130px; /* IE fix */
}

.menulistSideNav .sideNavLogout {color:#e50000 !important; font-weight: bold !important;}
/* Need two classes to ensure higher specificity than ".menuListSideNav a" */
/* Even then, IE doesn't use this style. Raise the white flag -- use !important */


/* VERTICAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulistSideNav, .menulistSideNav ul {
 margin: 0;
 padding: 0;
 width: 130px;
 list-style: none;
}

/* --- IMPORTANT: no styling was done for submenus; any styling is the default that
       comes with FreeStyle Menus, and will clash (or be incompatible) with our design. --- */

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulistSideNav ul {
 display: none;
 position: absolute;
 top: -1px;
 left: 128px;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulistSideNav li {
 position: relative;
 margin: 0; /* Nullify site-wide li style */
}
.menulistSideNav ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */

.menulistSideNav a {
 display: block;
 padding: 3px 3px 3px 16px;
 background: url(/image/leafbullet.gif) no-repeat left 3px;
 text-decoration: none;
}

/* Fix for IE's inconsistent left nav link color & underlining (seems to be caused by conflicts with leftover styles) */
.menulistSideNav a:link,
.menulistSideNav a:visited,
.menulistSideNav a:focus,
.menulistSideNav a:hover,
.menulistSideNav a:active {
 text-decoration: none;
 color: #000;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulistSideNav a:hover, .menulistSideNav a.highlighted:hover, .menulistSideNav a:focus {
 background-color: #badfff;
}
.menulistSideNav a.highlighted {
 background-color: #a8c9e5;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulistSideNav a#xyz {
      background-image: url(out.gif);
    }
    .menulistSideNav a#xyz:hover, .menulistSideNav a.highlighted#xyz, .menulistSideNav a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulistSideNav a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulistSideNav li {
 float: left;
 width: 100%;
}

* html .menulistSideNav li {
 float: left;
 height: 1%;
}
* html .menulistSideNav a {
 height: 1%;
}
/* End Hacks */



/* Begin old left-nav styles, which I hope are not used anywhere */

/* new  */

.leftnav_table
{
position:absolute;
left:0px;
width:180px;
background-color:#F1F1F1;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px ;
border-collapse:collapse;
height:100%;
vertical-align:top;
top:97px;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}
#container {zoom: 1;} /*hasLayout hack for IE*/
p.otherlinks {margin-top: 2px;}
p.otherlinks a {float: left; width: 16em;}
div.toc	{	
	border-left: solid 1px black;
	margin-bottom: 2em;
}

/* create a button look for links */
a.leftnav_button:link, a.leftnav_button:visited
{   background-color: #F1F1F1;
	border: solid 1px #F1F1F1;
    color: black;
    font-family: sans-serif,arial,helvetica,Verdana, Trebuchet MS;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 3px;
	text-decoration: none;
	line-height: 1.5;
    width: 130px;	
/*    width: 16em;*/
	display: block;
	text-indent:5px;
	height:20px;


}

a.leftnav_button:hover
{   background-color: #F9E374; color: black;
	border: solid 1px #999999;
	text-indent:0px;
    width: 130px;	
	}

/* depress effect on click */
a.leftnav_button:active, a.leftnav_button:focus {   
	border: solid 1px;
	background-color:#F9E374; color: black;	
	text-indent:0px;
    width: 130px;	
}

a.leftnav_button:link,
a.leftnav_button:visited,
a.leftnav_button:focus,
a.leftnav_button:hover,
a.leftnav_button:active 
{
	background: white;
	border: none;
}

.leftnav_button_space{
position:relative;
height:20px;}

/* sub buttons*/

.leftnav_subbutton_space{
position:relative;
height:10px;}

a.leftnav_subbutton:link, a.leftnav_subbutton:visited
{   background-color:#c3d4e4;
	border:inset 1px; 
	/*border: ridge 1px #b9cbdc;*/
    color: black;
    font-family: sans serif,arial,helvetica,Verdana, Trebuchet MS;
    font-size: 11px;
    font-weight: normal;
	margin-left:0px;
    padding: 3px;
	padding-left:4px;
	text-decoration: none;
	text-align:left;
	line-height: 1.5;
    width: 130px;	
/*    width: 16em;*/
	display: block;
	height:20px;


}

.leftnav_subtable
{
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #ededed;
	padding-left:0px;
}

a.leftnav_subbutton:active, a.leftnav_subbutton:focus {   
	border: inset 1px;
    letter-spacing: normal;
    width: 130px;	
}

a.leftnav_subbutton:hover
{   background-color: #5387b8;	
    width: 130px;	
	color:#ffffff;
	text-align:center;	
	}


/*  old  */
/*.leftnav_text
{
	height: 17px;
	background-color:f1f1f1;
	color: #000000;
	padding:10px;
	font: 11px Arial, Helvetica, sans-serif;
}


.leftnav_text:hover
{
	font: 11px Arial, Helvetica, sans-serif;
	background-color:#ffe273;
	left: 5px;
}


.leftnav_subbutton
{
	height: 14px;
	color: #6E6B6B;
	margin-left: 4px;
	font: 11px Arial, Helvetica, sans-serif;
	padding-left: 4px;
}

.leftnav_subtext:hover
{
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	cursor: pointer;
}

/*
.leftnav_spacer
{
	font: 5px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 5px;
}
*/


.leftnav_shoppingtable
{
	font: 11px Arial, Helvetica, sans-serif;
	width: 86px;
}

.leftnav_shopheader
{
	background-color: #D7E9B1;
	color: #6E6B6B;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.leftnav_shophighlight
{
	background-color: #D7E9B1;
	color: #6E6B6B;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: italic;
}

/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*TEXTUAL STYLES*/
.body_text
{
	color: #000000;
	font: 11px Verdana,Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
}

.body_text_highlight
{
	color:#993333;
	font: 11px Verdana,Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
	font-weight:bold;
}


.body_text_white
{
	color: #000000;
	font: 11px Verdana,Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
	background-color:#FFFFFF;
	vertical-align:text-top;
}

.body_text_white_no_pad
{
	color: #000000;
	font: 11px Verdana,Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color:#FFFFFF;
	vertical-align:text-top;
	padding:0px;
}


.body_text_noindent
{
	color: #000000;
	font: 11px Verdana,Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.card_text
{
	color: #000000;
	background-color:#fad48d;
	font: 11px Verdana,Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 0px;
	text-decoration: none;
	vertical-align:text-top;
}

.flushtop
{
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.flushbottom
{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.gradient_text
{
/* position:relative; */ 
left:5px; 
height:20px; 
top:0px;
color:#FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif
font-size:14px; 
font-weight:bold; 
z-index:1; 
width:100%;
text-align:left;
}

.instruction_text
{

	color: #000000;
	font: 11px Verdana,Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
	font-weight:bold;
	vertical-align:text-top;

}


/*.small_text
{
	position:relative;
	top:5px;
	color: #6E6B6B;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	vertical-align:text-bottom;
	text-align:left;
	line-height:14px;
	padding-bottom:6px;

}*/

.small_text
{position: relative;color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;	padding-right:2px; padding-left:5px;text-align: left; vertical-align: top; padding-top:7px;}

.small_icon
{
	color: #6E6B6B;
	text-decoration: none;
	vertical-align:middle;
	text-align:left;
}

.step_text{
color:#0066CC;
font-family:Arial,Verdana,  Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-align:center;
vertical-align:text-top;
}
.register_text
{
	color: #6E6B6B;
	font: 11px Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-right: 6px;
	}

.bottom_text
{
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #11669C;
	text-decoration: none;
}

.error
{
	color: red;
	font: 11px Arial, Helvetica, sans-serif;
}

.top_text2
{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
font-weight:bold;}

.beta { /* The "(BETA)" in "GivingPages (BETA)", all over the site */
	font-size: 0.75em;
}

/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*PICTURE MARGINS*/
.picture_onleft
{
	margin-top: 5px;
	margin-bottom: 3px;
	margin-right: 10px;
}

.picture_onright
{
	margin-top: 5px;
	margin-bottom: 3px;
	margin-left: 10px;
}
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*BOTTOM NAV*/

div.bottomnav
{
	margin-top: 4em;
	margin-bottom: 2em;
	text-align: center;
	vertical-align: top;
	font-size: 8pt;
}

div.bottomnav .content a {
	white-space: nowrap; /* Esthetic: no line breaks within links */
}

div.bottomnav .content .one {
	margin-bottom: 0;
}

div.bottomnav .content .two {
	margin-bottom: 0;
}

/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*MAIN HEADER TABLE WITH GRAPHIC AND FEATURES*/

.card_table
{
margin:0px;
border:1px;
border-color:#e2ab43;
padding:0px;
/*background-color:#FFFFCC;*/
border-style:ridge;
}

.table_white
{background-color:#ffffff;

}

/*.table_blue
{
margin:0px;
border:0px;
padding:5px;
background-color:a7c2db;
color:#FFFFFF;
}
*/
.table_blue
{
margin:0px;
border:0px;
padding:5px;
/*background-color: #acd9ec;
background-color:#6699cc;*/
border-collapse:collapse;
color:#FFFFFF;
  border:1px solid #a7c2db;
}

.table_light_blue
{
margin:0px;
border:0px;
padding:5px;
/*background-color: #acd9ec;*/
background-color:#B5CFF0;
color:#FFFFFF;

}

.table_gray
{
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 4px;
/*	width: 50%;*/
	vertical-align: top;
	background-color: #F5F5F5;
	border-left: 1px solid Silver;
	border-right: 1px solid Silver;
	border-top: 1px solid Silver;
	border-bottom: 2px solid Silver;
}




.td.blue{background-color:#FFFFFF;}

.table_header_overview
{

	position:relative;
	padding: 0;
	left:150px;
	margin: 0;
	width: 100%;
	border: 0;
}

.table_header_graphic
{
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: top;
	background-image: url(../image/header_stretch.gif);
}

.table_header_featurebar
{
	color: #6E6B6B;
	background-color: #EDEDED;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-right: 1px solid Silver;
	border-left: 1px solid Silver;
	width:100%;
	vertical-align: top;
}


/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*TABLE STYLES*/

.profile_top_table{margin:0px;}
/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*MAIN TWO COLUMN TABLE STYLES*/

.table_twocolumn_main
{
	position:relative;

	padding: 10px;
	margin: 0;
	width: 100%;
	border: 0;
	top:10px;

}




.table_twocolumn_overview
{
	position:relative;
	left:200px;
	padding: 0;
	margin: 0;
	width: 70%;
	border: 0;
	top:15px;
	height: 100%;
}


.table_twocolumn_left
{
	color: #6E6B6B;
	font: 11px Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 90%;
	vertical-align: top;
	/*background-color: #FAFAFA;*/
	
}

.table_twocolumn_right
{
	color: #6E6B6B;
	font: 11px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 50%;
	vertical-align: top;
	background-color: #F5F5F5;
	border-left: 3px double Silver;
	border-top: 1px solid Silver;
}

.table_twocolumn_left_wide
{
	color: #6E6B6B;
	font: 11px Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
	vertical-align: top;
	/*background-color: #FAFAFA;*/
	border-top: 1px solid Silver;
}

.table_plaincolumn
{
	/* position:relative; */
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	right:0px;
	width: 80%;
	vertical-align: top;
	top:25px;
}

/* this style is used if something is PUSHING the table over*/
.table_plaincolumn_fixed
{
	/*position:absolute; 
	left:145px; 
	top:110px;*/
	position:relative; 
	left:-50px;
	top:15px;	
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 70%;
	vertical-align: top;

}
.table_plaincolumn600
{
	position:relative; 
	left:170px;
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 600px;
	vertical-align: top;
	top: 20px;
}


.table_hrcolumn
{
	color: #6E6B6B;
	font: 11px Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 50%;
	vertical-align: top;
}
/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*FORM RELATED SETUP*/
.form_position{text-align:center; vertical-align:top;}

/* this form has no borders*/
.form_table{width:500px; background-color:#ffffff; margin:0px; padding:5px; border:0px; border-collapse:collapse;}
.form_title{background-color:#ffffff; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:20px; text-align:left; padding-bottom:5px; left:5px; margin-bottom:50px;}


/* this form has borders - light blue - #ccdbe9*/
.form_table2{position:relative; width:500px; background-color:#ffffff; margin:0px; padding:5px; border:0px; border-collapse:collapse;  border:1px solid #ccdbe9}
.form_title2{background-color:#ccdbe9; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:15px; text-align:left; padding-bottom:5px; left:5px; margin-bottom:50px; left:20px; padding-left:10px;padding-right:5px;filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ccdbe9');}
.form_title2_plain{background-color:#ccdbe9; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:15px; text-align:left; padding-bottom:5px; left:5px; margin-bottom:50px; left:20px; padding-left:10px;padding-right:5px;}

.form_subtitle2{background-color:#e0ebf6; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:15px; text-align:left; padding-bottom:5px; left:5px; margin-bottom:50px;padding-left:10px;}
.form_Header2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; text-align:left; margin-bottom:10px;padding-bottom:5px;padding-top:5px; left:5px; margin-bottom:50px;padding-left:10px;}

/**/

/* this form has borders - dark blue - #000099*/
.form_table3{width:500px; background-color:#ffffff; margin:0px; padding:5px; border:0px; border-collapse:collapse; border:1px solid #ccdbe9;}
.form_title3{background-color:#ccdbe9; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:20px; text-align:left; display:block; padding-bottom:5px; left:5px; margin-bottom:50px;}

/* this form has borders - light blue - #ccdbe9 - no width*/
.form_table4{0background-color:#ffffff; margin:0px; padding:5px; border:0px; border-collapse:collapse;  border:1px solid #ccdbe9}

/**/
.form_table_white
{
	width: 100%;
	border-collapse: collapse;
	background-color: #ffffff;
}


/* this form has borders - dark blue - #000099*/
.form_table3{width:500px; background-color:#ffffff; margin:0px; padding:5px; border:0px; border-collapse:collapse; border:1px solid #ccdbe9}
.form_title3{background-color:#ccdbe9; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:20px; text-align:left; display:block; padding-bottom:5px; left:5px; margin-bottom:50px;}

/* this form has borders - light blue - #ccdbe9 - no width*/
.form_table_outlinebox{position:relative; background-color:#ffffff; margin:0px; padding:5px;  vertical-align:top; text-align:left; width:280px; height:100px; border:1px solid #ccdbe9}

/**/

.form_text{position: relative;color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;	padding-right:2px; padding-left:5px;text-align: left;	vertical-align: top; padding-top:7px;}
/* this one is for fields left aligned*/
.form_text_left{position: relative;color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px; padding-right:2px; padding-left:5px;text-align: left;	vertical-align: top; padding-bottom:1px; font-weight:normal;padding-top:3px;}
.form_text_left_large {position: relative; color: #000000;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; padding-right: 2px; padding-left: 5px;  text-align: left; vertical-align: top; padding-bottom: 1px; font-weight: normal; padding-top: 3px;}
.form_text_left_indent{position: relative;color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px; padding-right:2px; padding-left:5px;text-align: left; left:15px;	vertical-align: top; padding-bottom:1px; font-weight:normal;padding-top:7px;}

.form_alt_row{position: relative;background-color:#E3E6EA; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px; padding-right:2px; padding-left:2px;text-align: left;	vertical-align: top; padding-bottom:1px; font-weight:normal;padding-top:3px;}
.form_row_highlight{ background-color:#f7de88;}

/*this one is for actual text not in a table cell*/
.form_text_left2{	position: relative;color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;	padding-right:2px; padding-left:5px;text-align: left;	vertical-align: top; padding-top:7px;font-size:11px;}


/*single spaced - checkout_review page*/

.form_text_single{	position: relative;color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;	padding-right:2px; padding-left:5px;text-align: left;	vertical-align: top; padding-top:1px;padding-bottom:2px; line-height:11px;}
/* this one is for fields left aligned*/
.form_text_left_single{position: relative;color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:11px; padding-right:2px; padding-left:5px;text-align: left;	vertical-align: top; padding-bottom:2px; font-weight:normal;padding-top:1px; line-height:11px;}
.form_text_left2_single{	position: relative;color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;	padding-right:2px; padding-left:5px;text-align: left;	vertical-align: top; padding-top:1px;padding-bottom:2px;font-size:11px;}


.form_error_table{ width:500px; margin-bottom:10px;}
.form_error_text{	color:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif;	padding-right:2px; padding-left:5px;text-align: left; font-size:11px;vertical-align: top; font-weight:300;}
.form_message{	color:#0009F9; font-family:Verdana, Arial, Helvetica, sans-serif;	padding-right:2px; padding-left:5px;text-align: left; font-size:10px;vertical-align: top; border-bottom:1px solid #666666; text-align:center; vertical-align:middle;}
.form_message_error{color:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif;	padding-right:2px; padding-left:5px;text-align: left; font-size:10px;vertical-align: top; border-bottom:1px solid #666666; text-align:center; vertical-align:middle;}


.form_box_text{color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;	padding-right:10px; padding-left:10px; padding-bottom:10px; padding-top:10px;text-align: left;	vertical-align: top;}
.form_box_text_white{ background-color:#FFFFFF;color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;	 font-size:11px; padding-right:10px; padding-left:10px; padding-bottom:10px; padding-top:10px;text-align: left;	vertical-align: top;}

.form_button_text{color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;	padding-right:10px; padding-left:10px; padding-bottom:10px; padding-top:10px;text-align: right;	vertical-align: top;}


.form_required_field {color:#ff9900; width:5px; vertical-align:top; margin-right:3px; }
.form_highlight_field{ background-color:#BFE1F2; border:thick;}
/*.form_field{color: #6E6B6B;	font: 11px Arial, Helvetica, sans-serif;background-color: #EDEDED;border-left: 0px solid #C4C4C4;border-right: 0px solid #C4C4C4;border-top: 0px solid #C4C4C4;	border-bottom: 1px solid #C4C4C4;}*/
.form_text_leftalign{color: #6E6B6B;font: bold 11px Arial, Helvetica, sans-serif;padding-right: 10px;text-align: left;border-right: 1px solid Gray;vertical-align: top;}

/*bad9eb*/
.form_input{font-family: Arial, Helvetica, sans-serif;font-size:11px;height:20px;width:150px;background-color: #ffffff;vertical-align:top; margin-bottom:2px; margin-top:2px;vertical-align: top;}
.form_input50{font-family: Arial, Helvetica, sans-serif;font-size:11px;height:20px;width:70px;background-color: #ffffff;vertical-align:top; margin-bottom:2px; margin-top:2px;vertical-align: top;}
.form_input100{font-family: Arial, Helvetica, sans-serif;font-size:11px;height:20px;width:100px;background-color: #ffffff;vertical-align:top; margin-bottom:2px; margin-top:2px;vertical-align: top;}
.form_input150{font-family: Arial, Helvetica, sans-serif;font-size:11px;height:20px;width:150px;background-color: #ffffff;vertical-align:top; margin-bottom:2px; margin-top:2px;vertical-align: top;}
.form_input200{font-family: Arial, Helvetica, sans-serif;font-size:11px;height:20px;width:200px;background-color: #ffffff;vertical-align:top; margin-bottom:2px; margin-top:2px;vertical-align: top;}
.form_input250{font-family: Arial, Helvetica, sans-serif;font-size:11px;height:20px;width:250px;background-color: #ffffff;vertical-align:top; margin-bottom:2px; margin-top:2px;vertical-align: top;}
.form_input500{font-family: Arial, Helvetica, sans-serif;font-size:11px;height:20px;width:500px;background-color: #ffffff;vertical-align:top; margin-bottom:2px; margin-top:2px;vertical-align: top;}

/* Text input fields: match 20px height of other fields, while aligning input text vertically.
   This does NOT apply to elements using the above classes, except <input>.
   Note: graphical Submit buttons are also <input>s -- be careful if they use one of these classes.
 */
input.form_input, input.form_input50,
input.form_input100, input.form_input150,
input.form_input200, input.form_input250,
input.form_input500 
{
	height:auto;
	padding-top:2px;
	padding-bottom:3px;
}

/* This style seems to be used nowhere */
.form_input_2{font-family: Arial, Helvetica, sans-serif;font-size:11px;height:20px;width:50px;background-color: #ffffff; margin-bottom:2px; margin-top:2px;vertical-align: top;}


.form_button, .formButton{
   color:#000000;
   font-family:verdana, 'trebuchet ms',helvetica,sans-serif;
   font-size:11px;
   font-weight:bold;
   padding-right:2px;
   padding-left:2px;
   background-color:#fff;
   border:1px solid;
   border-top-color:#669;
   border-left-color:#669;
   border-right-color:#336;
   border-bottom-color:#336;
   cursor:pointer;
   cursor:hand;
   /* No more gradient filters - use background images instead (defined on all button classes below) */
   /* filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */
}

.form_button_alt{
   color:#000000;
   font-family:verdana, 'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   width:150px;
   font-weight:bold;
   background-color:#feb;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   cursor:pointer;
   cursor:hand;
   /* No more gradient filters - use background images instead (defined on all button classes below) */
   /* filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */
}

.form_button_small{color:#000000;
   font-size:10px;
   font-weight:bold;
   background-color:#feb;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   cursor:pointer;
   cursor:hand;
   /* No more gradient filters - use background images instead (defined on all button classes below) */
   /* filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cccccc'); */
}
	  
.formButton100,.form_button100 
{
   color:#000000;
   font-family:verdana, 'trebuchet ms',helvetica,sans-serif;
   font-size:11px;
   font-weight:bold;
   width:100px;
   padding-right:2px;
   padding-left:2px;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   cursor:pointer;
   cursor:hand;
   /* No more gradient filters - use background images instead (defined on all button classes below) */
   /* filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */
}

/*
to change - must check on win 2x

.form_button {background-image:url(../image/button.gif); width:100px; height:25px;  padding: 0px 3px 1px 3px}*/

.formButton150,.form_button150 {
   color:#000000;
   font-family:verdana, 'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   width:150px;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   cursor:pointer;
   cursor:hand;
   /* No more gradient filters - use background images instead (defined on all button classes below) */
   /* filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */
}

.formButton150_spend,.form_button150_spend {
   color:#d00;
   font-family:verdana, 'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   width:150px;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   cursor:pointer;
   cursor:hand;
   /* No more gradient filters - use background images instead (defined on all button classes below) */
   /* filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */
}

.formButton250_spend,.form_button250_spend {
   color:#d00;
   font-family:verdana, 'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   width:250px;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   cursor:pointer;
   cursor:hand;
   /* No more gradient filters - use background images instead (defined on all button classes below) */
   /* filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */
}

.formButton200,.form_button200 {
   color:#000000;
   font-family:verdana, 'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   width:200px;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   cursor:pointer;
   cursor:hand;
   /* No more gradient filters - use background images instead (defined on all button classes below) */
   /* filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */
}

.formButton250,.form_button250  {
   color:#000000;
   font-family:verdana, 'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   width:250px;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   cursor:pointer;
   cursor:hand;
   /* No more gradient filters - use background images instead (defined on all button classes below) */
   /* filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); */
}

/* Gradient backgrounds for ALL buttons */

.form_button, .formButton,
.form_button_alt,
.form_button_small,
.formButton100, .form_button100,
.formButton150, .form_button150,
.formButton150_spend, .form_button150_spend,
.formButton250_spend, .form_button250_spend,
.formButton200, .form_button200,
.formButton250, .form_button250 {
	background: white url(/image/buttonBkgd.gif) repeat-x;
}
.form_button:hover, .formButton:hover,
.form_button_alt:hover,
.form_button_small:hover,
.formButton100:hover, .form_button100:hover,
.formButton150:hover, .form_button150:hover,
.formButton150_spend:hover, .form_button150_spend:hover,
.formButton250_spend:hover, .form_button250_spend:hover,
.formButton200:hover, .form_button200:hover,
.formButton250:hover, .form_button250:hover {
	background-image: url(/image/buttonBkgdHover.gif);
}

.form_button:active, .formButton:active,
.form_button_alt:active,
.form_button_small:active,
.formButton100:active, .form_button100:active,
.formButton150:active, .form_button150:active,
.formButton150_spend:active, .form_button150_spend:active,
.formButton250_spend:active, .form_button250_spend:active,
.formButton200:active, .form_button200:active,
.formButton250:active, .form_button250:active {
	background-image: url(/image/buttonBkgdActive.gif);
}

/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*            breadcrumbs           */

.breadcrumbs_selected
{
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 4px;
	vertical-align: top;
	background-color: #f9c874;
	border-left: 1px solid #a27629;
	border-right: 1px solid #a27629;
	border-top: 1px solid #a27629;
	border-bottom: 1px solid #a27629;
}

.breadcrumbs_unselected
{
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 5px;
	padding-bottom: 4px;
	vertical-align: top;
	background-color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

/*tab stuff*/
.bodyTextWh { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; color: #FFFFFF}



.tab_table
{
margin:0px;
border:0px;
padding:5px;
/*background-color: #acd9ec;
background-color:#6699cc;*/
border-collapse:collapse;
color:#FFFFFF;
  border:1px solid #4F80A0;
}

.tab_selected{
background-image:url(../image/tab_corner_dk.gif);
background-position:right;
background-repeat:no-repeat;
background-color:#4F80A0;
padding-left:0px;
border-left:1px solid #4F80A0;
padding-right:15px;
text-align:center;
left:0px;
font-weight:bold;
height:20px;
position:relative;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
line-height: 15px; 
color: #FFFFFF;}

.tab_unselected{
background-image:url(../image/tab_corner_lt.gif);
background-position:right;
background-repeat:no-repeat;
background-color:#c4d7e6;
padding-left:15px;
padding-right:15px;
text-align:center;
left:0px;
height:20px;
position:relative;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
line-height: 15px; 
color: #000000;
text-decoration:underline;}


/*///////////////////////////////////////////////////////////////////////////*/
/*---------------------------------------------------------------------------*/
/*///////////////////////////////////////////////////////////////////////////*/
/*                       CHARITY GIFT CARDS                                  */

/* The #preview div is used for both screen previews and hardcopy prints. */

/* These styles are needed to horizontally center the preview in its container
   (used for centered printouts, where the container is 100% wide to span the whole printable area):
   For IE6+ and modern browsers:
		#preview {margin: auto;}
   For IE<6, which doesn't understand margin: auto, we use text-align on the container, then clean up after the mess:
		#content {text-align: center;}
		#content * {text-align: left;}

/* ANY PAGE THAT USES THIS PAGECONTROL REQUIRES THE FOLLOWING in its <head>:

		<style type="text/css">

			#content {
				width: 582px;
				vertical-align: top;
				text-align: center;
			}

			#content * {
				text-align: left;
			}

		</style>

		<!-- Fixes for IE 5.5 and below --><!--[if lt IE 6]><style type="text/css">
			#preview {width: 582px;}
			#preview #instructionArea {width: 280px;}
			#preview .curlicue {margin-left: 38%;}
			}
		</style><![endif]-->

   Rename #content to match id of <uc1:charity_gift_card_control...>'s container.

*/
			#preview {
				width: 540px;
				padding: 20px;
				margin: auto;
				background-color: transparent;
				border: 1px solid #e5e5c3;
			}

			#preview #cardMsgArea {
				float: left;
				width: 240px;
				font: 18px/24px Georgia, serif;
			}

			#preview #cardTo {
				margin-top: 0;
			}

			#preview .curlicue {
				display: block;
				margin: 1em auto;
			}

			#preview #cardMsg {
				font-style: italic;
			}

			#preview #cardMsg br {
				line-height: 0.667em; /* tighten inter-paragraph spacing */
			}

			#preview #cardFrom {
				margin-bottom: 0;
				text-align: right;
			}

			#preview #instructionArea {
				float: right;
				width: 260px;
				padding: 0 0 0 19px; /* left padding smaller because of border */
				border-left: 1px solid #e5e5c3;
			}

			#preview #cardNumber {
				text-align: right;
				font-weight: bold;
			}

			#preview .cardNo {
				font-size: 13px;
				color: #633;
			}

			#preview #instructionArea li {
				margin-bottom: 0;
			}

			#preview .cardNo1 {
				font-size: 11px;
				font-weight: bold;
				color: #633;
			}

			#preview #itsFun {
				margin-bottom: 0;
			}

			#cardNav {
				text-align: right !important/* Override #preview * */; 
			}

			#cardNav input {
				margin-left: 10px;
			}