/* =VAG Rounded Custom Font
----------------------------------------------------*/
/*
 * MyFonts Webfont Build ID 793089, 2011-04-27T18:48:48-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: VAG Rounded
 * URL: http://new.myfonts.com/fonts/bitstream/vag-rounded/vag-rounded/
 * Foundry: Bitstream
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * License: http://www.myfonts.com/viewlicense?1056
 * Licensed pageviews: 1,000,000/month
 * CSS font-family: VAGRoundedBT-Regular
 * CSS font-weight: normal
 *
 * (c) 2011 Bitstream Inc
*/
@font-face {
	font-family: 'VAGRounded';
	font-weight: normal;
	font-style: normal;
	src: url('font/vag-rounded.eot'); /* IE9 Compat Modes */
	src: url('font/vag-rounded.eot?iefix') format('eot'), /* IE6-IE8 */
		 url('font/vag-rounded.woff') format('woff'), /* Modern Browsers */
		 url('font/vag-rounded.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* =Global Reset
----------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, form, fieldset, p, table, sup {
	background: transparent;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	background: url("img/global/bg-pattern.png") 0 0 repeat;
}
body {
	background: url("img/global/bg-barred.png") 50% 0 repeat-y;
	color: #636363;
	font: 12px arial,helvetica,sans-serif;
	line-height: 1;
	min-width: 990px;
	-webkit-text-size-adjust: none;
}

.homebg {
	background: url("img/home/bg-body.png") 50% 0 no-repeat;
}

ul, dl {
	list-style: none;
	margin: 0;
	padding: 0;
}
ol {
	margin: -8px 0 28px 0;
	padding-left: 20px;
}
ol li {
	font-size: 14px;
	line-height: 1.5;
	*margin-left: 10px; /* fixes number placement in IE6/7 */
}
input, textarea, select, button {
	color: #636363; /* #7f7f7f */
	font-family: arial,helvetica,sans-serif;
	font-size: 100%;
}
input.active {
	color: #636363; /* #373737 */
}
:focus { /* still need to define focus styles */
	outline: 0;
}
table { /* tables still need cellspacing="0" in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, iframe {
	border: 0;
	vertical-align: bottom;
}
video {
	vertical-align: bottom;
}

img { max-width: 100%; }

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


/* =Global Generic Styles
----------------------------------------------------*/
.displayNone { display: none; }
.floatL { float: left; }
.floatR { float: right; }
.sitFlush { margin-bottom: -3px; }
.marginbottom { margin-bottom: 28px; }
.rightmargin { margin-right: 10px; }
.bordered { border: 1px solid #ededed; }

a.trigger {
	display: block;
}
sup {
	font-size: 10px;
	padding: 0 2px;
	position: relative;
	vertical-align: super;
}

.alignright {
	float: right;
}
.alignleft {
	float:left;
}
.aligncenter {
	display: block;
	margin: 0 auto;
	text-align: center;
}

img.offset {
	margin-left: -31px;
	max-width: 336px;
}

.imgcorrection {
	position:relative;
	top: 3px;
}

.shortlineheight { line-height: 1.25; }


/* =Links
----------------------------------------------------*/
a {
	color: #390;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #390;
	outline: 0;
}
.navUtility a,
#footer a {
	color: #636363;
}
.navUtility a:hover,
#footer a:hover {
	color: #390;
}
.boldlink {
	font-size: 14px;
	font-weight: bold;
}

/* ----- Action Link ----- */
.actionLink,
.actionLink:active {
	color: #fff;
	font-family: 'VAGRounded',arial,sans-serif;
	-webkit-text-stroke: 1px transparent;
}
.action {
	background: url("img/generic/divider-181.png") 0 0 no-repeat;
	bottom: 20px;
	color: #fff;
	font: 14px 'VAGRounded', arial, sans-serif;
	left: 30px;
	padding-top: 15px;
	position: absolute;
	width: 192px;
	-webkit-text-stroke: 1px transparent;
}
.arrowwhite {
	background: url("img/generic/arrow-white.png") 0 50% no-repeat;
	font-size: 14px;
	padding-left: 15px;
}
.arrowalt {
	background: url("img/generic/arrow.png") 0 25% no-repeat;
	display: inline-block;
	color: #390;
	font-size: 16px;
	line-height: 16px;
	padding-left: 15px;
}

/* ----- Color Block Links ----- */
.colorBlock a {
	color: #fff; /* For Mobile */
}

/* ----- Share Actions ----- */
.shareActions {
	font-weight: bold;
	height: 16px;
	margin-top: 18px;
	overflow: hidden;
	position: relative;
}
.shareActions > span {
	float: left;
	position: relative;
	top: 2px;
}
.label {
	color: #390;
	padding-right: 10px;
	margin-bottom: 0;
}
.label ~ span {
	padding-left: 10px;
	*top: -1px; /* IE7 */
}
.shareActions > a {
	background: url("img/generic/icons-share.png") 0 0 no-repeat;
	display: inline-block;
	height: 14px;
	margin-left: 14px;
	text-indent: -999.9em;
}
a.print {
	background: url("img/generic/icon-print.png") 0 0 no-repeat;
	width: 15px;
}
.addthis_toolbox {
	display: none;
	float: left;
	padding-right: 10px;
}
.label:hover ~ .addthis_toolbox,
.addthis_toolbox:hover {
	display: block;
}

/* =Text Headers
----------------------------------------------------*/
/* ----- h1 ----- */
h1 {
	color: #390;
	font: 400 30px/1.1 'VAGRounded',arial,sans-serif;
	margin-bottom: 14px;
	-webkit-text-stroke: 1px transparent;
}

/* ----- h2 ----- */
h2 {
	font: 400 30px/1.05 'VAGRounded',arial,sans-serif;
	margin-bottom: 24px;
	-webkit-text-stroke: 1px transparent;
	color: #390;
}

#inset h2 {
	background: url("img/generic/divider.png") 0 100% no-repeat;
	margin: 0 0 16px 0;
	padding-bottom: 18px;
}

.smalltext { font-size: 22px; }

.darkh2 { 
	color: #636363;
	margin-top: 0;
}

/* ----- h3 ----- */

h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 28px;
}

.alt {
	font-size: 14px;
	margin-bottom: 28px;
	font-family: arial, helvetica, sans-serif;
	color: #636363;
	font-weight: bold;
}

/* ----- h4 ----- */
.modalWin h4 {
	color: #390;
	font: 400 30px/1.2em 'VAGRounded',arial,sans-serif;
	margin-bottom: 12px;
	-webkit-text-stroke: 1px transparent;
}

h4 {
	font-size: 20px;
	margin-bottom: 28px;
}

h5 {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	margin-bottom: 28px;
}

.lefth5 {
	background: url("img/generic/divider.png") 50% 100% no-repeat;
	margin: 35px 0 16px 0;
	padding-bottom: 22px;
}

.lefth5:first-child {
	margin-top: 0;
}

/* ----- h6 ----- */
h6 {
	font-size: 14px;
	line-height: 1.0;
	margin-bottom: 16px;
	padding-bottom: 22px;
}
.colorBlock h6 {
	background: none;
	color: #fff;
	font-family: 'VAGRounded',arial,sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: 10px;
	padding-bottom: 0;
	-webkit-text-stroke: 1px transparent;
}


/* =Common Text
----------------------------------------------------*/
p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 28px;
}

.col224left p {
	font-size: 11px;
	margin-bottom: 8px;
}

.col224left a {
	font-weight:bold;
}
.intro {
	font-family: 'VAGRounded',arial,sans-serif;
	font-size: 20px;
	line-height: 1.3;
	-webkit-text-stroke: 1px transparent;
}

.centeredbrand {
	text-align: center;
	color: #390;
	font: 400 15px 'VAGRounded',arial,sans-serif;
	font-size: 20px;
	padding-bottom: 0;
}
.dividerline {
	padding-bottom: 18px;
	background: url("img/generic/divider.png") 50% 100% no-repeat;
}

.specialtext {
	font-family: 'VAGRounded', arial, sans-serif;
	line-height: 1.3;
	-webkit-text-stroke: 1px transparent;
	font-weight: 400;
	margin-bottom: 8px;
}
.colorBlock p {
	color: #fff;
	font-family: 'VAGRounded',arial,sans-serif;
	line-height: 1.3;
	-webkit-text-stroke: 1px transparent;
}
.modalWin p {
	font-size: 12px;
}

.tags {
	font-family: 'VAGRounded',arial, sans-serif;
	font-size: 16px;
	line-height: 1.0;
	-webkit-text-stroke:1px transparent;
	margin-bottom: 12px;
}

.source {
	color: #999;
	font-size: 9px;
	line-height: 12px;
	padding: 4px 0 10px 0;
}

.text {
	color: #fff;
	font-size: 40px;
	line-height: 1.0;
	text-shadow: 0 0 5px rgba(0,0,0,0.7);
	font-family: 'VAGRounded',arial,sans-serif;

}

.text:hover {
	color: #fff;
	text-decoration: none;
}

.location {
	font-size: 22px;
	color: #fff;
	display: block;
	margin-top: 45px;
}

.location:hover {
	text-decoration: none;
}

.locationsign {
	display: block;
	bottom: 25px;
	margin-top: 0;
	position: absolute;
	right: 25px;
}

.actiontext {
	background: url("img/generic/divider-181-grey.png") 0 0 no-repeat;
	font: 14px 'VAGRounded',arial,sans-serif;
	left: 30px;
	padding-top: 15px;
	width: 192px;
	-webkit-text-stroke: 1px transparent;
}

.lowercase { text-transform: lowercase; }

.divider_underline {
    background: url("img/generic/divider.png") no-repeat scroll 100% 100% transparent;
    font: bold 14px/1 arial,helvetica,sans-serif;
    margin-bottom: 12px;
    padding-bottom: 14px;
}

.nomargin { margin: 0; }

/* =Bulleted Lists
----------------------------------------------------*/

.arrowlink {
	background: url("img/generic/bullet-arrow.png") 0 4px no-repeat;
	*background-position-y: 9px; /* IE7 */
	padding-left: 15px;
}
.external {
	background: url("img/generic/bullet-external.png") 0 3px no-repeat;
	*background-position-y: 8px; /* IE7 */
	padding-left: 15px;
	color: #636363;
}
.pdf {
	background: url("img/generic/bullet-pdf.png") 0 2px no-repeat;
	*background-position-y: 7px; /* IE7 */
	padding-left: 15px;
}

.download {
	background: url("img/generic/bullet-download.png") 0 5px no-repeat;
	padding-left: 15px;
}
.circle li {
	background: url("img/generic/bullet-circle.png") 0 8px no-repeat;
	font-size: 14px;
	padding: 0 0 2px 15px;
}
.bulletList {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 18px;
}
.bulletList .arrow {
    background: url("img/generic/bullet-arrow.png") no-repeat scroll 0 4px transparent;
    padding-left: 15px;
}
.bulletList .external {
    background: url("img/generic/bullet-external.png") no-repeat scroll 0 3px transparent;
    padding-left: 15px;
}
.bulletList .pdf {
    background: url("img/generic/bullet-pdf.png") no-repeat scroll 0 2px transparent;
    padding-left: 15px;
}
.bulletList ul {
    margin-bottom: 16px;
}

.download {
    background: url("img/generic/bullet-download.png") no-repeat scroll 0 5px transparent;
    padding-left: 15px;
}
.bulletList.error {
    margin-bottom: 30px;
}
.bulletList.error li {
    background: url("img/generic/bullet-circle-error.png") no-repeat scroll 0 7px transparent;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.5;
    padding: 0 0 2px 15px;
}
.bulletList li {
  margin-bottom:0px;
} 
.bulletList a {
    font-weight: bold;
    line-height: 1.4;
    padding-bottom: 10px;
	font-family:arial, helvetica, sans-serif; 
}

.sidebar-link a {
	display: block;
	font-size: 11px;
}

.newsList {
	padding-bottom: 20px;
}

.newsList span {
	float: left;
}

.newsList li {
	margin-bottom: 20px;
	overflow: hidden;
}

.newsList .date {
	font-weight: bold;
	line-height: 1.4;
	margin-right: 20px;
	width: 105px;
}

.newstitle {
	font-weight: bold;
	line-height: 1.4;
	margin-right: 20px;
	width: 583px;
	font-size: 11px;
}

/* =Buttons
----------------------------------------------------*/
.btn {
	background: url("img/btn/text.png") 0 0 no-repeat;
	display: block;
	height: 26px;
	text-indent: -999.9em;
}

/* ----- Learn More Button -----*/
.learnMore { background-position: -114px 0; margin-top: 12px; width: 84px; }
.learnMore:hover { background-position: -198px 0; }

/* ----- Read More Button -----*/
.readMore { background-position: -588px 0; width: 79px; }
.readMore:hover { background-position: -667px 0; }

/* ----- Apply for this Position Button -----*/
.apply { background-position: -282px 0; margin-bottom: 40px; width: 153px; }
.apply:hover { background-position: -435px 0; }

/* ----- Close Button -----*/
.close {
	background: url("/img/btn/x.png") 0 0 no-repeat;
	height: 23px;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 23px;
}

.donatebutton {
	background: url( "img/btn/donate.png") 0 0 no-repeat;
	display: block;
	height: 26px;
	text-indent: -999.9em;
	background-position: 0 0;
	width: 256px;
	margin: 0 auto;
}

.donatebutton:hover { background-position: -256px 0; }

/* ----- Video -----*/

.jwdisplayIcon { height: 100px!important; width: 100px!important; margin-top: -50px!important;}

.iconPlay {
	background: url("img/btn/play.png");
	height: 73px;
	margin: 39px 0 0 -37px;
	top: 0;
	width: 75px;
	left: 50%;
	position: absolute;
	text-indent: -999.9em;
	background-position: 0 0;
}

.openModal:hover .iconPlay { background-position: -75px 0;}

.openModal:hover .underline { text-decoration: underline; }

.btnVideo {
	display: block;
	float: left;
	position: relative;
}

/*=======================================
Contact Us - Recreate default GF styles

====================================== */

#gform_wrapper_1 .top_label .gfield_label {
    margin: 0.625em 0 0.500em 0;
    font-weight: bold;
    display: -moz-inline-stack;
    display: inline-block;
    line-height: 1.30em;
    clear: both;
}
#gform_wrapper_1 .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper .top_label textarea.textarea.medium, .gform_wrapper .hidden_label textarea.textarea.medium {
    width: 48%;
}

#gform_wrapper_1 textarea.medium {
    height: 9.375em;
}

#gform_wrapper_1 .gform_footer {
    padding: 1em 0 0.625em 0;
    margin: 1em 0 0 0;
    clear: both;
}

/* ----- Form Button -----*/

.contact_wrapper { 
	width: 500px;
	float: left;
}

button {
	border: 0;
	cursor: pointer;
	display: block;
	outline: 0;
	text-indent: -999.9em;
}

#gform_wrapper_1 .gform_button {
	background: url("img/btn/text.png") 0 0 no-repeat;
	height: 26px;
	width: 57px;
	text-indent: -999.9em;
	cursor: pointer;
	border: none;
}
#gform_wrapper_1 .gform_button:hover { background-position: -57px 0; }


/* =Page Header
----------------------------------------------------*/
#header {
	margin: 0 auto 18px auto;
	min-width: 990px;
	padding-top: 24px;
	position: relative;
	width: 990px;
	z-index: 15;
}
#header:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.headerbackground { background: url("img/global/bg-header.png") 50% 0 repeat-y;}

/* ----- Logo ----- */
#logo {
	background: url("img/global/logo.png") 0 0 no-repeat;
	height: 41px;
	margin: 0 0 15px 27px;
	text-indent: -999.9em;
	width: 279px;
}
#logo a {
	display: block;
	height: 41px;
	position: relative;
}

/* ----- Go To Sesame & Random Muppet ----- */
#goToSesame {
	background: url("img/muppets/bg-go-to.png") 0 0 no-repeat;
	height: 90px;
	overflow: hidden;
	position: absolute;
	right: 5px; /* originally 32; subtract this from width below */
	top: 0;
	width: 249px;
	z-index: 21;
}
#randomMuppet {
	bottom: 0;
	float: right;
	position: absolute;
	right: 0;
}

/* ----- Global Search ----- */
#search {
	float: right;
	*float: none; /* IE7 */
	margin-left: -10px;
	position: relative;
}
#search .customInput {
	border: 1px solid #fff;
	/* Border Radius */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
	height: 24px;
	width: 86px;
}
#search input {
	background-color: transparent;
	border: 0;
	color: #636363;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	margin: 0;
	padding: 0 27px 0 8px;
	padding-top: 4px\9; /* IE7&8 */
	width: 52px;
	-webkit-appearance: none;
}
.search-button {
	background: url("img/global/icon-search.png") 0 0 no-repeat;
	height: 11px;
	float: left;
	margin: 7px 0 0 -23px;
	width: 12px;
}

.g {
	font-size: 16px;
}

/* =Nav : Utility
----------------------------------------------------*/
.navUtility {
	overflow: hidden;
	position: absolute;
}
.navUtility li {
	float: left;
	margin-left: 15px;
}
.navUtility a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	padding-top: 9px;
}
.navUtility a:hover {
	text-decoration: none;
}

/* ----- Specific to Placement in Header ----- */
#header .navUtility {
	right: 160px !important;
	top: 38px !important;
	*top: 37px !important;
}
#header .navUtility a {
	font-size: 14px;
	line-height: normal;
	padding-top: 5px;
	*padding-top: 6px; /* IE7 */
}

/* ----- Specific to Placement in Header ----- */
#footer .navUtility {
	left: auto;
	position: relative;
	top: auto;
}


/* =Nav : Main
----------------------------------------------------*/
ul.menu {
	bottom: -5px;
	margin: 0 auto;
	position: relative;
	width: 990px;
}
.menu > li {
	float: left;
	position: relative;
}

/* ----- Nav Bar ----- */
.menu a {
	background-image: url("img/global/nav-main.png");
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	position: relative;
	text-decoration: none;
	text-indent: -999.9em;
	width: 198px;
	z-index: 1120;
}
/* Default State */
.menu-item-830 a { background-position: 0 0; }
.menu-item-1179 a { background-position: -198px 0; }
.menu-item-64 a { background-position: -396px 0; }
.menu-item-65 a { background-position: -594px 0; }
.menu-item-66 a { background-position: -792px 0; }
/* Hover State */
#menu-item-830:hover > a, #s1 a:hover, #s1.on:hover a { background-position: 0 -50px; }
#menu-item-1179:hover > a, #s2 a:hover, #s2.on:hover a { background-position: -198px -50px; }
#menu-item-64:hover > a, #s3 a:hover, #s3.on:hover a { background-position: -396px -50px; }
#menu-item-65:hover > a, #s4 a:hover, #s4.on:hover a { background-position: -594px -50px; }
#menu-item-66:hover > a, #s5 a:hover, #s5.on:hover a { background-position: -792px -50px; }
/* Active State */
.menu-item-830.current-menu-ancestor a, .menu-item-830.current-menu-item a, .menu-item-830.current-page-ancestor a { background-position: 0 -100px;}
.menu-item-1179.current-menu-ancestor a, .menu-item-1179.current-menu-item a, .menu-item-1179.current-page-ancestor a { background-position: -198px -100px; }
.menu-item-64.current-menu-ancestor a, .menu-item-64.current-menu-item a, .menu-item-64.current-page-ancestor a { background-position: -396px -100px; }
.menu-item-65.current-menu-ancestor a, .menu-item-65.current-menu-item a, .menu-item-65.current-page-ancestor a { background-position: -594px -100px; }
.menu-item-66.current-menu-ancestor a, .menu-item-66.current-menu-item a, .menu-item-66.current-page-ancestor a { background-position: -792px -100px; }
/* 
/* ----- Main Nav Dropdown ----- */
/* Set the Container */
.sub-menu {
	background: #fff;
	display: none;
	left: 0;
	margin-top: -8px;
	padding: 15px 25px 15px 22px;
	position: absolute;
	width: 150px;
	z-index: 99999;
	-webkit-box-shadow:  0px 5px 5px 3px rgba(0, 0, 0, .1);
	-moz-box-shadow:  0px 5px 5px 3px rgba(0, 0, 0, .1);
   box-shadow:  0px 5px 5px 3px rgba(0, 0, 0, .1);
}

.menu-item-830 ul.sub-menu { left: 5px; width: 145px; }
.menu-item-66 ul.sub-menu { right: 5px; width: 146px; }

/* Reset the Dropdown Links */
.menu .sub-menu a {
	background: none;
	color: #636363;
	font-weight: bold;
	height: auto;
	line-height: 1.2;
	padding:  8px 0;
	position: relative;
	text-indent: 0;
	width: auto;
}
.menu .sub-menu a:hover {
	color: #390;
}
/* Show on Hover */
ul.menu li:hover > ul {
	display: block;
}

.sub-menu {
	font-size: 14px;
}
.sub-menu li {
	border-top: 1px solid #ccc;
}
.sub-menu li:first-child { border: 0; }


/* =Callouts List
----------------------------------------------------*/
.callouts {
	margin: 0 -14px;
	overflow: hidden;
}
.callouts li {
	float: left;
	margin: 0 14px;
	padding-bottom: 10px;
	position: relative;
}

.list224 li {
	height: 240px;
	width: 224px; 
}

.list350 li {
	width: 350px;
}

.extend li {
	height: 400px;
}

.listauto li {
	width: auto;
	height: auto;
	padding-bottom: 20px;
}
.extramargin { margin-bottom: 20px; }
.extramargin li {margin-bottom: 20px; height: 250px; max-width: 224px; }
.callouts a,
.callouts span {
	display: block;
}
.callouts span {
	font-weight: bold;
}
.title {
	color: #636363;
	font-size: 11px;
	line-height: 1.6;
	margin-top: 11px;
}

.title--small { 
	font-size: 11px;
	margin-top: 11px;
	margin-bottom: 14px;
}

.desc {
	color: #390;
	font-size: 12px;
	line-height: 1.5;
}

.desc--light, .callouts .desc--light {
	color: #636363;
	font-size: 12px;
	line-height: 1.5;
	font-weight: normal;
}

.alttitle {
	color: #390;
	font-size: 12px;
	margin-top: 11px;
	line-height: 1.6;
}
.callouts .caption {
	font-size: 11px;
	line-height: 1.5;
	margin-top: 15px;
}
.callouts .link {
	line-height: 1.5;
}
.callouts a:hover {
	text-decoration: none;
}
.callouts a:hover .desc,
.callouts a:hover .link,
.callouts a:hover .alttitle {
	text-decoration: underline;
}

.longer li {
	height: 300px;
	width: 161px;
}

/* =FAQs
----------------------------------------------------*/

.faqList {
	margin-bottom: 15px;
}

.faqList li {
	padding-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
}


/* =Breadcrumb
----------------------------------------------------*/
#breadcrumb {
	font-size: 11px;
	font-weight: bold;
	margin: 0 auto 10px auto;
	width: 980px;
	text-transform: lowercase;
}
#breadcrumb a {
	background: url("img/global/arrow-breadcrumb.png") 100% 50% no-repeat;
	color: #390;
	margin-right: 7px;
	padding-right: 14px;
}

#breadcrumb a:last-child { 
	color: #636363;
	background: none;
}


/* =Pagination
----------------------------------------------------*/
.pagination {
	overflow: hidden;
	position: relative;
	right: 0;
	text-align: right;
	top: 0;
}
.pagination a {
	color: #636363;
	display: inline-block;
	font: bold 12px arial, helvetica, sans-serif;
	height: 27px;
	line-height: 27px;
	margin: 0 2px;
	min-width: 23px;
	padding-left: 2px;
	text-align: center;
	-webkit-text-stroke: 0;
}

.pagination a:hover {
	color: #390;
	text-decoration: none;
}

.pagination .current {
	color: #390;
	font-weight: bold;
	line-height: 27px;
}

.pagination-fixed {
	position: absolute;
	right: 5px;
	top: 11px;
}

.pagination-fixed a {
	font-family: 'VAGRounded', arial, sans-serif;
	font-size: 16px;
	margin-left: 20px;
}


/* =Content Containers & Modules
----------------------------------------------------*/
/* ----- Main Container ----- */
#content {
	clear: both;
	margin: 0 auto;
	*margin-bottom: -28px; /* IE7 */
	overflow: hidden;
	padding: 0 5px 60px 5px;
	position: relative;
	width: 980px;
}

#contentoverflow {
	clear: both;
	margin: 0 auto;
	*margin-bottom: -28px; /* IE7 */
	overflow: visible;
	padding: 0 5px 0 5px;
	position: relative;
	width: 980px;
}

#contentoverflow::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

/* ----- Column Containers ----- */
.col728 {
	float: left;
	position: relative;
	width: 728px;
}
.col728right {
	float: right;
	position: relative;
	width: 728px;
}
.col252 {
	float: left;
	position: relative;
	width: 252px;
}
.col224 {
	float: left;
	width: 224px;
	margin-left: 28px;
}
.col224_alt {
	float: left;
	width: 150px;
}
.col224left {
	float: left;
	margin-right: 28px;
	width: 224px;
}
.col484 { width: 484px; }

/* ----- Cut paper Containers ----- */
.green224square {
	background:url(img/bg/col224-green-square.jpg) 0 0 no-repeat;
	height: 359px;
}

.pink224square {
	background:url(img/bg/col224-pink-square.jpg) 0 0 no-repeat;
}

/* ----- Module Containers ----- */
#hero {
	overflow: hidden;
	position: relative;
	margin-bottom: 45px;
}

#donate {
	height: 1600px;
	width: 100%;
}

.righttext-mod {
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: -18px;
	position: relative;
	text-align: right;
	top: -45px;
}

.sponsor {
	float: left;
	padding: 0 30px 0 0;
	position: relative;
	width: 212px;
}

.sponsor p { font-size: 12px; }

.sponsor li { font-size: 13px; font-weight: bold; padding-bottom: 28px; }

/* ----- Trustees ----- */

#trustees {
	line-height: 1.5;
	margin: 0 -14px;
	overflow: hidden;
}

#trustees .col {
	float: left;
	margin: 0 14px;
	width: 308px;
}

#trustees p {
	font-size: 12px;
}

#trustees strong {
	display: block;
	margin-top: 18px;
}

#trustees strong:first-child {
	margin-top: 0;
}

/* ----- Sliding Panel ----- */
.slidingPanel {
	display: none;
}
.showHide ~ .showHide {
	display: none;
}


/* =Divider
----------------------------------------------------*/
.divider {
	background: url("img/generic/divider.png") 0 0 no-repeat;
	clear: both;
	height: 5px;
	margin: 27px 0 38px 0;
	position: relative;
	text-indent: -999.9em;
	width: 100%;
	z-index: 1;
}

.col728right .divider {
	margin-top: 38px;
}


/* =View Toggle
----------------------------------------------------*/
.idTabs {
	margin-bottom: 35px;
	text-align: center;
	-webkit-text-stroke: 1px transparent;
	font: 400 15px 'VAGRounded',arial,sans-serif;
}
.idTabs li {
	display:inline;
}
.idTabs > span {
	padding-right: 10px;
}
.idTabs p {
	color: #390;
	font-size: 20px;
	padding-bottom: 0;
}
.idTabs a {
	border: 1px solid #cbcbcb;
	color: #a3a3a3;
	cursor: pointer;
	display: inline-block;
	height: 37px;
	text-decoration: none;
	font: 400 15px 'VAGRounded',arial,sans-serif;
	margin: 0 -5px 0 0;
	position: relative;
}
.idTabs a span {
	display: inline-block;
	height: 42px;
	line-height: 37px;
	padding: 0 20px;
}

.idTabs .selected span {
	background: url("http://www.sesameworkshop.org/img/btn/view-by.png") 0 0 no-repeat;
	color: white;
	top: -1px;
}

.idTabs .selected span:after {
	content: url("img/btn/view-by-arrow.png");
	height: 10px;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	top: 25px;
	width: 18px;
}

.idTabs a.selected:hover {
	color: #fff;
}
.idTabs a:hover {
	color: #390;
}


/* =Blocks
----------------------------------------------------*/
.colorBlock {
	margin-bottom: 30px;
	padding: 28px 30px 20px 30px;
	width: 164px;
}
.colorBlock .btm {
	background-position: 0 100%;
	background-repeat: no-repeat;
	height: 10px;
	margin: 15px -30px -30px -30px;
	text-indent: -999.9em;
	width: 224px;
}
.colorBlock.blue224 {
	background: url("img/bg/col224-blue.jpg") 0 0 no-repeat;
}
.blue224 .btm {
	background-image: url("img/bg/col224-blue.jpg");
}
.colorBlock.green224 {
	background: url("img/bg/col224-green.jpg") 0 0 no-repeat;
}
.green224 .btm {
	background-image: url("img/bg/col224-green.jpg");
}
.colorBlock.orange224 {
	background: url("img/bg/col224-orange.jpg") 0 0 no-repeat;
}
.orange224 .btm {
	background-image: url("img/bg/col224-orange.jpg");
}
.colorBlock.purple224 {
	background: url("img/bg/col224-purple.jpg") 0 0 no-repeat;
}
.purple224 .btm {
	background-image: url("img/bg/col224-purple.jpg");
}


/* =Footer
----------------------------------------------------*/
#footer {
	border-top: 1px solid #e5e5e5;
	clear: both;
	padding: 22px 0 27px 0;
	margin: 0 auto;
}

.footer-full { width: 100%; }

.footer-short { width: 1042px; }

#footer .inner {
	margin: 0 auto;
	position: relative;
	width: 990px;
}

#footer .divider {
	background: none;
	border-top: 1px solid #e5e5e5;
	height: 0;
	margin: 23px 0 15px 0;
}

/* ----- Ad Block ----- */
#adBlock {
	height: 60px;
	width: 468px;
}
#adBlock a {
	display: block;
}

/* ----- Sign Up ----- */
#signUp {
	float: right;
	margin-left: 20px;
	width: 217px;
}
#signUp .customInput {
	border: 1px solid #d7d7d7;
	/* Border Radius */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	float: left;
	height: 24px;
	margin-right: 8px;
	width: 150px;
}
#signUp input {
	background-color: transparent;
	border: 0;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
	*margin-top: 4px; /* IE7 */
	padding: 0 8px;
	-webkit-appearance: none;
}

/* ----- Social Links ----- */
#social {
	float: right;
	height: 28px;
	overflow: hidden;
	padding-left: 20px;
}
#social a {
	background: url("img/btn/social.png") 0 0 no-repeat;
	float: left;
	text-indent: -999.9em;
}
#social #facebook {
	height: 28px;
	width: 27px;
}
#social #twitter {
	background-position: 100% 0;
	height: 28px;
	margin-left: 8px;
	width: 25px;
}

/* ----- Associated ----- */
#associated {
	float: right;
	height: 60px;
}
#associated .label {
	display: inline-block;
	float: left;
	font: 400 11px 'VAGRounded',arial,sans-serif;
	line-height: 1.3;
	margin-top: 16px;
	padding-right: 6px;
	text-align: right;
	width: 150px;
}
#associated a {
	display: inline-block;
	margin-left: 28px;
}


/* =Modal Windows
----------------------------------------------------*/
#overlay {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5000;
	/* Define Opacity */
	background-color: #000;
}
.modalWin {
	/* Border Radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* Box Shadow */
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	box-shadow: 0 0 10px rgba(0,0,0,0.7);

	border: 1px solid #adadad\9; /* IE8 & below */

	/* Default Styling */
	background-color: #fff;
	display: none;
	position: absolute;
	z-index: 5001;
}


/* =Links
----------------------------------------------------*/
.panelLink {
    background: url("img/generic/arrow.png") no-repeat scroll 0 0 transparent;
    font-family: 'VAGRounded',arial,sans-serif;
    font-size: 16px;
    padding-left: 15px;
    line-height: 1.1;
}

.panelLink-alt {
	font-family: 'VAGRounded',arial,sans-serif;
    font-size: 16px;
    margin-bottom: 27px;
}
.panelLink.up {
    background: url("img/generic/arrow-up.png") no-repeat scroll 0 3px transparent;
}

.panel-show { color: #390; cursor: pointer; }

/* ----- Panel Link w/Arrow ----- */
.arrow {
	background: url("img/generic/arrows-panel.png") 0 7px no-repeat;
	font-family: 'VAGRounded',arial,sans-serif;
	font-size: 30px;
	font-weight: 400;
	padding-left: 22px;
	-webkit-text-stroke: 1px transparent;
	margin-bottom: 27px;
	display: block;
}
.arrow.active {
	background-position: 0 -29px;
}


/* =Divider
----------------------------------------------------*/
.divider {
	margin: 0 0 38px 0;
}


/* =Rotator
----------------------------------------------------*/
.rotatorWrap {
	margin-bottom: 27px;
}

/* ----- Graphic Blocks ----- */

.homeblock {
	position: absolute;
	top: 465px;
	left: 110px;
	width: 600px;
}

.partnerblock {
	position: absolute;
	font-family: 'VAGRounded', arial, sans-serif;
}

.partnerauthor { font-size: 17px; margin-bottom: 5px; padding-top: 8px; line-height: 1; }
.partneraffiliation { font-size: 13px; margin-bottom: 20px;}

.relativeblock { position: relative; margin-bottom: 50px;}


.slide .infoBlock { display: none; }

#hero .infoBlock {
	height: 274px;
	left: 23px;
	padding: 30px 40px;
	position: absolute;
	top: 23px;
	width: 186px;
	z-index: 5;
}

#hero .infoBlockgreen {
	background: url("img/generic/inset.png") 0 0 no-repeat;
		height: 274px;
	left: 23px;
	padding: 30px 40px;
	position: absolute;
	top: 23px;
	width: 186px;
	z-index: 5;
}

.infoBlock h2 {
	color: #fff;
	margin: 0;
  font-size: 28px;
}
.infoBlockgreen h2 {
	color: #339900;
	margin: 0;
  font-size: 28px;
}

#hero .infoBlock.wide {
	width: 400px;
}

.resultsBlock { 
	margin-bottom: 50px;
	position: relative;
}

.resultsBlock span {
	position: absolute;
	text-indent: -999.9em;
	width: 80px;
}

.resultsBlock a:hover span { border-bottom: 1px solid; }

.videoBlock {
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	-mox-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	position: absolute;
	right: 48px;
	top: 48px;
	line-height: 0;
}

.introBlock {
	margin-bottom: -3px;
	min-height: 240px;
	overflow: hidden;
	position: relative;
}

.introBlock p {
	float: left;
	font-family: 'VAGRounded', arial, sans-serif;
	font-size: 30px;
	line-height: 1.1;
	padding-top: 40px;
	width: 393px;
	-webkit-text-stroke: 1px transparent;
}
/* =Nav : Page
----------------------------------------------------*/
#navPage {
	margin: 0 auto 55px auto;
	overflow: hidden;
}
#navPage li {
	background: url("img/generic/nav-page-divider.png") 0 0 no-repeat;
	float: left;
	text-align: center;
	padding: 0 15px;
	width: 215px;
}
#navPage li:first-child {
	background: none;
}
#navPage span {
	color: #636363;
	display: block;
	line-height: 1.4;
	margin-bottom: 7px;
}
#navPage .title {
	color: #390;
	font-family: 'VAGRounded',arial,sans-serif;
	font-size: 16px;
	-webkit-text-stroke: 1px transparent;
}
#navPage .desc {
	font-weight: bold;
	position: relative;
}
#navPage a {
	background: url("img/generic/arrow-down.png") 50% 100% no-repeat;
	display: block;
	padding-bottom: 20px;
	text-decoration: none;
}
#navPage a:hover .title {
	text-decoration: underline;
}

/* =Columns
----------------------------------------------------*/
.col252 p {
	color: #fff;
	font-family: 'VAGRounded',arial,sans-serif;
	font-size: 20px;
	line-height: 1.2;
	padding-bottom: 18px;
	-webkit-text-stroke: 1px transparent;
}
.col252 p span {
	display: block;
	font-size: 14px;
	line-height: 1.2;
	margin-top: 10px;
}


/* =Images
----------------------------------------------------*/
.col728 p + img {
	margin-bottom: 28px;
}

/* =Divider
----------------------------------------------------*/
.col728 .divider {
	margin-top: 0;
}

/* =Containers & Modules
----------------------------------------------------*/
/* ----- Hero Column 728 ----- */
#hero .col728 {
	border-right: 0;
	line-height: 0;
	width: 726px;
}

/* ----- Hero Column 252 ----- */
#hero .col252 {
	height: 355px;
	border: 1px solid #ededed;
	border-left: 0;
	padding: 30px 30px 20px 30px;
	width: 192px;
}

.grey224square p { margin: 0; padding: 0;}

.grey224square { font-family: 'VAGRounded', arial, sans-serif; padding-top: 20px!important; padding-bottom: 9px!important;}

.grey224square .title, .header-title { color: #390; font-size: 22px; padding-bottom: 18px; }


/* =Rotator
----------------------------------------------------*/
.splitArrow {
	margin-bottom: 30px;
	padding-bottom: 0;
}
.splitArrow .slide {
	width: 980px;
}

/* =Print Styles
----------------------------------------------------*/
.print.col728 {
	margin-top: 35px;
}
.print .divider {
	margin: 20px 0 30px 0;
}
.print h2 {
	color: #390;
}
.print .tags {
	padding-bottom: 28px;
}
.print div img {
	 display: none;
}

/* =Custom Scrollbar
----------------------------------------------------*/
/* ----- Containers ----- */
#scrollable {
	position: relative;
}
#scrollable .viewport {
	height: 576px;
	overflow: hidden;
	position: relative;
	width: 980px;
}
#scrollable .scrollBlock {
	left: 0;
	position: absolute;
	top: 50px;
}

/* ----- Horizontal Scroller ----- */
.scrollbar.horiz {
	width: 980px;
}
.scrollbar.horiz .track { 
	background: url("img/generic/scrollbar-horiz.png") 0 0 repeat-x;
	height: 18px;
	position: relative;
}
.scrollbar.horiz .btm {
	background: url("img/generic/scrollbar-horiz.png") -71px -18px no-repeat;
	height: 18px;
	position: absolute;
	right: 0;
	top: 0;
	width: 3px;
}
.scrollbar.horiz .top {
	background: url("img/generic/scrollbar-horiz.png") 0 -18px no-repeat;
	height: 18px;
	position: relative;
	width: 3px;
}
.scrollbar.horiz .thumb {
	background: url("img/generic/scrollbar-horiz.png") -3px -18px no-repeat;
	cursor: pointer;
	height: 18px;
	left: 0;
	position: absolute;
	top: 0;
	width: 68px;
	z-index: 3;
}
.scrollbar.disable { display: none; }


/* =Timeline
----------------------------------------------------*/
.yearLabels {
	margin-bottom: 10px;
	text-align: right;
}
.yearLabels span {
	color: #390;
	font-family: 'VAGRounded',arial,sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-text-stroke: 1px transparent;
}
.yearLabels span:first-child {
	float: left;
}
.timeline li {
	float: left;
	margin-left: 40px;
	position: relative;
}
.timeline li:first-child {
	margin-left: 0;
}
.timeline li .btnVideo {
	*background: url("img/global/arrow-breadcrumb.png") -10px 0 no-repeat; /* IE7 needs to prevent collapsing when no image is inline */
	display: block;
	height: 252px;
	width: 336px;
}
.timeline .link,
.timeline .video {
	position: absolute;
}
.timeline li .iconPlay {
	margin-top: 90px;
}
.timeline .link {background: red;
	font-size: 13px;
	line-height: 1.4;
	opacity: 0.0;
	padding-bottom: 0;
	filter: alpha(opacity=0); /* IE7&8 */
}


/* =ScrollBlock
----------------------------------------------------*/
.countryList span,
.scrollBlock a {
	display: block;
	padding-bottom: 12px;
}
.scrollBlock a {
	color: #636363;
}
.scrollBlock a:hover {
	color: #390;
	text-decoration: none;
}

/* =Gala Grid
----------------------------------------------------*/
#galaGrid {
	margin-right: -4px;
	overflow: hidden;
}
#galaGrid li {
	float: left;
	margin: 0 4px 4px 0;
	position: relative;
}
#galaGrid .first {
	background: url("img/bg/orange-242x549.jpg") 0 0 no-repeat;
	color: #fff;
	font-family: 'VAGRounded',arial,sans-serif;
	height: 489px;
	padding: 30px;
	width: 182px;
	-webkit-text-stroke: 1px transparent;
}
#galaGrid .offset {
	margin-top: -103px;
}
#galaGrid .overlay {
	background-color: #000;
	background: rgba(0,0,0,0.8);
	bottom: 0;
	cursor: default;
	display: none;
	left: 0;
	line-height: 1.6;
	position: absolute;
	width: 100%;
}
#galaGrid h2 { color: #fff; }
#galaGrid li:hover .overlay {
	display: block;
}
#galaGrid .overlay span {
	color: #fff;
	display: block;
	font-size: 11px;
	padding: 14px 20px;
}
#galaGrid strong {
	display: block;
	font-size: 14px;
}
#galaGrid h2 {
	font-size: 30px;
	margin-bottom: 14px;
}
#galaGrid h2 + p {
	font-size: 16px;
}
#galaGrid .first p {
	padding-bottom: 14px;
}
#galaGrid a {
	color: #fff;
	display: block;
}

.news {
	padding-top: 10px;
}
.col .checkbox label {
	float: left;
	height: auto;
	line-height: 1.6;
	margin-top: -3px;
	width: 212px;
	width: 178px;
}
.news .checkbox {
	margin-top: 27px;
}

/*location pae css*/

.countryList ~ .actionLink {
    clear: both;
    color: #339900;
    float: left;
    margin-top: 30px;
}
#map .actionLink {
    color: #339900;
    display: inline-block;
    margin-top: 30px;
}
#map .actionLink + .actionLink {
    left: 532px;
    margin: 0;
    position: absolute;
    top: 482px;
}

#worksGrid .actionLink.arrow {
    background-image: url("img/generic/arrow.png");
    color: #339900;
}
#worksGrid .btnVideo, #worksGrid .mejs-container {
    bottom: 0;
    display: block;
    height: 262px;
    left: 0;
    position: absolute;
    width: 306px;
}

.slide h2 {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 1.1;
}
.sitFlush + h2 {
    font-size: 30px;
    margin-top: 50px;
}
.slide h3 {
    color: #FFFFFF;
    font: 400 30px/1.05 'VAGRounded',arial,sans-serif;
    margin-bottom: 5px;
}
.hdr {
    color: #636363;
    font-family: 'VAGRounded',arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.05;
    margin-bottom: 28px;
    padding-top: 20px;
}
#worksGrid h3 {
    color: #339900;
    font-family: 'VAGRounded',arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.1;
    margin-bottom: 5px;
}
.source {
    color: #999999;
    font-size: 9px;
    line-height: 1.4;
    padding: 4px 0 10px;
}
.slidingPanel .source {
    padding-bottom: 28px;
}
#trustees strong {
    display: block;
    margin-top: 18px;
}
#trustees strong:first-child {
    margin-top: 0;
}
.sitFlush {
    margin-right: 80px;
    margin-top: -50px;
}
.sitFlush ~ .divider {
    margin-top: 0;
}
#content {
    overflow: visible;
}
#content:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#trustees {
    line-height: 1.5;
    margin: 0 -14px;
    overflow: hidden;
}
#siteMap { padding-top: 30px; }

.col {
    float: left;
    margin: 0 14px;
    width: 308px;
}

.col140 {
	width: 140px;
}

.rotatorWrap {
    background: url("img/generic/bg-gradient-rotator.png") repeat-x scroll 0 100% transparent;
    margin-bottom: 40px;
}
.slide .infoBlock {
    left: 85px;
    position: absolute;
    top: 85px;
    width: 300px;
    z-index: 1;
}
.splitArrow .rotatorArrow {
    top: 160px;
}
#scrollable {
    position: relative;
}
#scrollable .viewport {
    height: 576px;
    overflow: hidden;
    position: relative;
    width: 980px;
}
#scrollable .scrollBlock {
    left: 0;
    position: absolute;
    top: 50px;
}
#map #scrollable {
    width: 186px;
}
#map .scrollBlock {
    top: 0;
}
#map .viewport {
    height: 435px;
    width: 168px;
}
.scrollbar.vert {
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
}
.scrollbar.vert .track {
    background: url("img/generic/scrollbar-vert.png") repeat-y scroll 0 0 transparent;
    position: relative;
}
.scrollbar.vert .btm {
    background: url("img/generic/scrollbar-vert.png") no-repeat scroll -18px -71px transparent;
    bottom: 0;
    height: 3px;
    left: 0;
    position: absolute;
    width: 18px;
}
.scrollbar.vert .top {
    background: url("img/generic/scrollbar-vert.png") no-repeat scroll -18px 0 transparent;
    height: 3px;
    position: relative;
    width: 18px;
}
.scrollbar.vert .thumb {
    background: url("img/generic/scrollbar-vert.png") no-repeat scroll -18px -3px transparent;
    cursor: pointer;
    height: 68px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px;
    z-index: 3;
}
.scrollbar.horiz {
    width: 980px;
}
.scrollbar.horiz .track {
    background: url("img/generic/scrollbar-horiz.png") repeat-x scroll 0 0 transparent;
    height: 18px;
    position: relative;
}
.scrollbar.horiz .btm {
    background: url("img/generic/scrollbar-horiz.png") no-repeat scroll -71px -18px transparent;
    height: 18px;
    position: absolute;
    right: 0;
    top: 0;
    width: 3px;
}
.scrollbar.horiz .top {
    background: url("img/generic/scrollbar-horiz.png") no-repeat scroll 0 -18px transparent;
    height: 18px;
    position: relative;
    width: 3px;
}
.scrollbar.horiz .thumb {
    background: url("img/generic/scrollbar-horiz.png") no-repeat scroll -3px -18px transparent;
    cursor: pointer;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 68px;
    z-index: 3;
}
.scrollbar.disable {
    display: none;
}
.yearLabels {
    margin-bottom: 10px;
    text-align: right;
}
.yearLabels span {
    color: #339900;
    font-family: 'VAGRounded',arial,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}
.yearLabels span:first-child {
    float: left;
}
.timeline li {
    float: left;
    margin-left: 40px;
    position: relative;
}
.timeline li:first-child {
    margin-left: 0;
}
.timeline li .btnVideo {
    display: block;
    height: 252px;
    width: 336px;
}
.timeline .link, .timeline .video {
    position: absolute;
}
.timeline .link {
    background: none repeat scroll 0 0 red;
    font-size: 13px;
    line-height: 1.4;
    opacity: 0;
    padding-bottom: 0;
}
.countryList {
    float: left;
    font-family: 'VAGRounded',arial,sans-serif;
    font-size: 14px;
    padding-right: 10px;
    width: 153px;
}
.countryList a {
    color: #339900;
    display: block;
}
.countryList span, .scrollBlock a {
    display: block;
    padding-bottom: 12px;
}
.scrollBlock a {
    color: #636363;
}
.scrollBlock a:hover {
    color: #339900;
    text-decoration: none;
}
#map {
    background: url("img/generic/map.jpg") no-repeat scroll 0 0 transparent;
    height: 550px;
    position: relative;
    width: 980px;
}
.marker {
    background: url("img/generic/marker.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    position: absolute;
    text-indent: -999.9em;
    width: 17px;
}
.marker:hover {
    color: #636363;
    text-decoration: none;
    z-index: 2;
}
.marker:hover .tooltip {
    display: block;
}
.marker .tooltip {
    background: url("img/generic/tooltip.png") no-repeat scroll 50% 0 transparent;
    display: none;
    font-size: 11px;
    font-weight: bold;
    height: 46px;
    left: 50%;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: -43px;
}
.marker .tooltip .left {
    background: url("img/generic/tooltip.png") no-repeat scroll 0 0 transparent;
    height: 46px;
    left: -13px;
    min-width: 13px;
    position: absolute;
    top: 0;
}
.marker .tooltip .right {
    background: url("img/generic/tooltip.png") no-repeat scroll -233px 0 transparent;
    height: 46px;
    min-width: 13px;
    position: absolute;
    right: -13px;
    top: 0;
}
.marker .tooltip .txt {
    line-height: 40px;
    position: relative;
    white-space: nowrap;
    z-index: 2;
}
.hotspot {
    background: url("img/global/icon-search.png") no-repeat scroll -12px 0 transparent;
    height: 44px;
    position: absolute;
    text-indent: -999.9em;
}
.hotspot:hover > .tooltip {
    display: block;
}
.hotspot .tooltip {
    background: url("img/home/tooltip.png") repeat-y scroll -141px 0 transparent;
    bottom: 65px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    font-weight: bold;
    left: 50%;
    line-height: 1.3;
    margin-left: -71px;
    padding: 2px 17px 4px;
    position: absolute;
    width: 107px;
}
.hotspot .tooltip .btm {
    background: url("img/home/tooltip.png") no-repeat scroll 0 -14px transparent;
    bottom: -20px;
    height: 20px;
    left: 0;
    position: absolute;
    width: 141px;
}
.hotspot .tooltip .top {
    background: url("img/home/tooltip.png") no-repeat scroll 0 0 transparent;
    height: 14px;
    left: 0;
    position: absolute;
    top: -14px;
    width: 141px;
}
#landingGrid {
    margin-right: -27px;
    overflow: hidden;
}
#landingGrid li {
    float: left;
    margin: 0 27px 27px 0;
    position: relative;
}
#landingGrid .infoBlock {
    height: 100%;
    left: 0;
    padding: 0 25px;
    position: absolute;
    top: 0;
}
#landingGrid .arrow {
    background-position: 0 0;
}
#landingGrid h2, #landingGrid h3 {
    bottom: 48px;
    color: #FFFFFF;
    font-size: 30px;
    left: 25px;
    margin-bottom: 0;
    position: absolute;
}
#landingGrid h3 {
    font-size: 27px;
}
#landingGrid h3, #landingGrid p {
    color: #FFFFFF;
    font-family: 'VAGRounded',arial,sans-serif;
    font-weight: 400;
    line-height: 1.2;
}
#landingGrid p {
    font-size: 30px;
    margin-top: 25px;
}
#landingGrid h3 ~ p {
    font-size: 20px;
}
#landingGrid a.arrow {
    bottom: 25px;
    left: 25px;
    position: absolute;
}
#landingGrid .altColor h2, #landingGrid .altColor h3, #landingGrid .altColor a, #landingGrid .altColor a:hover {
    color: #339900;
}
#landingGrid .altColor p {
    color: #414141;
}
.altColor a.arrow {
    background-image: url("img/generic/arrow.png");
}
#galaGrid {
    margin-right: -4px;
    overflow: hidden;
}
#galaGrid li {
    float: left;
    margin: 0 4px 4px 0;
    position: relative;
}
#galaGrid .first {
    background: url("img/bg/orange-242x549.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: 'VAGRounded',arial,sans-serif;
    height: 489px;
    padding: 30px;
    width: 182px;
}
#galaGrid .offset {
    margin-top: -103px;
}
#galaGrid .overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    cursor: default;
    display: none;
    left: 0;
    line-height: 1.6;
    position: absolute;
    width: 100%;
}
#galaGrid li:hover .overlay {
    display: block;
}
#galaGrid .overlay span {
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    padding: 14px 20px;
}
#galaGrid strong {
    display: block;
    font-size: 14px;
}

#galaGrid h2 {
    font-size: 30px;
    margin-bottom: 14px;
}
#galaGrid h2 + p {
    font-size: 16px;
}
#galaGrid .first p {
    padding-bottom: 14px;
}
#galaGrid a {
    color: #FFFFFF;
    display: block;
}
#worksGrid {
    margin: 0 -28px -28px 0;
    overflow: hidden;
}
#worksGrid li {
    border: 1px solid #EDEDED;
    float: left;
    height: 260px;
    margin: 0 28px 28px 0;
    padding: 30px 30px 0;
    position: relative;
    width: 246px;
}
#worksGrid .first {
    background: url("img/bg/green-306x415.jpg") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    font-family: 'VAGRounded',arial,sans-serif;
}
#worksGrid .tall {
    height: 385px;
}
#worksGrid img {
    bottom: 0;
    left: 0;
    position: absolute;
}
#worksGrid span {
    display: block;
    line-height: 1.2;
    margin-bottom: 4px;
}
#worksGrid .date {
    font-size: 11px;
}
#worksGrid .tag {
    font-family: 'VAGRounded',arial,sans-serif;
    font-size: 14px;
}

.modalWin h3 {
    font: 16px/1 'VAGRounded',arial,sans-serif;
    margin-bottom: 2px;
    padding-top: 0;
}
.modalWin h4 {
    color: #339900;
    font: 400 30px/1.2em 'VAGRounded',arial,sans-serif;
    margin-bottom: 12px;
}
.modalWin {
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    display: none;
    position: absolute;
    z-index: 5001;
}
.w640 {
    overflow: hidden;
    padding: 40px;
    position: relative;
    width: 560px;
}
.w640 .col300, .w640 .col224 {
    margin-top: 28px;
}
.w640 .col300 {
    float: left;
    margin-bottom: -18px;
}
.w640 .col224 {
    margin-left: 36px;
}
.col300 h3 span {
    display: inline-block;
    position: relative;
    top: -21px;
}
.col300 .location {
    display: inline;
    margin: -10px 0 15px 15px;
}
.col300 h4 {
	
}

.close {
    background: url("img/btn/x.png") no-repeat scroll 0 0 transparent;
    height: 23px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 23px;
}

h6 {
    background: url("img/generic/divider.png") no-repeat scroll 50% 100% transparent;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 16px;
    padding-bottom: 22px;
}

.col300 {
    width: 300px;
}

.caption a {
	display: inline;
}

.list224 li a {
	display: inline;
}


/* =================================================
	Sesame Ventures
================================================= */

.h1-ventures {
	font-size: 27px !important;
	margin-bottom: 15px;
}
.h2-ventures {
	font-size: 25px !important; 
	margin-bottom: 15px;
}
.takeaways {
	border: 1px solid;
	margin: 25px 0;
	padding: 15px;
}
.ventures-text, .ventures-ulist li, .ventures-olist li {
	font: 18px Arial!important;
}
.ventures-ulist {
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 20px;
}
.ulist-p {
	margin-bottom: 10px !important;
}

.ventures-olist {
	list-style: decimal !important;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-left: 20px;
}
.ventures ulist li, .ventures-olist li{
	margin: 10px 0;
}
.ventures-green {
color: #390;
}
.img-collab {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #222;
    margin: 16px 0;
    padding: 0;
}


/* =================================================
	Sesame Ventures - Form
================================================= */

.form_ventures_wrapper {
	color: #6d6e71;
	font: 16px Arial, sans-serif;
}
.form_ventures_wrapper h3, #field_8_12 label {
	color: #222;
	font: 20px Arial, sans-serif;
	font-weight: bold !important;
	margin-bottom: 5px;
}
#gform_wrapper_8 #field_8_7 h3 {
	margin-bottom: 20px !important;
}
.form_ventures_wrapper input[type=text], .form_ventures_wrapper input[type=email], .form_ventures_wrapper select, .form_ventures_wrapper textarea {
	outline: none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px #6d6e71 solid;
}
.form_ventures_wrapper input[type=text]:focus, .form_ventures_wrapper input[type=email]:focus, .form_ventures_wrapper select:focus, .form_ventures_wrapper textarea:focus {
	box-shadow: 0 0 1px #6d6e71;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px #6d6e71 solid;
}

/* form fields */

.form_ventures_wrapper #field_8_1.gfield input[type=text], #field_8_2.gfield input[type=email], #field_8_16 textarea, #field_8_19 textarea {
	background-color: #f0f2fd;
	border: 0;
	margin: 5px 0 15px 0;
	padding: 5px !important;
	width: 98%;
}
.form_ventures_wrapper .gfield_label {
	font-weight: bold;
	padding-left: 2px;
}
#gform_wrapper_8 .gfield_required {
	color: #390 !important;
	font-size: 18px !important;
}

/*name, email, city*/
.form_ventures_wrapper #field_8_1.gfield input[type=text], #field_8_2.gfield input[type=email], #field_8_20.gfield input[type=text] {
	height: 28px;
}

/* city, state, country float li */
.form_ventures_wrapper #field_8_20, #field_8_21, #field_8_22 {
	float: left;
	width: 33% !important;
}

/* city, state, country styles */
.form_ventures_wrapper #field_8_20.gfield input[type=text], #field_8_21.gfield select, #field_8_22.gfield select {
	background-color: #f0f2fd;
	border: 0;
	margin: 5px 0 15px 0;
	padding: 5px !important;
	width: 96%
}

/* state, country only */
.form_ventures_wrapper #field_8_21.gfield select, #field_8_22.gfield select {
	margin-left: 10px;
	height: 38px;
}
.form_ventures_wrapper #field_8_21.gfield label, #field_8_22.gfield label {
	margin-left: 10px;
}
.form_ventures_wrapper #field_8_21.gfield select, #field_8_22.gfield select {
	font-size: 14px;
}

/* media upload */
.form_ventures_wrapper #field_8_12 p {
	margin-top: 10px;
	font-family: Arial, sans-serif;
}
.form_ventures_wrapper .gform_drop_area {
	padding: 75px;
	border: 1px dashed #222;
	border-radius: 15px;
	text-align: center;
	color: #222;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	width: 70%
}
.form_ventures_wrapper #gform_browse_button_8_12, #gform_submit_button_8 {
	background-color: #fff;
	border: 1px #ddd solid;
	border-radius: 3px;
	color: #390 !important;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-weight: bold;
	height: 35px;
	margin: 15px;
	text-align: center;
	text-transform: capitalize;
	width: 150px;
}
.new_instruct, .or, .file_size {
	display: inline-block;
}
.new_instruct {
	margin-bottom: 15px;
}
.or, .file_size {
	font-size: 14px;
}
#gform_browse_button_8_12:hover{
	color: #222!important;
}

#gform_wrapper_8 .ginput_preview {
	border: 1px #ddd solid;
	color: #390;
	margin-bottom: 10px;
	padding: 15px;
	width: 615px;
}
#gform_wrapper_8 .gform_delete {
	color: #390;
	float: right;
}
#gform_wrapper_8 .ginput_preview {
	font-size: 14px;
}
#gform_wrapper_8 strong {
	font-weight: normal;
}

/* legal */

.form_ventures_wrapper #field_8_26 {
	margin-top: 20px;
	margin-bottom: 25px;
}
.form_ventures_wrapper input[type=checkbox] {
	width: 17px;
	height: 17px;
	margin: 5px;
	vertical-align: middle;
	border: 1px #ddd solid
} 
.form_ventures_wrapper #field_8_26 {
	margin-top: 20px;
	margin-bottom: 25px;
}
.form_ventures_wrapper input[type=checkbox] {
	width: 17px;
	height: 17px;
	margin: 5px;
	vertical-align: middle;
	border: 1px #ddd solid
} 

/* Recaptcha*/

.form_ventures_wrapper #field_8_27 label {
	display: none;
}
.form_ventures_wrapper #recaptcha_table {
	margin-top: 15px !important;
}
.form_ventures_wrapper .recaptcha_only_if_privacy a {
	color: #6d6e71;
}
.form_ventures_wrapper .recaptcha_only_if_privacy a:hover {
	color: #bcbdbf;
}
.form_ventures_wrapper #recaptcha_response_field {
	border: 1px solid #dfdfdf !important;
	height: 18px;
	padding: 5px;
}

/* form submit */
.form_ventures_wrapper #gform_submit_button_8 {
	font-size: 18px;
	margin: 15px 15px 15px 0 !important;
}
.form_ventures_wrapper #gform_submit_button_8:hover{
	color: #222!important;
}
.form_ventures_wrapper .validation_error {
	color: #B20000;
	margin-bottom: 10px;
	font-size: 16px;
}
.form_ventures_wrapper .validation_message {
	color:#B20000;
	margin-bottom: 10px;
	font-size: 12px;
}

/* val msg state and country (dropdown) */
.form_ventures_wrapper #field_8_21.gfield .validation_message, #field_8_22.gfield .validation_message {
	margin-left: 10px;
	padding-left: 2px;
}
.gform_confirmation_message_8 {
	color: #390;
	font: 25px Arial, sans-serif;
}
/*======================================
Gala 2016
=======================================*/
.img-learn-more{
	position: absolute;
	top: 1030px;
	left: 225px;
}
.img-auction{
	position: absolute;
	top: 1030px;
	right: 225px;
}


/*======================================
New donate section
=======================================*/
.new-donate {
	background: url("http://www.sesameworkshop.org/wp_install/wp-content/uploads/2016/04/donate_bg.jpg") no-repeat;
	font-family: arial,helvetica,sans-serif;
	max-width: 100%;
	height: 628px;
	margin: 0 10px;
}
.half {
	width: 50%;
}
.col-3-4 {
	width: 70%;
}
.donate-h1{
margin-bottom:0;
}
.donate-h2 {
	font-size: 26px;
	margin-bottom: 5px;
}
.donate-h2, .thank-you p{
	color: #383863;
}
.donate-h1, .mission p{
	color: #58587f !important;
}
.new-donate p {
	line-height: 1.3em;
}
.donate-text {
	font-size: 18px;
	margin-bottom: 10px;
}
.mission{
	margin: 25px 0 0 25px;
	padding-top: 50px;
}
.donate-hr {
    	border: 0;
    	border-top: 1px solid #d9d9d9;
    	display: block;
    	height: 1px;
    	margin: 10px 0 15px 5px;
    	padding: 0;
	width: 60%;
}
.thank-you{
	margin: 25px 0 25px 25px;
	text-align: center;
}

.donate-email a {
	color: #62b03b;
}
.donate-q {
	font-size: 14px;
	text-align: center;
}

/* gravity form */
#gform_9 {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	height:170px;
	padding-top:6px;
	width: 70%;
}
#field_9_3 .gfield_label{
	display: none;
}

/* placeholder */

#gform_wrapper_9 ::-webkit-input-placeholder {
    color: #343434;
}
#gform_wrapper_9 :-moz-placeholder {
    color: #343434;  
}
#gform_wrapper_9 ::-moz-placeholder {
    color: #343434;  
}
#gform_wrapper_9 :-ms-input-placeholder {  
   color: #343434;  
}
#gform_wrapper_9 input:focus::-webkit-input-placeholder { 
	color:transparent; 
}
#gform_wrapper_9 input:focus:-moz-placeholder { 
	color:transparent; 
}
#gform_wrapper_9 input:focus::-moz-placeholder { 
	color:transparent; 
}
#gform_wrapper_9 input:focus:-ms-input-placeholder { 
	color:transparent;
}

/* Single input field */
#input_9_3 {
	background: #fff;
	border: 0;
	border-radius: 10px;
	color: #390;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	margin: 7px auto;
	padding: 15px 15px 15px 20px;
	width: 270px;
}
#gform_submit_button_9 {
	background-color: #62b03b;
	background-image: url(http://www.sesameworkshop.org/wp_install/wp-content/uploads/2016/04/card.png);
	background-position: 92px;
	background-repeat: no-repeat;
	background-size: 40px 25px;
	border: 0;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	font-family: 'VAGRounded', arial, sans-serif;
	font-size: 18px;
	height: 57px;
	width: 235px;
	margin: 7px auto;
}

/* paypal monthly button */
.recurring {
	background-color: #fff;
	border-radius: 10px;
	border: 0;
	width: 200px;
	height: 45px;
	color: #62b03b;
	cursor: pointer;
	font-size: 18px;
	font-family: 'VAGRounded', arial, sans-serif;
	margin: -10px auto 20px;
}
#gform_wrapper_9 .validation_error {
	color: #B20000;
}
#gform_wrapper_9 .validation_message {
	color: #B20000;
}
/*=======================================
New Nav Button
====================================== */

.new-donateBtn {
	background-image: url('http://www.sesameworkshop.org/wp_install/wp-content/uploads/2016/04/donate_button.png') !important;
	background-repeat: no-repeat !important;
	display: inline-block !important;
	height: 43px !important;
	position: relative !important;
	right: -853px !important;
	text-indent: -999.9em !important;
	top: -50px !important;
	width: 134px !important;
}

/*=======================================
Sesame General Form Style

====================================== */

.sesame_form .top_label .gfield_label {
    margin: 0.625em 0 0.500em 0;
    font-weight: bold;
    display: -moz-inline-stack;
    display: inline-block;
    line-height: 1.30em;
    clear: both;
}
/*.sesame_form .top_label input.medium, .gform_wrapper .top_label select.medium, .gform_wrapper .top_label textarea.textarea.medium, .gform_wrapper .hidden_label textarea.textarea.medium {
    width: 48%;
}*/


.sesame_form textarea.medium {
    height: 9.375em;
}

.sesame_form .gform_footer {
    /*padding: 1em 0 0.625em 0;
    margin: 1em 0 0 0;*/
    clear: both;
}

/* ----- Form Button -----*/

.contact_wrapper { 
	width: 500px;
	float: left;
}

button {
	border: 0;
	cursor: pointer;
	display: block;
	outline: 0;
	text-indent: -999.9em;
}

.sesame_form .gform_button {
	background: url("img/btn/text.png") 0 0 no-repeat;
	height: 26px;
	width: 57px;
	text-indent: -999.9em;
	cursor: pointer;
	border: none;
}
.sesame_form .gform_button:hover { background-position: -57px 0; }