/*@charset "iso-8859-1";*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* TO DO: convert X pt measurements to (X*1.25) px - pt is for print, not Web */
/*        (modify other style sheets accordingly)                             */
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/* NOTES:
	-	This stylesheet contains many illegal/unapplicable properties, like
		margins on table cells.
	-	Several classes are not used in our implementation.
*/

/***General Tags***/

.legacy_2013 html
{
	height: 100%;
}

.legacy_2013 body
{
	margin: 0;
	padding: 0;
	background: url(/images/line_background_slice.png) repeat-x left top;
	position: relative; /* set anchor for any absolutely-positioned elements on the page */
	font: 12px Arial, sans-serif;
}

.legacy_2013 img
{
	border-style: none;
}

.legacy_2013 table
{
	border: 0;
}

.legacy_2013 td
{
	padding: 0;
	vertical-align: top;
}

.legacy_2013 td img
{
	display: block;	/* Avoid gaps under images caused by line-height on their default inline display */
}

.legacy_2013 p, li, td
{
}

/* Lists: bullet flush with text left margin */
.legacy_2013 ul, ol
{
	margin: 1em 0;
	padding: 0;
}
.legacy_2013 li, dt
{
	margin: 0 0 0.5em 1em;
	padding-left: 0;
}
.legacy_2013 ol li
{
	margin-left: 1.5em; /* browsers align the item number (e.g. "1.") with the ".", leaving the number sticking out.
                           This fixes it (for items 1-9, at least) */
}
/* Definition lists */
.legacy_2013 dl
{
	margin: 1em 0 0 1em;
	padding: 0;
}
.legacy_2013 dt
{
	margin: 0 0 0.5em 0;
	font-weight: bold;
	/* definition list items: match plain paragraph styling */
	padding-left: 0;
	padding-right: 27px;
}
.legacy_2013 dd
{
	margin: 0 0 0.5em 1em;
	/* definition list items: match plain paragraph styling */
	color: #555555;
	padding-left: 0;
	padding-right: 27px;
}


/***General and layout-related classes***/

.legacy_2013 .arrowlist
{
	list-style: none;
}

.legacy_2013 .arrowlist li
{
	margin-left: 0;
	padding-left: 1em;
	background-image: url(/images/arrowbullet.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}

.legacy_2013 .bluebackground1
{
	background-color: #eaf2fa;
}

.legacy_2013 .bluehighlight
{
	color: #98BFE7;
	font-size: 1.1em;
	line-height: 133%; /* Must be included whenever we redefine font-size */
	font-weight: bold;
}

.legacy_2013 .bluehighlightsmall
{
	color: #98BFE7;
	font-weight: bold;
}

.legacy_2013 .bluesubtext
{
	color: #72A8DE;
	font-family: arial,sans-serif;
	font-size: 11pt;
	line-height: 133%; /* Must be included whenever we redefine font-size */
}

.legacy_2013 .bluetext
{
	color: #075590;
	font-family: arial,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 .bodycontent
{
	/* Also referenced in IE_5.5_and_below.css */
	position: relative; /* place anchor for absolutely-positioned children (e.g. maple-leaf footer) */
	margin-left: auto;
	width: 760px;
	margin-right: auto;
}

.legacy_2013 .boldblue
{
	color: #075590;
	font-weight: bold;
}

.legacy_2013 .boldbluebackground
{
	color: #075590;
	font-weight: bold;
	background-color: #DCE7F2;
	padding: 10px;
}

.legacy_2013 .checkboxStandard
{
	/* Combined with .checkboxLabel, creates a checkbox with a label that won't wrap underneath (and is easily restyled) */
	float: left;
	clear: left;
}

.legacy_2013 .checkboxLabel
{
	display: block;
	margin-left: 25px;
}

/* "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) */

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

.legacy_2013 .container
{
	width: 760px;
	/* Edit .featureditemscontainer if this value changes */
}

.legacy_2013 .darkbluebold
{
	color: #075590;
	font-weight: bold;
	margin-bottom: 0px;
}
.legacy_2013 .darkblueboldlarge
{
	color: #075590;
	font-weight: bold;
	margin-bottom: 0px;
	font-size: 1.1em;
	line-height: 133%; /* Must be included whenever we redefine font-size */
}

.legacy_2013 .flushleft
{
	padding-left: 0;
	margin-left: 0;
}

.legacy_2013 .flushtop
{
	padding-top: 0;
	margin-top: 0;
}

.legacy_2013 .footer
{
	/* Also referenced in IE.css */
	color: #ffffff;
}

.legacy_2013 .GivingBasket
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 #banner_table .GivingBasket td
{
	vertical-align: bottom;
}

.legacy_2013 .GivingBasketAmount
{
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	padding-top: 7px;
	padding-bottom: 1px;
	padding-left: 6px;
}

/*used in one-column layouts, between sections*/
.legacy_2013 .greydivider
{
	border-bottom: 1px solid #eaeaea;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 .hastooltip
{
	border-bottom: 1px dashed; /* border color will be inherited from element color */
}

.legacy_2013 .helpprompt,
.legacy_2013 .helppromptOnLightBlue	/* block-level element - used for help links _below_ their related content */
{
	display: block;
	padding-top: 4px;	/* make center of BG image align with center of lowercase text (rather than baseline)
						   at typical font size */
						/* Also, control clipping at typical font size when .helpprompt element is inline
						   (e.g. <a> rather than <div>) */
	min-height: 20px;	/* don't clip question mark at small font sizes (for good browsers incl. IE7) */
	height: auto !important; /* makes IE7 ignore the following... */
	height: 20px;		/* don't clip question mark at small font sizes (for IE prior to IE7) */
	padding-left: 25px;
	background: url(/images/question.gif) no-repeat 0 3px; /* 3px from top fits standard font size;
							we can't use "center" because some prompts span more than one line */
}

.legacy_2013 .helppromptinline,
.legacy_2013 .helppromptinlineOnLightBlue	/* inline element - used for help links _on the same line as_ their related content
								(add margin-left to individual instance for spacing) */
{
	display: inline;
	padding-top: 4px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	padding-left: 25px;
	background: url(/images/question.gif) no-repeat center left;
}

.legacy_2013 .helpprompt:focus,
.legacy_2013 .helpprompt:hover,
.legacy_2013 .helppromptinline:focus,
.legacy_2013 .helppromptinline:hover
{
	/* Warning: when used in an element other than <a>, the question mark will not rollover in IE 6 and below */
	background-image: url(/images/question_over.gif);
}

.legacy_2013 .helppromptOnLightBlue,
.legacy_2013 .helppromptinlineOnLightBlue
{
	/* normal question icon antialiases edges to white - need different version to avoid fringing on other colors */
	background-image: url(/images/questiononlightblue.gif);
}

.legacy_2013 .helppromptOnLightBlue:focus,
.legacy_2013 .helppromptOnLightBlue:hover,
.legacy_2013 .helppromptinlineOnLightBlue:focus,
.legacy_2013 .helppromptinlineOnLightBlue:hover
{
	/* normal question icon antialiases edges to white - need different version to avoid fringing on other colors */
	background-image: url(/images/questiononlightblue_over.gif);
}

.legacy_2013 .inputfield
{
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	color: #72A8DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 .inputfieldsearch
{
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	color: #72A8DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	padding-left: 5px;
}

.legacy_2013 .inputfielddonation
{
	border: 1px solid #CCCCCC;
	color: #72A8DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 .lightblue
{
	color: #72A8DE;
}

.legacy_2013 .linklist a
{
	display: block;
	margin-bottom: 0.5em;
}

.legacy_2013 .longLink:link,
.legacy_2013 .longLink:focus,
.legacy_2013 .longLink:hover,
.legacy_2013 .longLink:visited
{
	/* link too long to fit in text? Use this smaller font size */
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 .mailinglistarea
{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 380px;
	text-align: center;
}

.legacy_2013 .mailinglistarea table
{
	margin-left: auto;
	margin-right: auto;
}

.legacy_2013 .msgNone
{
	font-style: italic;
}

.legacy_2013 .navline
{
	width: 25px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 .importantNoticeBox
{
	border: 5px solid #EAF2FA;background-color:#DCE7F2;
}

/* Standard 2-column layout for radio buttons and labels
	- When using ASP: <asp:RadioButton cssclass="radioButtonStandard" ...
	- When hand-coding: wrap your entire group of <input><label> pairs in a container with class="radioButtonStandard" */

.legacy_2013 .radioButtonStandard
{
	display: block; /* When we use a CSSClass on asp:RadioButton tags, ASP wraps them in a <span> with that class.
					   Spans are by default inline (may not contain blocks), so we change the span to a block-level element,
					   and the code validates. */	
}

.legacy_2013 .radioButtonStandard input
{
	/* Combined with .radioButtonLabel, creates a button with a label that won't wrap underneath (and is easily restyled) */
	float: left;
	clear: left;
	margin-bottom: 10px;
}

.legacy_2013 .radioButtonStandard label
{
	display: block;
	margin-left: 25px;
	margin-bottom: 10px;
}

	/* Rounded corners with light-blue border - see Home.aspx for sample usage */
.legacy_2013 .roundedCornerBordered .NW
{
	background: url(/images/corner12pxborder6px_NW.gif) no-repeat top left;
}
.legacy_2013 .roundedCornerBordered .NE
{
	background: url(/images/corner12pxborder6px_NE.gif) no-repeat top right;
}
.legacy_2013 .roundedCornerBordered .SW
{
	background: url(/images/corner12pxborder6px_SW.gif) no-repeat bottom left;
}
.legacy_2013 .roundedCornerBordered .SE
{
	/* Calling page will set appropriate padding of rounded-corner area on the .SE class
	   (example: .Home #searchBox .SE) */
	background: url(/images/corner12pxborder6px_SE.gif) no-repeat bottom right;
}

.legacy_2013 .sideboxblue
{
	background-color: #eaf2fa;
	padding: 10px;
}

.legacy_2013 .sideboxlightestblue
{
	background-color: #f3f6fb;
	padding: 10px;
}

.legacy_2013 .visuallyImpaired
{
	/* Used for text to be ONLY read aloud by screen readers (for visually-impaired users),
 	   but NOT displayed by normal browsers */
	 /* Typical use: "button" images using CSS rollovers rather than IMG + JavaScript.
 	   (No img, no alt text...) Example:
 	   <a href="whatever" id="myGraphicButton"><span class="visuallyImpaired">Button Text</span></a> */
	position: absolute;
	left: -9000px;
	width: 0;
	overflow: hidden;
}

.legacy_2013 .required
{
	/*	font-size: 9pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed 
 	font-family: arial; */
	color: #f11a0a;
}

.legacy_2013 #resultsList
{
	width: 100%;
}

.legacy_2013 select
{
	font-size: 14pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #72A8DE;
	width: 200px;
	border: 1px solid #CCCCCC;
}

.legacy_2013 .subnavtext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; /*font-style: bold; */
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
	color: #F17870;
}

.legacy_2013 .textarea
{
	border: 1px solid #CCCCCC;
}

/***Anchors***/

.legacy_2013 a.arrowUp
{
	background: url(/images/arrowUp.gif) no-repeat left center;
	padding-left: 13px;
}
.legacy_2013 a.arrowUp:focus,
.legacy_2013 a.arrowUp:hover
{
	background-image: url(/images/arrowUp_over.gif);
}


.legacy_2013 a.bottomlinkoff
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #FFFFFF;
	border-bottom: 1px solid #b6d4f2;
	text-decoration: none;
}
.legacy_2013 a.bottomlinkoff:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #FFFFFF;
	border-bottom: 1px solid #b6d4f2;
	text-decoration: none;
}
.legacy_2013 a.bottomlinkoff:focus,
.legacy_2013 a.bottomlinkoff:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #FFFFFF;
	background-color: #4C80B4;
	border-bottom: 0;
	text-decoration: none;
}

.legacy_2013 a.bottomlinkon
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #FFFFFF;
	background-color: #4C80B4;
	text-decoration: none;
}
.legacy_2013 a.bottomlinkon:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #FFFFFF;
	background-color: #4C80B4;
	text-decoration: none;
}
.legacy_2013 a.bottomlinkon:focus,
.legacy_2013 a.bottomlinkon:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #FFFFFF;
	background-color: #4C80B4;
	text-decoration: none;
}


.legacy_2013 a.charitylink
{
	color: #f17870;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
}
.legacy_2013 a.charitylink:visited
{
	color: #f17870;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
}
.legacy_2013 a.charitylink:focus,
.legacy_2013 a.charitylink:hover
{
	color: #f11a0a;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
}

.legacy_2013 a.homenav
{
	font-family: Arial,sans-serif;
	color: #F17870;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	text-decoration: none;
}
.legacy_2013 a.homenav:visited
{
	font-family: Arial,sans-serif;
	color: #F17870;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	text-decoration: none;
}
.legacy_2013 a.homenav:focus,
.legacy_2013 a.homenav:hover
{
	font-family: Arial,sans-serif;
	color: #F11A0A;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	text-decoration: underline;
}
.legacy_2013 a.largeLink
{
    font-size:14pt;   
}
.legacy_2013 a.mainnav, a.subheadinginterior, a.subheadinginterior:visited
{
	
	font-size: 16pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #ED4035;
	text-decoration: none;
	background-color: #ffffff;
}
.legacy_2013 a.mainnav:visited
{
	
	font-size: 16pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #ED4035;
	text-decoration: none;
	background-color: #ffffff;
}
.legacy_2013 a.mainnav:focus,
.legacy_2013 a.mainnav:hover
{
	
	font-size: 16pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #ED4035;
	text-decoration: none;
	background-color: #ffffff;
	border-top: #81B2E2 1px solid;
	border-left: #81B2E2 1px solid;
	border-right: #81B2E2 1px solid;
}

.legacy_2013 a.subheadinginterior:focus,
.legacy_2013 a.subheadinginterior:hover
{
	color: #F11A0A;
	
	font-size: 16pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 a.subnav
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
	color: #F17870;
	text-decoration: none;
	border-bottom: 1px solid #DAE6F2;
	border-top: 1px solid #DAE6F2;
}
.legacy_2013 a.subnav:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
	color: #F17870;
	text-decoration: none;
}
.legacy_2013 a.subnav:focus,
.legacy_2013 a.subnav:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
	color: #F17870;
	text-decoration: none;
}

.legacy_2013 a.WaysToGive
{
	color: #F17870;
	text-decoration: none;
	font-family: Georgia, serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}
.legacy_2013 a.WaysToGive:visited
{
	color: #F17870;
	text-decoration: none;
	font-family: Georgia, serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}
.legacy_2013 a.WaysToGive:focus,
.legacy_2013 a.WaysToGive:hover
{
	color: #FA1907;
	text-decoration: none;
	font-family: Georgia, serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}


/***Divs***/

.legacy_2013 div.bluerow
{
	background-color: #EFEFEF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	padding: 10px;
}
.legacy_2013 div.bottomnav
{
	/* Also referenced in IE.css */
	margin-top: 20px;
	padding-bottom: 60px;
	background-color: #4d80b5;
	text-align: center;
	vertical-align: top;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #ffffff;
}
.legacy_2013 div.bottomnav .content
{
	background-color: #72A8DE;
}
.legacy_2013 div.bottomnav .content .one
{
	padding-top: 20px;
}
.legacy_2013 div.bottomnav .content .two
{
	margin-top: 10px;
}
.legacy_2013 div.bottomnav .content .three
{
	margin-top: 5px;
	/*padding-bottom: 20px;*/
}
.legacy_2013 div.bottomnav .content .four
{
	margin-top: 10px;
	padding-bottom: 20px;
}
/* TD's have their own style which overrides the enclosing div.bottomnav style for footer links.
   until I change the footer in ALL pages to a simple ' <div class="bottomnav">...<uc1:BottomNav... '
   (e.g. remove all that table stuff), I'm forced to leave this redundant styling: */
.legacy_2013 div.bottomnav td
{
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #ffffff;
}
.legacy_2013 div.dotteddivider
{
	padding-bottom: 5px;
}

.legacy_2013 div.footer
{
	/* Also referenced in IE.css */
	position: absolute;
	right: 0;
	bottom: -20px;
	width: 216px;
	height: 140px;
	background: url(/images/i/div5/div5_36_b.jpg) no-repeat bottom right;
}

.legacy_2013 div.heading
{
	
	font-size: 24pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #72A8DE;
	padding-left: 11px;
	padding-top: 8px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background: url(/images/i/div5/top_dotted.gif) repeat-x left bottom;
}

.legacy_2013 div.interior
{
	padding-left: 11px;
	padding-right: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.legacy_2013 div.homenav
{
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	text-align: center;
}

.legacy_2013 div.leftcolumn
{
	float: left;
	width: 479px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 20px;
	border-right: 1px #E5E5E5 solid;
	border-bottom: 1px #E5E5E5 solid;
	padding-bottom: 20px; /*	margin-bottom: 20px; */
}

.legacy_2013 div.mycharity
{
	width: 760px;
	border-right: 1px #E5E5E5 solid;
	border-bottom: 1px #E5E5E5 solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.legacy_2013 div.onecolumn, div.onecolumnwithspace
{
	/* Also referenced in IE_5.5_and_below.css */
	/* width + padding + borders = 760px */
	width: 698px; /* content only; IE_5.5_and_below.css will get this PLUS borders/padding */
	border-right: 1px #E5E5E5 solid;
	border-left: 1px #E5E5E5 solid;
	border-bottom: 1px #E5E5E5 solid;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
.legacy_2013 div.onecolumnwithspace
{
	/* I _hope_ this was only used in cases where they wanted to add 20px space at the bottom of the main page content.    (margin collapsing meant that this margin, on an inner element of the container, would *stick out* of that container.    Thus, even if .bodycontent or other container had no margin-bottom, the fact that content ended with an element    having .onecolumnwithspace would make a 20px bottom margin appear *below* the seemingly "no-margin" container.    Now that I've rationalized the design by giving the _bottomnav_ a 20px margin-top, I need to remove this margin,    because it doesn't seem to collapse into the bottomnav margin and results in 40px of space, not 20.    The following commenting will have side effects if .onecolumnwithspace is used *within* a form or page,    on a section that is *not* the last, to give added space between it and the following section.    If this is the case, redefine onecolumnwithspace to have a _top_ margin of 20px, and move its application    to the _following_ section, e.g. 	<div class="onecolumnwithspace">Section one</div> 	<div class="onecolumn">Section two</div>    becomes 	<div class="onecolumn">Section one</div> 	<div class="onecolumnwithspace">Section two</div>    (and we should rename it to "onecolumnwithspaceabove") */ /*	margin-bottom: 20px; */
}

.legacy_2013 div.radiobutton
{
	text-align: left;
	padding-left: 20px;
	padding-bottom: 5px;
}

.legacy_2013 div.rightcolumn
{
	float: right;
	width: 230px;
	margin-left: 20px; /*  CB -- I'm trying to eliminate unneeded heights (standards-compliant browsers may cut off overlong content,     while IE will treat height as min-height and expand as needed).     See if this creates any unwanted side effects. */ /*	height: 475px; */
	margin-bottom: 169px; /* footer image height + 30px of space */
}

.legacy_2013 div.subgreyborder
{
	border-top: 1px solid #E5E5E5;
	width: 100%;
	margin-right: -20px; /* extend border beyond elements width... */
	padding-right: 20px; /* ...and return content area to its intended width */
	padding-top: 10px;
}

.legacy_2013 div.subheadinginterior
{
	
	font-size: 14pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #075590;
	padding-left: 11px;
	padding-right: 27px;
	padding-top: 5px;
	margin-top: 0px;
	width: 150px;
	float: left;
	text-align: right;
}

.legacy_2013 div.subsectiondivider
{
	
	font-size: 24pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #72A8DE;
	padding-top: 8px;
	margin-bottom: 10px;
	background: url(/images/i/div5/top_dotted.gif) repeat-x left bottom;
}

.legacy_2013 div.thickdivider
{
	background-color: #EFEFEF;
	height: 3px;
	font-size: 1px;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 div.verisign
{
	/*padding-top: 20px;*/
}

.legacy_2013 div.WaysTitle
{
	border-bottom: 1px solid #ffffff;
	padding-bottom: 3px;
	margin-bottom: 5px;
	
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 div.WaysToGive
{
	border: 5px solid #EAF2FA;
	background-color: #DCE7F2;
	padding: 10px;
	color: #075590;
	
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	margin-top: 10px;
	margin-bottom: 20px;
}

.legacy_2013 div.whiterow
{
	background-color: #ffffff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	padding: 10px;
}


/***Images***/

.legacy_2013 img.ButtonNextToText
{
	margin-top: -0.2em; /* raise button slightly, to align baseline of button caption with baseline of surrounding text */
}

/***Paragraphs***/

.legacy_2013 p
{
	color: #555555;
}

.legacy_2013 p.finalpara
{
	color: #555555;
	padding-left: 11px;
	padding-right: 27px;
	padding-bottom: 20px;
}

.legacy_2013 p.headingnospace
{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	font-size: 13pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #075590;
}

.legacy_2013 p.large
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #555555;
	margin-top: 10px;
	padding-left: 30px;
}

.legacy_2013 p.nospace
{
	padding-top: 0px;
	margin-top: 0px;
}

.legacy_2013 p.nospacemedium
{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 p.nospacesmall
{
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 p.subheading
{
	
	font-size: 14pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #075590;
	padding-top: 5px;
	margin-top: 0px;
}

.legacy_2013 p.subheadinginterior
{
	
	font-size: 16pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #075590;
	padding-top: 5px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.legacy_2013 p.subheadinginterior2
{
	
	font-size: 16pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #075590;
	padding-left: 0px;
	padding-top: 5px;
	margin-top: 0px;
}

.legacy_2013 p.subheadingnospace
{
	
	font-size: 14pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #075590;
}

.legacy_2013 p.subheadingshort
{
	
	font-size: 14pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #075590;
	padding-top: 0px;
	margin-top: 0px;
	word-spacing: -1px;
}




/***Tables***/

.legacy_2013 .tabtableint
{
	border: 6px solid #DCE7F2;
	margin: 0px;
	padding: 0px;
}

.legacy_2013 table.bluelinetable
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #555555;
}

.legacy_2013 table.lightblue
{
	background-color: #EAF2FA;
	margin-top: 1px;
	width: 760px;
}

.legacy_2013 table.mediumblue
{
	background-color: #DCE7F2;
	margin-top: 1px;
	width: 760px;
	/* padding: 10px; */ /* padding applied to tables gives inconsistent cross-browser results */
}

.legacy_2013 table.tabtable
{
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.legacy_2013 table.tabtableintpink
{
	border: 6px solid #FFF3F2;
}

.legacy_2013 td
{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #555555;
}

.legacy_2013 td.baseline
{
	/* aligns cells according to the baseline of their first line of text.
 	   Most useful in forms, when the right cell (field) starts with text, to nicely align the legend and field.
 	   Not to be used if the right cell starts with some large element, like a <table> or <textarea> */
	vertical-align: baseline !important;
}

.legacy_2013 td.blueborder
{
	border: 1px solid #DCE7F2;
	padding: 10px;
	text-align: center;
}

.legacy_2013 td.blueborderselected
{
	border: 1px solid #DCE7F2;
	padding: 10px;
	text-align: center;
	background-color: #DCE7F2;
}

.legacy_2013 td.blueline
{
	background-color: #71A8DE;
	font-size: 3pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	font-family: Arial,Helvetica,sans-serif;
}

/*
.legacy_2013 td.bottomnav
{
	background-color: #72A8DE;
	text-align: center;
	height: 103px;
	vertical-align: top;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	line-height: 133%;	Always repeat line-height wherever font-size is changed 
	color: #ffffff;
}*/


.legacy_2013 td.bottombluebar
{
	background-color: #4C80B4;
}

.legacy_2013 td.charityprofile
{
	color: #555555;
	font-family: arial,sans-serif;
	font-size: 9pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	vertical-align: top;
	padding-left: 10px;
}

.legacy_2013 td.charityprofilesmall
{
	color: #555555;
	font-family: arial,sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	padding-left: 5px;
	padding-top: 10px;
}

.legacy_2013 td.checkoutoff
{
	
	font-size: 14pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #72A8DE;
	padding-left: 3px;
	padding-right: 3px;
}

.legacy_2013 td.checkouton
{
	
	font-size: 14pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #075590;
	padding-left: 3px;
	padding-right: 3px;
}

.legacy_2013 td.checkoutorg
{
	text-transform: uppercase;
	color: #F17870;
	padding-left: 10px;
}

.legacy_2013 td.darkbluebold, td.lightblue
{
	padding-left: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 td.emptyrow
{
	border-bottom: 1px solid #E5E5E5;
}

.legacy_2013 td.evenrow /* zebra striping */
{
	background-color: #EFEFEF;
/*	color: #555555;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed 
	padding-left: 11px; */
}

.legacy_2013 tr.evenrownoheader td
	/* zebra striping, used for "naked" lists without a coloured header */
{
	background-color: transparent;
/*	color: #555555;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed 
	padding-left: 11px; */
}

.legacy_2013 td.footer
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #ffffff;
	padding-top: 10px;
}

.legacy_2013 td.greyborder
{
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	vertical-align: top;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	padding-top: 10px;
}

.legacy_2013 td.greyrow, td.tableindentgrey
{
	border-bottom: 4px solid #ffffff;
}

.legacy_2013 td.oddrow /* zebra striping */
{
	background-color: transparent;
/*	color: #555555;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed 
	padding-left: 11px; */
}

.legacy_2013 td.oddrownoheader
	/* zebra striping, used for "naked" lists without a coloured header */
{
	background-color: #EFEFEF;
/*	color: #555555;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed 
	padding-left: 11px; */
}

.legacy_2013 td.progressoff
{
	text-align: right;
	font-size: 1px;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	background-color: #DCE7F2;
}

.legacy_2013 td.progresson img,
.legacy_2013 td.progressoff img
{
	display: inline; /* Override general td img */
}

.legacy_2013 td.progresson
{
	text-align: right;
	font-size: 1px;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	background-color: #72A8DE;
}

.legacy_2013 td.spacer
{
	background-color: #ffffff;
}

.legacy_2013 td.subheading, td.subheadingright, td.subheadingbg, p.subheadingbg
{
	
	font-size: 14pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #075590;
	padding-left: 11px;
	padding-right: 27px;
	padding-top: 5px;
	margin-top: 0px;
}

.legacy_2013 td.subheadingbg, p.subheadingbg
{
	background-color: #DCE7F2;
	padding-bottom: 6px;
	padding-left: 10px;
}

.legacy_2013 td.subheadingnospace
{
	
	font-size: 14pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #075590;
	padding: 0px;
	margin: 0px;
}

.legacy_2013 td.subheadingright
{
	text-align: right;
	padding-right: 0px;
}

.legacy_2013 td.subheadingsmall
{
	
	font-size: 8pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #075590;
	text-transform: uppercase;
}

.legacy_2013 td.tableindent, td.tableindentwhite, td.tableintgrey
{
	margin-left: 15px;
	padding-left: 15px;
}

.legacy_2013 td.taboffleft, td.tabonleft
{
	/* Also referenced in IE_5.5_and_below.css */
	width: 6px;
	height: 26px;
	padding-left: 5px;
	text-align: right;
}

.legacy_2013 td.taboffright, td.tabonright
{
	width: 6px;
	height: 26px;
	text-align: left;
}

.legacy_2013 td.tabon, td.tabon a:link, td.tabon a:visited /* when IE6 loads our pages, all tab links get "visited" status and a:visited (pink) would get priority */
{
	color: #075590;
	font-family: arial,sans-serif;
	font-size: 10pt;
	line-height: 100%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
	background-color: #DCE7F2;
	text-align: center;
}

.legacy_2013 td.tabon a:focus, td.tabon a:hover /* really hide the "you are here" tab link */
{
	line-height: 100%;	/* Always repeat line-height wherever font-size is changed */
	text-decoration: none;
	cursor: default;
}

.legacy_2013 td.taboff, td.taboff a:link, td.taboff a:visited, td.taboff a:focus, td.taboff a:hover, td.taboff a:active
{
	color: #F17870;
	font-family: arial,sans-serif;
	font-size: 10pt;
	line-height: 100%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
	background-color: #FFF3F2;
	text-align: center;
}

.legacy_2013 td.tabon, td.taboff
{
	vertical-align: middle;
}

.legacy_2013 td.tabonsmall
{
	color: #075590;
	font-family: arial,sans-serif;
	font-size: 8pt;
	line-height: 100%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
	background-color: #DCE7F2;
	text-align: center;
}

.legacy_2013 td.taboffsmall
{
	color: #F17870;
	font-family: arial,sans-serif;
	font-size: 8pt;
	line-height: 100%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
	background-color: #FFF3F2;
	text-align: center;
}

.legacy_2013 td.toprow
{
	padding-top: 20px;
	margin-top: 0px;
}

.legacy_2013 td.whiterow, td.tableindentwhite
{
	border-bottom: 4px solid #EFEFEF;
}

.legacy_2013 th
{
	text-align: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
	color: #000000;
}

.legacy_2013 tr.bluerow
{
	background-color: #DCE7F2;
	color: #075590;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	padding-left: 11px;
}

.legacy_2013 tr.emptyrow
{
	background-color: #ffffff;
	height: 20px;
	padding-bottom: 0px;
}

.legacy_2013 tr.greyrow
{
	background-color: #EFEFEF;
	color: #555555;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	padding-left: 11px;
}

.legacy_2013 tr.whiterow
{
	background-color: #ffffff;
	color: #555555;
	padding-left: 11px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
}

.legacy_2013 ul.bluebullet
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	color: #555555;
	margin-top: 0px;
	list-style-position: outside; /* needed for multiline items (e.g. InfoPages/AboutUsSupportUs.aspx) */
	margin-left: 1em; /* restore indent removed by list-style-position */
	padding-left: 0px; /* cross-browser: use margin OR padding, and set the other to zero */
	list-style-image: url(/images/bluebullet.gif);
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.legacy_2013 ul.bluebullet li
{
	margin-bottom: 0.5em;
}


/**TOP NAV Action Links**/

.legacy_2013 .topMenu li:hover
{
    color: rgb(231, 238, 244);
    background: #72A8DE;
    text-decoration: none; /*font-size:12px;*/
    font-weight: bold;
    cursor: pointer;
}
/* Links inside the menu */
.legacy_2013 .topMenu a:link, .topMenu a:visited
{
    display: block;
    text-decoration: none;
}
.legacy_2013 .spanArrowDwn
{
    background: url("/images/arrow_down_ow.png") no-repeat scroll 0 1px transparent;
    margin-top: -1px;
    margin-left: 5px; /*opacity:0.55;*/
    vertical-align: middle;
    display: inline-block;
    height: 6px;
    width: 7px;
}

/***Main nav***/

/* HORIZONTAL FREESTYLE MENU LAYOUT */


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

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.legacy_2013 .menulist ul
{
	display: none;
	position: absolute;
	top: 30px;
	margin-top: 1px; /* match top-level's top border + bottom border */
	margin-left: 5px;
	border: 1px solid #73a8de;
	border-width: 0 1px 1px;
}

/* Second and third etc. level submenus - position across from parent instead */
.legacy_2013 .menulist ul ul
{
	/* not needed here  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.
*/
.legacy_2013 .menulist li
{
	float: left;
	display: block;
	position: relative;
	background-color: white;
	margin: auto 0; /* even though it's a block, padding seems to have no effect, so we use margins on child <a> */
	border-left: 2px solid #73a8de;
}
.legacy_2013 .menulist li.first
{
	border-left-color: transparent; /* Make border invisible, but present, to maintain constant box-model width even on first item */
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.legacy_2013 .menulist ul li
{
	float: none;
	margin: 0;
	border-top: 1px solid #dee5eb;
	border-left: none;
}

/* Links inside the menu */
.legacy_2013 .menulist a:link, .menulist a:visited, .menulist a:focus, .menulist a:hover, .menulist a:active
{
	display: block;
	
	font-size: 20px; /* override standard <a> style */
	line-height: 100%;
	color: #f17870;
	text-align: left;
	text-decoration: none;
	margin: auto 3px;
	padding: 5px 5px;
	border: 1px solid white; /* invisible border occupies same space as when highlighted, to avoid jiggle */
}

/* This menu design requires specific widths on each top-level item and its submenu.
   Widths vary depending on text content, and go on the content element (links) */
.legacy_2013 .menulist li.first a, .menulist li.first ul a
{
	/* Also referenced in IE_5.5_and_below.css */
	width: 180px;
}
.legacy_2013 .menulist li.second a, .menulist li.second ul a
{
	/* Also referenced in IE_5.5_and_below.css */
	width: 120px;
}
.legacy_2013 .menulist li.last a, .menulist li.last ul a
{
	/* Also referenced in IE_5.5_and_below.css */
	width: 140px;
	margin-right: 0; /* abut last dropdown with right edge */
}

/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.legacy_2013 .menulist a:focus, .menulist a:hover, .menulist a.highlighted:hover, .menulist a:active
{
	color: #f11a0a;
}
.legacy_2013 .menulist a.highlighted:link, .menulist a.highlighted:visited, .menulist a.highlighted:focus, .menulist a.highlighted:hover, .menulist a.highlighted:active
{
	color: #f11a0a;
	border-color: #73a8de;
}

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

/* Submenu links */
.legacy_2013 .menulist ul a:link, .menulist ul a:visited, .menulist ul a:focus, .menulist ul a:hover, .menulist ul a:active
{
	margin: auto 0;
	padding: 5px 5px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	font-weight: bold;
	color: #f17870;
	border-style: none;
	background-color: #f3f6fb;
	text-decoration: none;
}

/* Lit submenu links */
.legacy_2013 .menulist ul a:focus, .menulist ul a:hover
{
	color: #f11a0a;
	background-color: white;
}

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


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.legacy_2013 .menulist a
{
	float: left;
}
.legacy_2013 .menulist ul a
{
	float: none;
}
/* \*/
.legacy_2013 .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.
*/
.legacy_2013 *:first-child + html .menulist ul li
{
	float: left;
	width: 100%;
}

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

/* STYLES FOR SPECIFIC MENUS */

.legacy_2013 #TopNav1_pnlMainNavSimple, #TopNav1_pnlMainNav
{
	position: relative;
	font-size: 20px; /* setting it here makes for easier em calculations. Text size can be overridden at link level. */
	line-height: 133%;	/* Always repeat line-height wherever font-size is changed */
	min-height: 1.6em;	/* approximate value: top-level link's 1.5-em height + 2px border */
						/* we need this because the main nav must be right-aligned.
						   Its top-level elements are floated left, so the only way to right-align it
						   is to absolutely position it, which takes it our of the document flow,
						   requiring a height on the menu's parent. */
	z-index:auto;
}

.legacy_2013 #mainnavRootSimple, #mainnavRoot
{
	/* right-align main nav inside its table cell */
	position: absolute;
	left: auto;
	right: 0;
}

.legacy_2013 #mainnavRoot
{
	display: none; /* hide from browsers without JavaScript */
}

.legacy_2013 #divActions a {
    text-decoration:none;
    margin: 0;
    padding: 0;
    overflow:hidden;
}

.legacy_2013 .topMenu {
    overflow:hidden;
    padding-top:21px;
}

.legacy_2013 .topnavlink
{
    padding:6px 10px 6px 10px !important;
    border-left: 1px solid rgb(114, 168, 222);
    text-align: center;
    z-index: 80;
    font-size:12px;
    font-weight:bold;
}
.legacy_2013 .topnavlink a
{
    /*color:rgb(207, 221, 234);*/
    /*color:rgb(243, 247, 250);*/
    color:rgb(231, 238, 244);
    font-size:12px;
}
.legacy_2013 .topnavlink a:visited
{
    color:rgb(231, 238, 244);
    font-size:12px;
    font-weight:bold;
}
.legacy_2013 .topnavlink a:hover
{
    color:rgb(231, 238, 244);
    background:#72A8DE;
    text-decoration:none;
    
    font-weight:bold;
    cursor:pointer;
}

.legacy_2013 #userDropDown {
    position: absolute;
    overflow: hidden;
    width: 120px;
    z-index:auto;
    top: 47px;
}

/*#userDropDown .dropDownItem li{
    background:rgb(76, 128, 180);
    border-bottom: 1px solid rgb(114, 168, 222);
}*/

.legacy_2013 #userDropDown li {
    /*background:#72A8DE;*/
    background:rgb(76, 128, 180);
    border-bottom: 1px solid rgb(114, 168, 222);
}

.legacy_2013 #userDropDown li:hover {
    background:#72A8DE;
}

.legacy_2013 #userDropDown .topnavlink {
    width: 100%;
    padding: 6px 0px 5px 0px !important;
}

.legacy_2013 #userDropDown:hover #dropDownMenu {
    display:block;
}

.legacy_2013 #dropDownMenu {
    display:none;
}

.legacy_2013 #dropDownMenu li, #dropDownMenu {
    width: 120px;
    z-index:80;
    position: relative;
}

/* MyCanadaHelps section - General Sytle information */

.legacy_2013 #tableMyCHTabs
{
	width: auto;
}
.legacy_2013 .ValidationSummary
{
	border: 6px solid #DCE7F2;
	padding-left: 5px;
    margin-bottom: 10px;
}

.legacy_2013 .quickNotice{background-color:#FCB131;font-weight:bold;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;}

.legacy_2013 .error
{
    color: #F11A0A;
}

.legacy_2013 .imageBorder {
    padding: 10px;
    border:5px solid #DCE7F2;
}