body {
	margin:0 0;
	
	background-image:url(/_images/BG/bg_tile.gif);
	
	text-align:center;
}

body, td {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:16px;
}

p {
	margin:0 0 8px 0;
}

a {
	color:#0b134f;
}

a:hover {
	color:#1724bf; /* was: #0e1676 */
}

label {
	font-weight:bold;
}

dl 
{
	margin:0 0 24px 0;
}

dt {
	font-weight:bold;
}

dd {
	margin:0 0 8px 16px;
}

dd dl dt {
	margin-right:4px;
	float:left;
}

dd dl dd {
	margin-bottom:0;
}

img 
{
	border:none;
}

img.left 
{
	float:left;
	margin:0 8px 4px 0;
}

.floatBreaker {
	display:block;
	clear:both;
	height:0;
	
	font-size:0;
	line-height:0;
}

#main, #banner {
	width:740px;
	margin:0 auto;
	padding:0 16px;
	
	background-image:url(/_images/BG/main_well_bg.png);
	background-position:top left;
	background-repeat:repeat-y;
	
	text-align:left;
}

#main {
	position:relative;
	padding-top:2px;
	
	border-bottom:solid 1px transparent; /* hack for Firefox to hold open the bottom of the div */
}

* html #main {
	border-bottom:none; /* patches the hack for Firefox, above */
}

* html #main, * html #banner {
	background-image:url(/_images/BG/main_well_bg_dithered.gif);
}

#banner {
	position:relative;
	height:228px;
}


#banner .content {
	position:relative;
	height:228px;
	background-image:url(/_images/BG/cloud_bg_home.jpg);
	
	background-position:top left;
	background-repeat:no-repeat;
}

#banner .content .logo {
	position:absolute;
	top:36px;
	left:28px;
}

#banner .content #bannerImage {
	position:absolute;
	z-index:10;
	top:0px;
	left:224px;
}

#banner .content .regionMenu {
	position:absolute;
	right:24px;
	top:104px;
}

#banner .content .regionMenu p {
	margin:0 0 8px 8px;
}

#banner .content .regionMenu,
#banner .content .regionMenu a,
#banner .content .regionMenu select {
	font-size:10px;
	line-height:12px;
	color:#323a2f;
	text-decoration:none;
}

#banner .content .regionMenu a:hover {
	text-decoration:underline;
}

#banner .nav {
	position:absolute;
	bottom:0;
	left:28px;
	width:716px;
	height:50px;
	
	background-image:url(/_images/BG/mainnav_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	
	font-size:11px;
	line-height:13px;
}

#banner .nav, #banner .nav a {
}

#banner .nav ul {
	position:relative;
	margin:4px 0 0 8px;
	padding:0 0;
	list-style:none;
}

#banner .nav ul li {
	position:relative;
	display:inline;
	margin:0 8px 0 0;
	padding:0 8px 0 0;
	
	border-right:solid 1px #8589a7;
	
	white-space:nowrap;
}

#banner .nav ul li.last 
{
	border-right:none;
	margin-right:0px;
	padding-right:0px;
}

#banner .nav ul ul {
	position:absolute;
	margin-left:0px;
	top:16px;
	left:0px;
}

.fr #banner .nav ul .rightadjust ul 
{
	left:auto;
	right:16px;
	.right: 0px; /* position hack for IE7 */
	left: -300px; /* position hack for IE6; this one is particularly skeevy, since it's based on the width of both menus... */
}

#banner .nav a {
	text-decoration:none;
}

#banner .nav a:hover {
}

#banner .nav ul li.active 
{
	/* ERROR: this background value is clearly wrong; figure out what it was
		supposed to be from the original design and fix it */
	/* background-color:#ef; */
}

#banner .nav ul li.active ul 
{
}

#banner .nav .active a {
	color:#c61724;
}

#banner .nav .active a:hover {
	color:#fc1921;
}

#main .content {
	position:relative;
	width:516px;
	min-height:350px;
	margin:0 0 0 12px;
	padding:0 0;
}

* html #main .content {
	height:350px;
}

#main .content h1 {
	margin:0 8px 8px 8px;

	font-size:18px;
	line-height:21px;
	color:#fc1921;
}

#main .content h2 {
	font-size:14px;
	line-height:19px;
	color:#34006d;
	clear:left;
}

#main .content h3 
{
	margin:16px 0 4px 0;
	
	font-size:12px;
	line-height:16px;
}

#main .content ul {
	margin:0 0 8px 16px;
	padding:0 0;
}

* html #main .content ul {
	margin-left:16px;
}

#main .content ul.links 
{
	margin-left:0;
	list-style:none;
}

#main .content ul.links li
{
	margin:0 0 4px 0;
}

#main .content .intro {
	margin:0 8px;
}

#main .content .tertiaryMenu 
{
	position:relative;
	float:right;
	top:4px;
	width:33%;
	margin:0 0 16px 32px;
}

#main .content .tertiaryMenu li
{
}

#main .content .bodyCopy {
	margin:0 0 12px 0;
	padding:0 8px 16px 8px;
}

.home #main .content h1 {
	font-size:20px;
	line-height:26px;
}

#main .content .bodyCopy .homeDisplay
{
	margin: 0px -8px -4px -8px;
	padding: 0px 8px 16px 8px;
}

.home #main .content .bodyCopy .homeDisplay {
	min-height:250px;
	
	background-color:#f2f4f2;
	background-image:url(/_images/BG/Home/home_bg_get_involved.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

* html .home #main .content .bodyCopy .homeDisplay {
	height:250px;
}

.home .fr #main .content .bodyCopy .homeDisplay {
	background-image:url(/_images/BG/Home/home_bg_get_involved_fr.jpg);
}

.home #main .content .bodyCopy .homeDisplay div.left {
	position:relative;
	float:left;
	width:314px;
}

.home #main .content .bodyCopy .homeDisplay div.right {
	position:relative;
	float:right;
	width:154px;
	margin:0 8px 0 0;
}

* html .home #main .content .bodyCopy .homeDisplay div.right {
	margin-right:4px;
}

.home #main .content .bodyCopy .homeDisplay .callout {
	position:relative;
	margin:0 0 8px 0;
	padding:0 8px 0px 8px;

	background-color:white;
	background-position:top left;
	background-repeat:repeat-y;
}

.home #main .content .bodyCopy .homeDisplay .callout h2 {
	position:absolute;
	top:-39px;
	left:-6px;
	width:167px;
	height:40px;
	margin-top:0px;
	margin-bottom:0px;
	
	
	background-position:top left;
	background-repeat:no-repeat;
}

* html .home #main .content .bodyCopy .homeDisplay .callout h2 {
	left:-14px;
}

.home #main .content .bodyCopy .homeDisplay .callout h2 span {
	display:none;
}

.home #main .content .bodyCopy .homeDisplay .callout.wide {
	width:298px;
}

.home #main .content .bodyCopy .homeDisplay .callout.participants {
	margin:204px 0 8px 6px;
	
	background-image:url(/_images/BG/Home/participant_component_bg.gif);
	border-bottom:solid 2px #f8cfae;
}

.home #main .content .bodyCopy .homeDisplay .callout.participants h2 {
	display:none;
}

.home #main .content .bodyCopy .homeDisplay .callout.volunteers {
	margin-top:122px;
		
	background-image:url(/_images/BG/Home/volunteers_component_bg.gif);
	border-bottom:solid 2px #b4d6c7;
}

.home #main .content .bodyCopy .homeDisplay .callout.volunteers h2 {
	background-image:url(/_images/Type/Heads/volunteers_callout_head.jpg);
}

.home .fr #main .content .bodyCopy .homeDisplay .callout.volunteers h2 
{
	background-image:url(/_images/Type/Heads/volunteers_callout_head_fr.jpg);
}

.home #main .content .bodyCopy .homeDisplay .callout.supporters {
	margin-top:56px;
	margin-bottom:8px;
		
	background-image:url(/_images/BG/Home/supporters_component_bg.gif);
	border-bottom:solid 2px #dad1c0;
}

.home #main .content .bodyCopy .homeDisplay .callout.supporters h2 {
	background-image:url(/_images/Type/Heads/supporters_callout_head.jpg);
}

.home .fr #main .content .bodyCopy .homeDisplay .callout.supporters h2 {
	background-image:url(/_images/Type/Heads/supporters_callout_head_fr.jpg);
}

#main .content .bodyCopy .imageFrame.right 
{
	float:right;
	clear:right;
	position:relative;
	margin:0 0 4px 16px;
	padding:2px;
	border:solid 1px #a8e2d4;
}

#main .content .bodyCopy blockquote {
	margin:0 0 16px 0;
	padding:0 0 16px 0;
	
	border-bottom:solid 1px #dfe4dc;

	font-style:italic;
}

#main .content .bodyCopy blockquote.last {
	border-bottom:none;
}

#main .content .bodyCopy blockquote p {
	margin-bottom:0;
}

#main .content .bodyCopy blockquote .attribution {
	margin-top:7px;
	
	font-size:11px;
	line-height:15px;
	font-style:normal;
	font-weight:bold;
	color:#585656;
}

#main .content .bodyCopy blockquote .attribution .position {
	display:block;
	
	font-weight:normal;
}

#main .content .inContentFeature150 {
	width:150px;
	padding:5px 5px 5px 5px;
	margin:0px 0px 8px 16px;
	float:right;
	border-style:solid;
	border-width:1px;
	border-top-color:#BBB;
	border-right-color:#999;
	border-bottom-color:#999;
	border-left-color:#BBB;
	background:#EEE;
}

#main .content .inContentFeature150 img {
	margin:0px 0px 8px 0;
	padding: 0px 0px 0px 0px;
}

/* ========== CONTACT PAGE STYLES ========== */
.contact #main .content .bodyCopy .person,
.contact #main .content .bodyCopy .people {
	display:block;
	font-weight:bold;
}

.contact #main .content .bodyCopy .people 
{
	margin-left:0;
	list-style:none;
}

.contact #main .content .bodyCopy p.person .position {
	display:block;
	
	font-weight:normal;
}

.contact #main .content .bodyCopy .people .position,
.contact #main .content .bodyCopy .people .email
{
	font-weight:normal;
}

.contact #main .content .bodyCopy .people a
{
	text-decoration:none;
}


.contact #main .content .bodyCopy p.address .street,
.contact #main .content .bodyCopy p.address .street .suite {
	display:block;
}

.contact #main .content .bodyCopy dl {
	position:relative;
}

.contact #main .content .bodyCopy dl .fax {
	display:block;
}

.contact #main .content .bodyCopy dt {
	float:left;
	width:72px;
	
	text-transform:lowercase;
}

.contact #main .content .bodyCopy dd {
	margin-left:72px;
}

* html .contact #main .content .bodyCopy dd {
	float:none;
	margin-left:72px;
}

.contact #main .content .bodyCopy dl a {
	text-decoration:none;
}

/* ========== FACT SHEET PAGE STYLES ========== */
h3 {
	padding-top:10px;
	padding-bottom:0px;
	margin-bottom:6px;
}

table.statTable {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	width:70%;
}

table.statTable tr td,
table.statTable tr th {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: #EEE;
	vertical-align:top;
}

table.statTable tr th {
	background-image:url(/_images/BG/mainnav_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

table.statTable tr.gold {
	background-color:#EFBF6A;
}

table.statTable tr.summaryLine {
	text-align:right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: gray;
}

table.statTable tr.summaryLine em {
	font-style:normal;
	font-weight:bold;
	color:#34006d;
}

table.statTable tr.silver {
	background-color:#CCCCCC;
}

table.statTable tr.bronze {
	background-color:#DCB07D;
}



/* ========== REQUIREMENTS PAGE STYLES ========== */

table.summaryTable {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	width:100%;
}

table.summaryTable tr td,
table.summaryTable tr th {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: #EEE;
	vertical-align:top;
}

table.summaryTable tr th {
	background-image:url(/_images/BG/mainnav_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

table.summaryTable tr.gold {
	background-color:#EFBF6A;
}

table.summaryTable tr.examples {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: gray;
}

table.summaryTable tr.summaryLine em {
	font-style:normal;
	font-weight:bold;
	color:#34006d;
}

table.summaryTable tr.silver {
	background-color:#CCCCCC;
}

table.summaryTable tr.bronze {
	background-color:#DCB07D;
}

/* =========== NEWS STYLES ============ */

dl.news dt
{
	clear:both;
}

dl.news dt a 
{
	text-decoration:none;
}

dl.news dt a:hover
{
	text-decoration:underline;
}

dl.news dt .date
{
	font-weight:normal;
	font-style:italic;
	font-size:11px;
	white-space:nowrap;
}

dl.news dd img
{
	float:left;
	margin:4px 8px 8px 0;
}

/* ======== GALLERY STYLES ============ */

.galleryItem
{
	float:left;
	width: 100%;
}


.galleryImage 
{
}

.galleryImage .controls
{
	margin:8px 0;
}

.galleryImage .controls a
{
	margin:0 24px 0 0;
	text-decoration:none;
}

.galleryImage .controls a:hover
{
	text-decoration:underline;
}

.galleryImage .controls a[disabled],
.galleryImage .controls a:hover[disabled]
{
	color:#ccc;
	text-decoration:none;
}

/* === FOUNDING PARTNER LOGO STYLES === */

#main .content .logolist 
{
	margin:0 0 0 40px;
	padding:0 0;	
	list-style:none;
}

.logolist li 
{
	position:relative;
	display:inline;
	width:192px;
	height:74px;
	margin:0 32px 0 0;
	padding:0 0 0 0;
}

.logolist li a 
{
	width:192px;
	display:inline-block;
	white-space:nowrap;
}

.logolist img 
{
	margin-top:16px;
}

.logolist li .nologo 
{
	position:relative;
	top:0;
	left:0;
}

.logolist li .nologo img.spacer
{
	width:192px;
	height:74px;
	min-height:74px;
}

.logolist li .nologo .name
{
	position:absolute;
	display:block;
	bottom:32px;
	left:0;
	width:100%;
	z-index:10;
	text-align:center;
}

/* ========== SIDEBAR STYLES ========== */
#main .sidebar {
	position:absolute;
	width:185px;
	top:2px;
	right:28px;
	
	background-image:url(/_images/BG/sidebar_bg.gif);
	background-position:top left;
	background-repeat:repeat-y;
	
	font-size:11px;
	line-height:14px;
	color:#0b134f;
}

#main .sidebar h1 {
	font-size:14px;
	color:gray;
}

#main .sidebar .regionalLinks {
	position:relative;
	min-height:100px;
	padding:32px 0px 0px 0px;
	
	background-image:url(/_images/BG/RegionalLinks/regional_links_bg-ca.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

* html #main .sidebar .regionalLinks {
	height:130px;
}

#main .sidebar .content {
	width:auto;
	height:auto;
	min-height:0;
	padding:0 0;
	
	background:none;
}

#main .sidebar .regionalLinks h2 {
	margin:0 0 4px 0;

	font-size:15px;
	line-height:18px;
	color:#fc1921;
}

#main .sidebar .regionalLinks .content {
	position:relative;
	margin:0 8px 8px 10px;
	padding:8px 8px;
	
	border:solid 1px #fc1921;
	background-image:url(/_images/BG/white_ghost_bg.png);
	background-repeat:repeat;
}

* html #main .sidebar .regionalLinks .content {
	background-image:none;
}

#main .sidebar .regionalLinks h2 {
	font-size:15px;
	line-height:18px;
	color:#fc1921;
}

#main .sidebar .regionalLinks a {
	text-decoration:none;
}

#main .sidebar .content .component {
	position:relative;
	width:149px;
	margin:48px 0 24px 0;
	padding:8px 8px;
	
	border-top:solid 2px #cfd0e4;
	border-bottom:solid 2px #cfd0e4;

	background-image:url(/_images/BG/sidebar_component_bg.gif);
	background-position:top left;
	background-repeat:repeat-y;	
}

* html #main .sidebar .content .component {
	margin-top:8px;
}

#main .sidebar .content .component.news 
{
	margin-bottom:16px;
}

#main .sidebar .content .component.slideshow,
* html .sidebar .content .slideshow 
{
	position:relative;
	_top:-36px;
	width:157px;
	height:129px;
	margin-top:0;
	margin-bottom:16px;
	padding:2px 4px;
}

#main .sidebar .content .component.standard 
{
	margin-top:0px;
}

#main .sidebar .content .component h2 {
	position:absolute;
	top:-40px; /*-53px;*/
	left:-8px;
	width:182px;
	height:40px;
	margin:0 0;
	
	background-position:top left;
	background-repeat:no-repeat;
}

#main .sidebar .content .component h2 span {
	display:none;
}

#main .sidebar .content .component.news h2 {
	background-image:url(/_images/Type/Heads/sidebar_news_head.gif);
}

.fr #main .sidebar .content .component.news h2 {
	background-image:url(/_images/Type/Heads/sidebar_news_head_fr.gif);
}

#main .sidebar .content .component.brochure h2 {
	background-image:url(/_images/Type/Heads/sidebar_news_head.gif);
}

#main .sidebar .content .component.news ul {
	margin:0 0 0 16px;
	padding:0 0;
}


#main .sidebar .content .component.news ul a {
	color:#0b134f;
	text-decoration:none;
}

#main .sidebar .content .component.news ul a:hover {
	color:#1724bf;
}

#footer {
	width:740px;
	margin:0 auto;
	padding:4px 16px;
	
	background-color:transparent;
	
	text-align:left;
	font-size:9px;
	line-height:11px;
	color:white;
}

#footer p {
	margin:0px 16px;
}

#footer a {
	color:white;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#main .content, #banner .content {
	/* border:solid 1px blue; */
}

#main .content h1 {
	margin-top:0;
}

.Row
{
	float:left;
	width: 100%;
	padding-top: 5px;
}

	.Label
	{
		float:left;
		width: 150px;
		text-align:right;
		padding: 0px 15px 0px 0px;
	}
	
	.Input
	{
		float:left;
		width: 300px; 
	}
	
	.LabelFull
	{
		display:inline;
		width: 465px;
		text-align:right; 
	}
	
		.Input .textbox
		{
			width: 100%;
		}
		
		.Input .dropdown
		{
			width: 102%;
		}
		
	.Row .small
	{
		font-size:smaller;
	}
	
	.form p
	{
		
		 margin-left: 9px;
	}
	
	.form ul
	{
		margin: 0px 0px 8px 10px !important;
		padding: 0px 0px 8px 16px !important;
	}
	
	.form
	{
		float:left;
		width: 100%;
	}
	
	.gallery
	{
		float:left;
		width: 100%;
	}
	
	.gallery .galleryImage
	{
		float:left;
		width: 158px;	
	}
	
		.gallery .galleryImage img
		{
			width: 158px;
		}
	
	.galleryTitle
	{
		float:left;
		margin: 0px 0px 0px 15px;
		font-weight:bold;
	}