/* v3.0 | 05152104 */

/* BLUE #8eb185 */
/* GREEN #817e1a */
/* BROWN #553b22 */
/* GOLD #cd9033 */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	text-align: center;
	background-color:#CBC7A5;background-image:url(../images/ypf/ypf-background-map.jpg);background-position:center top;background-repeat:no-repeat;
   font-family: Arial, sans-serif;

}

.hidden {font-size: 1px; position: absolute; margin-left: -9999em;}

ol, ul {
	list-style: none;
}
sup {vertical-align: super;font-size:70%;}
sub {vertical-align: sub;font-size:70%;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#main {
    width: 997px;
    margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
    background: url(../images/ypf/main-bg2.png) top left repeat-y;   
}

#main #ypf_logo {
	position: absolute;
	top: 7px;
	left: 23px;
	z-index: 9999;
}

#main #ypf_logo a {
	width: 167px;
	height: 194px;
	display: block;
}

#ypf_logo a.link, #ypf_logo a.visited, #ypf_logo a.hover, #ypf_logo a.active {text-decoration: none;}

a img { border: 0; }

#header {
    width: 997px;
    height: 420px;
    background: #fff url(../images/ypf/ypf-home-header.jpg) top left no-repeat; /*was #fff url(../images/ypf/home-15.jpg) top left no-repeat; */
    position: relative;
    z-index: 20;
}

/*#subscribe_form {
    left: 155px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
    position: absolute;
    top: 0;
}*/
/*#subscribe_form {
    position: absolute;
    top: 0;
    left: 541px; 
    padding: 8px 0 0;
	width:202px;
}
#subscribe_form input#subscribe_email {
    border: 1px solid #B1B0A4;
    width: 120px;
    height: 16px;
    float: left;
    margin: 0 6px 0 0;
	background-color:#E9E8DA;
	font-size:11px;
	color:#666;
}

#subscribe_form input#cons_email {
    border: 1px solid #B1B0A4;
    width: 120px;
    height: 16px;
    float: left;
    margin: 0 6px 0 0;
	background-color:#E9E8DA;
	font-size:11px;
	color:#666;
}
*/
/*#search_form {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 8px;
    position: absolute;
    right: 310px;
    top: 0;
}*/
#search_form {
    position: absolute;
    top: 0;
    left: 625px; /* was left 556px when login button was there */
    padding: 0;
	width:202px;
	background-image:url(../images/ypf/ypf-search-back.jpg);
	background-repeat:no-repeat;
	height:37px;
}
#search_form input#search {
    border: 1px solid #B1B0A4;
    width: 120px;
    height: 16px;
    float: left;
    margin: 8px 0 0 20px;
	padding:0 0 0 16px;
	background-color:#E9E8DA;
	font-size:11px;
	color:#666;
	background-image:url(../images/ypf/search-graphic.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#search_form input#search-btn {
    margin:11px 0 0 0;
}

#login_banner2 {
    padding: 0;
    position: absolute;
    left:758px;
    top: 0;
	width: 69px!important;
	height:37px;
}

#donate_banner {
    padding: 0;
    position: absolute;
    left:827px;
    top: 0;
	width:139px;
	height:37px;
}

p.tom_murphy {
    color: #553B22;
    font-size: 10px;
    position: absolute;
    right: 20px;
    bottom: 40px;
}
ul#nav {
    width: 997px;
    height: 48px;
    position: absolute;
    bottom: 69px;
    left: 0;
}
ul#nav li {
    display: block;
    float: left;
    height: 48px;
}
ul#nav li a {
    color: #fff;
    text-decoration: none;
    line-height: 48px;
    text-align: center;
    display: block;
    font-size: 15px;
}
ul#nav li a:hover {
    font-weight: bold;
}
ul#nav li.home {
    /*width: 137px;*/
	width: 123px;
}
ul#nav li.who_we_are {
    /*width: 180px;*/
	width: 175px;
}
ul#nav li.what_we_do {
    /*width: 174px;*/
	width: 174px;
}
ul#nav li.how_to_help {
    /*width: 189px;*/
	width: 181px;
}
ul#nav li.news {
    /*width: 129px;*/
	width: 198px;
}
ul#nav li.donate_now {
   /* width: 187px;*/
   width: 145px;
}
ul#nav li ul {
    position: absolute;
    left: -200000px;
    border-left: 1px solid #5c4a1f;
    border-right: 1px solid #5c4a1f;
    border-bottom: 1px solid #5c4a1f;
    background-color: #5c4a1f;
    font-weight: normal;
}
ul#nav li:hover ul, ul#nav li.sfhover ul {
    left: auto;
    font-weight: normal;
}
ul#nav li ul li {
    float: none;
    background-color: #5c4a1f;
    border-top: 1px solid #746139;
    height:auto!important; /*was 30px - changed to accomodate longer sub nav items wrapping*/
}
ul#nav li ul li a {
    line-height:normal!important; /*was 30px */
	padding:6px 0px;
}
ul#nav li:hover ul li a {

}
ul#nav li ul li a:hover {
    background-color: #746139;
     font-weight: normal;
}
ul#nav li.who_we_are ul {
 position:absolute;
 top:48px;
 /*right:677;
 width: 179px;*/
 right:698px;
 width: 173px;
}

ul#nav li.what_we_do ul {
 position:absolute;
 top:48px;
 /*right:503;
 width: 173px;*/
 right:524px;
 width: 172px;
}

ul#nav li.how_to_help ul {
 position:absolute;
 top:48px;
 /*right:314;
 width: 188px;*/
 right:343px;
 width: 181px;
}

ul#nav li.news ul {
 position:absolute;
 top:48px;
 /*right:166;
 width: 147px;*/
 right:145px;
 width: 197px;
}

ul#nav li.donate_now ul {
	position:absolute;
	 top:48px;
 	right:13px;
 	width: 132px;	
}
.who_we_are_banner {
    background: #fff url(../images/ypf/ypf-who-we-are-header.jpg) top left no-repeat !important;
}
.what_we_do_banner {
    background: #fff url(../images/ypf/ypf-what-we-do-header.jpg) top left no-repeat !important;
}
.how_to_help_banner {
    background: #fff url(../images/ypf/ypf-how-to-help-header.jpg) top left no-repeat !important;
}
.news_banner {
    background: #fff url(../images/ypf/ypf-news-header.jpg) top left no-repeat !important;
}
.donate_banner {
    background: #fff url(../images/ypf/ypf-donate-header.jpg) top left no-repeat !important;
}
#sidebar {
    width: 330px;
    float: right;
}
#sidebar p {
    color: #999;
    font-size: 12px;
    margin: 0 0 10 0;
    text-align: left; 
}
#sidebarnews {
    width: 249px;
    float: right;
}

#sidebarnews p {
text-align: left;
font-size: 12px;
margin-left: 0px;
margin-right: 0px;
width:200px;
}

#sidebarnews td {
vertical-align: middle !important;
}
#sidebarnews td p {
width:auto;
}
#sidebarnews a.NewsHeadlineList {
    padding-left: 30px;
    padding-bottom: 10px;
    background: url(../images/ypf/green-bullet.gif) 15px 5px no-repeat;
    color: #999;
    float: left;
    
}

#sidebarnews ul ol {
margin: 15px 0 0;
font-family: Arial, sans-serif;
text-align:left;
}

#sidebarnews li a {
    font-size: 12px;
    text-align:left;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    background: url(../images/ypf/green-bullet.gif) 15px 5px no-repeat;
    float: left;
    line-height: normal;
}

#initiatives {
    /*height: 390px;*/
	padding:0;
}
.table-initiatives {margin-bottom:30px; }
.table-initiatives td {padding:20px 50px 20px 0;border-bottom:1px solid #ccc;}
.table-initiatives td div.img-btn {float:left;margin:0 10px 30px 0;width:120px;}
.table-initiatives td div.img-btn a.btn-learn-more {float:left;margin:6px 0 6px 0;padding:6px 20px;}
.table-initiatives td div.img-btn p a {font-weight:bold;}
.table-initiatives p {margin: 0 0 6px 0;}
.table-initiatives h5 {color:#000!important;font-size:13px;margin: 6px 0;font-weight:bold;}
#initiatives p {color:#543A21;margin-left:10px;width:300px; }
a.wildlife {float:left;background-image:url(../images/ypf/ypf-home-wildlife2014.jpg);background-repeat:no-repeat;background-position:0px 0px;width:96px;height:135px;display:block;margin:0 10px 10px 0;overflow:hidden;}
a.wildlife:hover {background-position:0px -135px;}
a.wildlife:hover img {display:none;}
a.stewards {float:left;background-image:url(../images/ypf/ypf-home-stewards2014.jpg);background-repeat:no-repeat;background-position:0px 0px;width:96px;height:135px;display:block;margin:0 10px 10px 0;overflow:hidden;}
a.stewards:hover {background-position:0px -135px;}
a.stewards:hover img {display:none;}
a.treasures {float:left;background-image:url(../images/ypf/ypf-home-cultural2014.jpg);background-repeat:no-repeat;background-position:0px 0px;width:96px;height:135px;display:block;margin:0 10px 10px 0;overflow:hidden;}
a.treasures:hover {background-position:0px -135px;}
a.treasures:hover img {display:none;}
a.visitor {float:left;background-image:url(../images/ypf/ypf-home-visitor2014.jpg);background-repeat:no-repeat;background-position:0px 0px;width:96px;height:135px;display:block;margin:0 10px 10px 0;overflow:hidden;}
a.visitor:hover {background-position:0px -135px;}
a.visitor:hover img {display:none;}
a.ranger {float:left;background-image:url(../images/ypf/ypf-home-ranger2014.jpg);background-repeat:no-repeat;background-position:0px 0px;width:96px;height:135px;display:block;margin:0 10px 10px 0;overflow:hidden;}
a.ranger:hover {background-position:0px -135px;}
a.ranger:hover img {display:none;}
a.greenest {float:left;background-image:url(../images/ypf/ypf-home-greenest2014.jpg);background-repeat:no-repeat;background-position:0px 0px;width:96px;height:135px;display:block;margin:0 10px 10px 0;overflow:hidden;}
a.greenest:hover {background-position:0px -135px;}
a.greenest:hover img {display:none;}

/* these are no longer used below */
#initiatives1 {
    width: 149px;
    float: left;
    margin: 8px 15px 10px 0px;
}
#initiatives2 {
    width: 149px;
    float: left;
    margin: 8px 0 10px 0;
}
#initiatives1 a {
    display: block;
    width: 149px;
    height: 90px;
    margin: 0 0 10px;
}
#initiatives2 a {
    display: block;
    width: 149px;
    height: 90px;
    margin: 0 0 10px;
}
#initiatives1 a:hover {
	background-color:#F7F7ED;
}
#initiatives2 a:hover {
    background-color:#F7F7ED;
}
/* these are no longer used above */

#calls-to-action {background-color:#E9E8DA;width:316px;height:387px;overflow:hidden;margin:0 14px 30px 0;text-align:left;}
#calls-to-action-inner {margin:10px;width:100%;}
#calls-donate {
	padding:8px 0 14px 0;
	border-bottom:1px solid #FFF;
	width:295px;
}
#calls-donate a {display:block;background-image:url(../images/ypf/ypf-rust-btn.png);background-repeat:no-repeat;width:239px;height:32px;padding:0 0 0 15px;text-transform:uppercase;color:#FFF;line-height:32px;font-size:18px;text-decoration:none;text-align:left;}
#calls-donate a:hover {text-decoration:none;color:#E9E8DA;}
#calls-subscribe {
    width: 295px;
    float: none;
	margin:0px;
    padding:13px 0 12px 0;
	border-bottom:1px solid #FFF;
}
#calls-subscribe h3 {
    font-size: 16px;
    color: #668686;
    font-weight: normal;
    padding: 0;
	margin:0px 0 4px 0;
}
#calls-subscribe h3 a {
    font-size: 16px;
    color: #668686;
    font-weight: normal;
    padding: 0;
	margin:10px 0 4px 0;
	text-decoration:none;
}
#calls-subscribe h3 a:hover {text-decoration:none;color:#999;}
#calls-subscribe p {
    font-size: 12px;
    color: #543A21;
    margin: 0;
    text-align: left;
}
#calls-subscribe input#email_input {
    padding: 0 5px;
    border: 1px solid #999999;
    height: 27px;
	color:#888;
	font-size:12px;
	line-height:27px;
	width:177px;
	margin:3px 6px 10px 0;
	float: left; 
	display: inline;
}
#calls-subscribe input#go {margin:3px 0 10px 0;float: left; display: inline;}

#calls-connect {
    padding:15px 0px 15px 0px;
	border-bottom:1px solid #FFF;
	width:295px;
}
#calls-connect h3 {
    font-size: 16px;
	line-height:30px;
    color: #668686;
    font-weight: normal;
    padding: 0;
	margin:0;
}
#facebook {
    float:right;
	margin:0 6px 0 0;
}
#twitter {
    float:right;
	margin:0 6px 0 0;
}
#youtube {
    float:right;
	margin:0 6px 0 0;
}
#vimeo {
    float:right;
	margin:0 6px 0 0;
}
#instagram {
    float:right;
	margin:0 6px 0 0;
}
#flickr {
    float:right;
	margin:0 6px 0 0;
}
#calls-mobile-updates {
	width: 295px;
	margin:0px;
    padding:15px 0 14px 0;
	border-bottom:1px solid #FFF;
}
#calls-mobile-updates a {display:block;background-image:url(../images/ypf/ypf-blue-btn.png);background-repeat:no-repeat;width:239px;height:32px;padding:0 0 0 15px;text-transform:uppercase;color:#FFF;line-height:32px;font-size:18px;text-decoration:none;text-align:left;}
#calls-mobile-updates a:hover {text-decoration:none;color:#E9E8DA;}
#calls-mobile-updates p {
    font-size: 12px;
    color: #543A21;
    margin: 5px 0 0 0;
    text-align: left;
}
#calls-feature {
	width: 295px;
	margin:0px;
    padding:5px 0 0px 0;
}
#calls-feature h3 {
    font-size: 16px!important;
    color: #668686;
    font-weight:normal!important;
    padding: 0;
	margin:0 0 4px 0;
}
#calls-feature p {
	margin:0 0 15px 0;
	color:#543A21;
}

#calls-feature a {
	color:#668686;
	text-decoration:none;
	font-weight: normal;
}
#calls-feature a:hover {
	color:#999;
	text-decoration:none;
}
#calls-feature div.h-rule {
	border-bottom:1px solid #FFF;
	margin:10px 0 15px 0;
}
#share {
    color: #999;
    height: 19px;
    padding: 0;
    margin: 10px 0 0;
}
#share p {
    line-height: 19px;
    padding: 0;
    margin: 0;
}

#share a {    
color: #999999;
font-size: 14px;
font-family: Arial, sans-serif;
text-decoration: none;
}

#share a hover {    
color: #999999;
font-size: 14px;
font-family: Arial, sans-serif;
text-decoration: underline;
}

#homepage {
    width: 983px;
    margin: 0 0 0 14px;
}

#homepage_feature {
    border: 1px solid #746139;
    width: 616px;
    height: 385px;
    margin: 0 0 0 16px;
}

#homepage_stories {
    width: 616px;
    /*height: 300px;*/
    margin: 10px 0 0 16px;
}

#story1 {
    /*width: 282px;*/
	width:290px;
    float: left;
}

#story1 h2 {
    /*color: #668787;*/
    font-size: 20px; 
    font-weight:normal;
    text-align: left; /* was right before video */
    margin: 20px 0 15px 15px; /* was 23 0 0 0 before video */
	background-color:#7EAAAB;
	color:#FFF;
	line-height:30px;
	padding-left:8px;
	-webkit-font-smoothing: antialiased;
}

#story1 p.feed {
    font-size: 12px;
	font-weight:bold;
    color: #543A21;
	text-align:left;
}

#story1 a.feed {
    font-size: 12px;
    color: #668787;
	font-weight:bold;
    text-decoration: none;
}

#story1 a.feed hover {
    font-size: 12px;
    color: #668787;
    text-decoration: underline;
}

#story1 ul {
    margin: 15px 0 0;
}

#story1 ul li {
    padding-left: 28px;
    padding-bottom: 15px;
    background: url(../images/ypf/blue-bullet.gif) 15px 4px no-repeat;
    border: 1px solid #fff;
}

#story1 ul li a {
    color: #000;
    font-size: 11px;
}

#story1 br {
margin: 10 0 0 0;
float: 
}
/* new styles for home links (not using the reusable component to pull in story builder articles) */
#story1 ul.news-home {margin: 0;}
#story1 ul.news-home li {
	padding-left: 28px;
    padding-bottom: 6px;
	font-size:12px;
	color:#543A21;
	background: url(../images/ypf/blue-bullet.gif) 15px 4px no-repeat;
    border: none;
	text-align:left;
	line-height:120%;
}
#story1 ul.news-home li a {
    color: #543A21;
    font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
#story1 ul.news-home li a:hover {
	text-decoration:underline;
}
#story2 {
    /*width: 284px;*/ 
    float: left;
    /*margin: 0 0 0 50px;*/ 
    /*background: url(../images/ypf/posters.jpg) top right no-repeat;*/ 
	text-align:left;
	margin:0 40px 0 0;
	width:250px;
}

#story2 h2 {
    /*color: #668787;*/
    font-weight: normal;
    font-size: 20px; 
	text-align:left;
	margin: 20px 0 15px 0; 
	background-color:#7EAAAB;
	color:#FFF;
	line-height:30px;
	padding-left:8px;
	-webkit-font-smoothing: antialiased;
}
#story2 h3 {
    color: #543A21;
    font-weight: normal;
    font-size: 14px; /* was 20px before video */
	text-align:left;
	margin: 0 0 20px 0; 
	text-transform:uppercase;
}

#story2 p {
    color: #543A21;
    font-size: 12px;
    margin: 0;
    text-align: left;
}

#story2 p a {
    color: #668787;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}
.back-to-top {margin:0 30px 15px 0;text-align:right;}
.back-to-top a {background-image:url(../images/ypf/back-to-top.gif);background-repeat:no-repeat;background-position:right center;padding:0 15px 0 0;font-size:12px;color:#333;}
#footer_links {
    text-align: left;
    width: 971px;
    /* GL: 11/21/11 made these changes to fix sidebar issue running into bottom links */
	/*height: 300px;*/
	overflow:hidden;
	/**********************************************************************************/
    margin: 10px 10px 10px 13px;
    background-color: #5c4a1f;
    border-top: 1px solid #999;
}


#footer_links ul {
    text-align: left;
    float: left;
    margin: 20px 40px 10px 30px;
	width:124px;
}


#footer_links ul li {
    color: #ADD8E1;
    font-size: 14px;
    padding: 0 0 11px;
}

#footer_links ul li a {
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}

#footer_links ul li a.blue {
    color: #ADD8E1;
    font-size: 14px;
    padding: 0 0 11px;
	border:none;
}

#footer_links ul ul {
    text-align: left;
    float: none;
    margin: 20px 0 0 0;
}
#footer_links ul ul.footer-sublinks {
	display:none;
}
#footer_links a.arrow-right {
	background-image:url(../images/ypf/ypf-footer-arrow-closed.png);
	background-repeat:no-repeat;
	margin:0 0 0 10px;
}
#footer_links a.arrow-down {
	background-image:url(../images/ypf/ypf-footer-arrow-open.png);
	background-repeat:no-repeat;
}

#footer {
    width: 948px;
    height: 115px;
}

p.copyright {
    float: right;
    text-align: right;
    color: #999;
    font-size: 11px;
    line-height: 19px;
    margin-right: -20;
    margin-right: 0;    
}

a.copyright {
    color: #999;
    font-size: 11px;
    text-decoration: underline;
}

p.convio_logo {
    float: right;
    clear: right;
    margin-top: 8px;
}

p.mission {
    color: #543A21;
    line-height: 19px;
    width: 530px; 
    text-align: left;
    float: left;
    margin: -45 12 12 40 !important;
    margin: 0 0 0 10;
}


p.copyright2 {
    float: none;
    text-align: right;
    color: #999;
    font-size: 11px;
    line-height: 19px;
    margin: 10px 0 0 0;
}

a.copyright2 {
    color: #999;
    font-size: 11px;
    text-decoration: underline;
}

p.mission2 {
    color: #543A21;
    line-height: 19px;
    float:none;
    text-align: left;
    width:auto;
	margin:0px!important;
}
.footer-left {width: 470px; float: left; margin: 10px 10px 12px 40px;}
.footer-center {width: 220px; float: left; text-align:center;margin: 10px 0 0 0;}
.footer-right {width:190px;float:right;text-align:right;margin: 10px 0 0 0;}



#footer_cap {
    width: 997px;
    margin: 0 auto;
    height: 106px;
    background: url(../images/ypf/ypf-footer-cap.jpg) top left no-repeat;
}

.chicklets.sharethis {
    color: #999999;
    font-size: 14px;
font-family: Arial, sans-serif;
}

.gray{
background-color: #999;
}

#contact table tr td input {
    margin: 10 0 5 0;
    text-align: left;  
}

/* STYLES FOR ALL INTERNAL CONTENT */

#internal {
    width: 950px;
    margin: 0 0px 20px 30px;
    text-align: left;
	overflow: hidden;
}

#internal p {
vertical-align:top;
line-height:normal;
font-size: 100%;
font-family: Arial, sans-serif;
}

#internal table tr td {
vertical-align:top;
font-size: 100%;
font-family: Arial, sans-serif;
padding: 5;
}

#internal ul ol {
margin: 15px 0 0;
font-family: Arial, sans-serif;
}

#internal ul li {
    padding-left: 28px;
    padding-bottom: 4px;
    background: url(../images/ypf/green-bullet.gif) 15px 8px no-repeat;
    /*border: 1px solid #fff;*/
	border:none;
}

#internal img {
padding: 1 1 1 1;
}

#internal .byline {
position:relative;
/* added this to fix 15_story page issue */
text-align: left;
/*float:left;*/
width: 300px;
/*margin-left: 30px;*/
clear: left;
padding-bottom: 15px;
/*****************************************/
}

/* STYLES FOR WHAT WE DO SECTION */

#what_feature {
clear:none;
margin: 0 0 0 16px;
}

#what_feature p {
vertical-align:top;
line-height:normal;
font-size: 12px;
font-family: Arial, sans-serif;
text-align:left;
}
#what_feature ul li {
    padding-left: 28px;
    margin-bottom: 4px;
    background: url(../images/ypf/green-bullet.gif) 15px 4px no-repeat;
	font-size:12px;
}

#what_projects {
clear:none;
margin: 0 0 0 0;
width:600px;
}

#what_projects p {
vertical-align:top;
line-height:normal;
font-size: 100%;
font-family: Arial, sans-serif;
text-align:left;
margin:0 0 12px 0;
}

#what_projects table tr td {
vertical-align:top;
font-size: 100%;
font-family: Arial, sans-serif;
text-align:left;
}

#what_projects ul ol {
margin: 15px 0 0;
font-family: Arial, sans-serif;
text-align:left;
}

#what_projects ul li {
    padding-left: 28px;
    padding-bottom: 6px;
    background: url(../images/ypf/green-bullet.gif) 15px 8px no-repeat;
    text-align:left;
}
#what_projects p.feed {display:none;}
#what_projects h2.h2-show {display:none;}
#what_projects ul.news-home li {
	padding-left: 30px;
    padding-bottom: 12px;
	font-size:14px;
	color:#000;
	background: url(../images/ypf/green-bullet.gif) 15px 4px no-repeat;
    border: none;
	text-align:left;
	line-height:120%;
}
#what_projects ul.news-home li a {
    color: #999;
    font-size: 16px!important;
	font-weight: bold;
	text-decoration:underline;
}
#what_projects ul.news-home li a:hover {
    color: #999;
}

#sidebarwhat {
    width: 249px;
    float: right;
	padding-top:46px;
}

#sidebarwhat p {
width: 200; 
text-align: left;
font-size:12px; 
margin:0 0 12px 0;
}

#sidebarwhat a.NewsHeadlineList {
    padding-left: 30px;
    padding-bottom: 10px;
    background: url(../images/ypf/green-bullet.gif) 15px 5px no-repeat;
    color: #999;
    float: left;
    
}

#sidebarwhat ul ol {
margin: 15px 0 0;
font-family: Arial, sans-serif;
text-align:left;
}

#sidebarwhat li a {
    font-size: 12px;
    text-align:left;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    background: url(../images/ypf/green-bullet.gif) 15px 5px no-repeat;
    float: left;
    line-height: normal;
}

#initiativenav {
    height: 275px;
    width: 200px; 
    line-height: 30px;
    text-align: right; 
}

#initiativenav a.on {
color: #553B22;
font-weight: bold;
text-decoration: underline;
font-size: 12px;
}

#initiativenav a.off {
color: #553B22;
font-weight: normal;
text-decoration: underline;
font-size: 12px;
}

#initiativenav a.secondon {
color: #817E1A;
font-weight: bold;
text-decoration: none;
font-size: 12px;
line-height: 1.5;
}

#initiativenav a.secondoff {
color: #817E1A;
font-weight: normal;
text-decoration: underline;
font-size: 10px;
line-height: 1.5;
}


.intro {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    width: 660px; 
    line-height: 1.5;
    text-align: left; 
}

#small-links {
    color: #999;
    text-align: left;
    font-size: 10px;
}

#small-links a {
    color: #999;
    text-align: center;
    font-size: 10px;
    text-decoration: underline; 
}
/* project reports table styles */
table.reports2013 img {border:6px solid #CECFD3;margin-bottom:6px;}
table.reports2013 td {padding:0 70px 20px 0;}
table.reports2013 h4 {text-align:center;}
table.reports2013 h4 a {text-decoration:none!important;text-align:center;color:#553B22!important;}
table.reports2013 h4 a:hover {text-decoration:underline!important;color:#553B22!important;}

/* additional styles */
a.btn-learn-more {float:right;background-color:#807E19;font-size:12px;color:#FFF!important;text-transform:uppercase;text-decoration:none!important;padding:6px 8px;margin:0 0 0 15px;}
a.btn-donate {float:right;background-color:#CD9033;font-size:12px;color:#FFF!important;text-transform:uppercase;text-decoration:none!important;padding:6px 8px;margin:0 0 0 15px;}
.funding {font-style:italic;color:#817e1a;font-weight:bold;margin:0 0 6px 0!important;text-align:left;}
.what_heading {margin:0 30px 20px 0;width:670px;}
.what_heading img {float:left;margin:0 20px 0 0;}
.what-side-spacer {margin-top:40px;}
.credit {font-size:11px;}

/* JOIN THE PACK INTERNAL STYLE */

#join_the_pack_internal {
    background-color: #edece9;
    width: 235px;
    height: 100px;
    float: none;
    position: relative;
	margin-right:14px; /* added for IE - MB 01.30.11 */
}
#join_the_pack_internal h3 {
    font-size: 17px;
    color: #553B22!important;
    font-weight: bold;
    padding: 11px 0 0 6px;
}
#join_the_pack_internal p {
    text-align: left; 
    font-size: 12px;
    color: #999;
    margin: -10px 0 0 12px;
}
#join_the_pack_internal #email_input {
    padding: 0;
    margin: 15;
    border: 1px solid #000;
    width: 180px;
    height: 20px;
    position: absolute;
    top: 30px;
    right: 5px;
	font-size: 12px;
	color:#999;
	padding:3px;
}
#join_the_pack_internal #go {
margin: 10;
    position: absolute;
    top: 65px;
    right: 10px;
}

/* STYLES FOR ALL RIGHT COLUMNS EXCEPT INITIATIVE SECTION */

#right {
font-size: 90%;
vertical-align:top;
width: 245px;
float: right;
margin-top: 25px;
}

#right p {
width: 200;
font-size: 90%;
text-align: left;
line-height:normal;
}

#right br {
font-size: 90%;
}

#right img {
	margin: 10px;
}

#right ul ol {
font-size: 90%;
margin: 15px 0 0;
font-family: Arial, sans-serif;
font-size: 90%;
}

#right ul li {
    font-size: 90%;
    padding-left: 28px;
    padding-bottom: 15px;
    padding-right: 5px;
    background: url(../images/ypf/green-bullet.gif) 18px 5px no-repeat;
}

#right.single-sp ul li {padding-bottom: 4px;}

#right h2{
text-align:left;
font-weight: bold;
color: #769497;
font-size: 18px;
margin-bottom:10px;
text-transform:uppercase;

}

#right h3{
text-align:left;
font-weight: bold;
color: #817e1a;
font-size: 16px;
margin-bottom:10px;
}

#right h4{
text-align:left;
font-weight: bold;
color: #553B22;
font-size: 14px;
margin-bottom:0px;

}

#right h5{
text-align:left;
font-weight: bold;
color: #553B22;
font-size: 12px;
margin-bottom:0px;

}

#right A:link {
   font-size: 90%;
	COLOR: #817E1A;
	text-decoration: underline;
}
	
#right a:visited
{
   font-size: 90%;
   COLOR: #817E1A;
	text-decoration: underline;
}

#right a:hover
{
   font-size: 90%;
   COLOR: #CD9033;
	text-decoration:underline;
}

/* NEWS PAGE STYLES */

#newshome a.NewsHeadlineList {
    padding-left: 30px;
    background: url(../images/ypf/green-bullet.gif) 15px 5px no-repeat;
    color: #999;
    float: left;
    
}

#newshome .byline {
text-align: left;
white-space: normal;
position:relative;
text-align: left;
float:left;
width: 300px;
margin-left: 30px;
clear: left;
padding-bottom: 15px;
}

/* STYLES FOR ALL NEWS CONTENT */


#newshome li {list-style-type: none !important;}

#newspages appArea{
    width: 950px;
    margin: 0 0px 20px 30px;
    text-align: left;  
}

#newspages p {
vertical-align:top;
line-height:normal;
font-size: 100%;
font-family: Arial, sans-serif;
}

#newspages table tr td {
vertical-align:top;
font-size: 100%;
font-family: Arial, sans-serif;
padding: 5;
}

#newspages ul ol {
margin: 15px 0 0;
font-family: Arial, sans-serif;
}

#newspages ul li {
    padding-left: 28px;
    padding-bottom: 15px;
    background: url(../images/ypf/green-bullet.gif) 15px 8px no-repeat;
}

#newspages img {
padding: 10 10 10 10;
}


/* CONVIO OVERRIDES */

A:link {
	COLOR: #817E1A;
	text-decoration: underline;
}
	
a:visited
{
	COLOR: #817E1A;
	text-decoration: underline;
}

a:hover
{
    COLOR: #CD9033;
	text-decoration:underline;
}

.feed
{
list-style: none;
}

.NetscapeFix {
   font-family: Arial, sans-serif;
   font-size: 100%;
}

.headline {
    color: #553B22;
    font-size: 30pt;
    font-weight: bold;
}

.subheading {
	font-weight: bold;
	color: #769497;
	font-size: 20pt;
	text-transform:uppercase;
}

.SectionHead {
	font-weight: bold;
	color: #553B22;
	font-size: 12pt;
	text-decoration: none;
}

hr {
	margin-right: 10;
	margin-left: 10;
	width: 100%;
	height: 1px;
	background-color: #999;
	border: 0px solid #999;
}

h1{
text-align:left;
font-weight: bold;
color: #553B22;
font-size: 36px;
margin-bottom:10px;
}

h2{
text-align:left;
font-weight: bold;
color: #769497;
font-size: 20px;
margin-bottom:10px;
text-transform:uppercase;
}

h3{
text-align:left;
font-weight: bold;
color: #817e1a;
font-size: 18px;
margin-bottom:10px;
}

h4{
text-align:left;
font-weight: bold;
color: #553B22;
font-size: 16px;
margin-bottom:10px;
}

h5{
text-align:left;
font-weight: bold;
color: #553B22;
font-size: 14px;
margin-bottom:10px;
}

h6{
text-align:left;
font-weight: bold;
color: #553B22;
font-size: 12px;
margin-bottom:10px;
}

h7{
text-align:left;
color: #553B22;
font-size: 10px;
margin-bottom:10px;

}

.Explicit {
   font-family: Arial, sans-serif;
   font-size: 100%;
}

a.NewsHeadlineList {
    padding-left: 30px;
    background: url(../images/ypf/green-bullet.gif) 15px 5px no-repeat;
    color: #999;
    float: left;
    
}

.Button
{
	font-size: 90%;
	font-family: Arial, sans-serif;
	color: #553B22;
	font-weight: bold;
	text-align: center;
	background-color: #CD9033;
	border: 1px outset #553B22;
	padding: 3px;
	margin: 5px;
	width: auto;
	white-space: nowrap;
}

.byline {
	font-style: italic;
	font-size: 90%;
}

/* Sets the font style for all success messages*/

.SuccessMessage {
	font-size: 10pt;
	color: #817e1a;
}

/* CONVIO ECOMM OVERRIDES */

.ShoppingButtonPrimary {
	font-size: 90%;
	font-family: Arial, sans-serif;
	color: #553B22;
	font-weight: bold;
	text-align: center;
	background-color: #CD9033;
	border: 1px outset #553B22;
	padding: 3px;
	margin: 5px;
	width: auto;
	white-space: nowrap;
}

.ShoppingButtons {
	font-size: 90%;
	font-family: Arial, sans-serif;
	color: #553B22;
	font-weight: bold;
	text-align: center;
	background-color: #d8bf76;
	border: 1px outset #553B22;
	padding: 3px;
	margin: 5px;
	width: auto;
	white-space: nowrap;
}

table.ShoppingSearch {
	border: 1px solid #553B22;
	background-color: #d3e0c7;
}

table.ShoppingSearch select {
    FONT-SIZE: 8pt;
	font-family: Arial, sans-serif;
}
table.ShoppingSearch option {
    FONT-SIZE: 8pt;
	font-family: Arial, sans-serif;
}

.ShoppingSearchBlock
{
	white-space: nowrap;
}
p.ShoppingHeading {
	font-size: 120%;
	font-weight: bold;
}

p.ShoppingSearch {
	font-size: 90%;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

table.ShoppingBrowse {
	border: 1px solid #553B22;
	padding: 0px 0px;
}

th.ShoppingBrowse {
	background-color: #d3e0c7;
	padding: 4px 4px;
}
td.ShoppingBrowse {
	border-top: 1px solid #553B22;
	padding: 4px 4px;
}

td.ShoppingBrowse {
	padding: 2px 4px;
}

p.ShoppingSearchLabel {
	font-size: 80%;
}

.ShoppingButtonsSmall {
	font-size: 80%;
	font-family: Arial, sans-serif;
	color: #553B22;
	font-weight: bold;
	text-align: center;
	background-color: #d8bf76;
	border: 1px outset #553B22;
	padding: 3px;
	margin: 5px;
	width: auto;
	white-space: nowrap;
}

.SmallButton {
	font-size: 80%;
	font-family: Arial, sans-serif;
	color: #553B22;
	font-weight: bold;
	text-align: center;
	background-color: #CD9033;
	border: 1px outset #553B22;
	padding: 3px;
	margin: 5px;
	width: auto;
	white-space: nowrap;
}

.ShoppingInstructions {
	font-size: 80%;
}

.ProductDetailsHeader {
	background-color: #FFF;
	padding: 4px 4px;
	width: 100%;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 2px solid #553B22;
	color: #553B22;
}

table.ProductConfig {
	padding: 4px 4px;
	width: 100%;
}

.ProductConfigSection {
	background-color: #d3e0c7;
	padding: 4px 4px;
	width: 100%;
	font-weight: bold;
	border-bottom: 2px solid #553B22;
}

.ProductConfigHalfSection {
	background-color: #d3e0c7;
	padding: 4px 4px;
	font-weight: bold;
	border-bottom: 2px solid #553B22;
}

.ProductConfigInstructions {
	font-size: 90%;
}

.ProductConfigLabel {
	font-weight: bold;
}

.ShoppingCart {
	padding: 4px 4px;
	width: 100%;
	border: 1px solid #edece9;
	border-collapse: collapse;
}

/**
 * Make all the select lists use a smaller font as they can get pretty wide
 */
select
{
    	FONT-SIZE: 8pt;
	font-family: Arial, sans-serif;
}

.ShoppingTitle {
	font-weight: bold;
	text-decoration: none;
}

/*
 Legacy styles from premiums
*/

table.PremiumSearch {
	border: 1px solid #553B22;
	background-color: #d3e0c7;
	padding: 4px 4px;
}


p.PremiumHeading {
	font-size: 120%;
	font-weight: bold;
}

p.PremiumSearch {
	font-weight: bold;
}

table.PremiumBrowse {
	border: 1px solid #553B22;
	padding: 0px 0px;
}

th.PremiumBrowse {
	background-color: #d3e0c7;
	border-bottom: 1px solid #553B22;
	padding: 4px 4px;
}

td.PremiumBrowse {
	padding: 2px 4px;
}

p.PremiumSearchLabel {
	font-family: Arial, sans-serif;
	font-size: 80%;
}

.PremiumButtons {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

/**
 * Make all the select lists use a smaller font as they can get pretty wide
 */
#NAME
{
    	FONT-SIZE: 8pt;
	font-family: Arial, sans-serif;
}
#PRICE
{
    	FONT-SIZE: 8pt;
	font-family: Arial, sans-serif;
}
#TYPE
{
    	FONT-SIZE: 8pt;
	font-family: Arial, sans-serif;
}
#SORT-ORDER
{
    	FONT-SIZE: 8pt;
	font-family: Arial, sans-serif;
}

span.PremiumTitle {
	font-weight: bold;
}

span.PremiumPrice {
	font-weight: bold;
}

.ShoppingUpsell {
	clear: left;
}

.ProductLongDescription {
	clear: left;
}

.ShoppingCartContents {
	background-color: #FFF;
	color: #817E1A;
	padding: 4px 4px;
	width: 100%;
	border: 1px solid #FFF;
}
.ShoppingAdditionalGift {
	padding: 4px 4px;
	width: 100%;
}
.ShoppingCartAdditionalDonation {
	background-color: #d3e0c7;
}
.ShoppingCartDiscountCode {
	background-color: #CD9033;
}
.ShoppingUpsell {
	padding: 4px 4px;
	width: 100%;
}
.ShoppingCartUpsell {
	padding: 4px 4px;
	width: 100%;
}
.ShippingAddressLinks {
	font-size: 100%;
	font-weight: bold;
}
table.ShippingAddressLinks {
	background-color: #d3e0c7;
	padding: 4px 4px;
	width: 100%;
	border: 1px solid #553B22;
}
p.ShipToMe {
	font-size: 120%;
	font-weight: bold;
}
input.ShipToMe {
	font-family: Arial, sans-serif;
	font-size: 11px;
}
p.ShipToOther {
	font-size: 120%;
	font-weight: bold;
}
input.ShipToOther {
	font-size: 90%;
	font-family: Arial, sans-serif;
	color: #553B22;
	font-weight: bold;
	text-align: center;
	background-color: #CD9033;
	border: 1px outset #553B22;
	padding: 3px;
	margin: 5px;
	width: auto;
	white-space: nowrap;
}
p.ShipToMultiple {
	font-size: 120%;
	font-weight: bold;
}
input.ShipToMultiple {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

#CategoryTreeHdr {
	border-top: 1px solid #553B22;
	border-right: 1px solid #553B22;
	border-left: 1px solid #553B22;
	background-color: #553B22;
	color: #edece9;
	font-weight: bold;
	padding: 4px 10px 4px 10px;
	margin-right: 5px;
	width: 150px;
	white-space: nowrap;
}

#CategoryTree {
	border: 1px solid #553B22;
	background-color: #d3e0c7;
	padding: 4px 10px 4px 10px;
	margin-right: 5px;
	width: 150px;
}

a.ShoppingCategoryTree {
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}

#FeaturedProducts {
	border: 1px solid #553B22;
	background-color: #d3e0c7;
	margin-bottom: 10px;
}

#FeaturedProducts td {
	padding: 4px 4px 4px 4px;
}

#FeaturedProductsHdr {
	background-color: #553B22;
	color: #edece9;
	font-weight: bold;
	border-bottom: 1px solid #553B22;
}

#FeaturedProductsHdr td {
	border-bottom: 1px solid #553B22;
}


#CurrentFolderName {
	font-weight: bold;
	font-size: 120%;
	color: #999;
	margin-bottom: 5px;
}

.DownloadFileInstructions {
	margin-top: 10px;
	margin-bottom: 10px;
}

a.DownloadFileLink {
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color:	#000;
	background-color: #edece9;
	border: outset 2px #999;
}

a.DownloadFileLink:hover {
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	color:	#fff;
	background-color: #999;
	border: outset 2px #CD9033;
}

#ProductDetailsPageContent {
	clear: both;
}

#ProductDetailsProductInfo {
	float: left;
	width: 470px;
	margin-right: 10px;
}

#ProductDetailsUpSell {
	float: left;
	width: 155px;
	margin-left: 5px;
	margin-top: 10px;
}

#ProductDetailsCrossSell {
	float: left;
	border: 1px solid #553B22;
	margin-left: 5px;
	margin-top: 10px;
}

#ProductDetailsCrossSell #CrossSell {
	padding: 2px;
	width: 155px;
}

#ProductDetailsCrossSellTitle {
	border-bottom: 1px solid #553B22;
	background-color: #553B22;
	color: #edece9;
	font-weight: bold;
	font-size: 90%;
	width: 155px;
	padding: 2px;
}

#CrossSell {
	clear: both;
}

.CrossSellItem {
	float: left;
	padding-bottom: 10px;
}

#ProductDetailsCrossSell .ShoppingTitle {
	font-weight: normal;
	font-size: 90%;
}

table.FulfillmentEcardPreviewTable {
	border: 
	padding: 10px 10px;
}
th.FulfillmentEcardPreviewTableCell {
	border: 
	padding: 10px 10px;
}
td.FulfillmentEcardPreviewTableCell {
	border: 
	padding: 10px 10px;
}

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

table.ShoppingCart {
	border-color: #edece9;
}

.ShoppingCartHeadings {
	background-color: #d3e0c7;
	padding: 4px;
}
.ShoppingCartRow0 {
	background-color: #FFF;
	padding: 4px;
}
.ShoppingCartRow1 {
	background-color: #FFF;
	padding: 4px;
}

/* NEW STYLE TO HELP ALIGN PRINT THIS PAGE FUNCTIONALITY */


#print {
    width: 100%;
    margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
    background-color: FFFFFF;
}

/* NEW STYLES FOR NEWSLETTER */

a.greylink,
a.greylink:link,
a.greylink:active,
a.greylink:visited {
	color: #7f7f7e;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-decoration: underline;	
}

.greylink {
	color: #7f7f7e;
	font-family: Arial, sans-serif;
	font-size: 10px;	
}

.grey {
	color: #7f7f7e;
	font-family: Arial, sans-serif;
	font-size: 10px;	
}

.browntitle {
	color: #4f442c;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 18px;
        font-weight: bold;	
}

.yellowtitle {
	color: #769497;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 20px;
        font-weight: bold;	
		text-transform:uppercase;
}

a.whitelink,
a.whitelink:link,
a.whitelink:active,
a.whitelink:visited {
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-decoration: underline;	
        font-weight: bold;
        padding-bottom:10px;
}
.featured-video {width:235px;text-align:left;float:left;}
.featured-video img {margin:0px 0px 4px 0px;}
.featured-video p {color: #999;text-align:left;margin:0px 0px 0px 2px;}
.bbb-logo {
    float: left;
    margin: -45 10 10 20 !important;
    margin: 0 0 0 20;
	}
/* ADDITIONAL STORYBUILDER STYLES */
div#newsarticles table tr td table.paddedtable td {padding:0px 10px 20px 0px!important;}
/* hide storybuilder interest category elements and style search elements */
div.appArea form#catselect, div.appArea a.NewsHeadlineList {display:none;}
div.appArea a[title="Show additional related articles"] {color:#360;display:none;}
div#main div#newsarticles a[title="Show additional related articles"] {color:#360;display:none!important;}
div.appArea form#NewsSearch div.searchBox {background-color:#edece9;text-align:left;padding:10px 5px;border:1px solid #CCC;}
div.appArea div.searchBox .Button {margin:0 0 0 5px;padding:2px 10px;}
div.appArea div.searchBox #submit {float:none;clear:both;margin-top:5px;margin-left:63px;}
div.appArea div.searchBox #keywords {width:120px;}
div.appArea .subIndent{margin:0 0 10px 0;}
div.appArea div.searchBox #searchScope {display:none;}
div#newshome form#NewsSearch {background-color:#edece9;text-align:left;padding:10px 10px;margin-right:70px;border:1px solid #CCC;}
div#newshome form#NewsSearch div.searchBox {background-color:#edece9;border:none;}
div#newshome div.searchBox .Button {margin:0 0 0 5px;padding:2px 10px;}
div#newshome div.searchBox #submit {float:none;clear:both;margin-top:5px;margin-left:5px;}
div#newshome div.searchBox #keywords {width:300px;}
.btn-blue {float:left;width:auto!important;padding:5px 25px;margin:0 20px 0 0;background-color:#7eaaab;color:#FFF;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align:center;}
.btn-blue a {color:#FFF;text-decoration:none;}
.btn-blue a:hover {color:#CCC;text-decoration:none;}
.heading-style {color:#7eaaab;font-size:20px;font-weight:bold;border-top: 2px solid #7eaaab;padding-top:3px;margin-top:30px;}

p.pullquote, p.pullout {
	font-family:"Times New Roman", Times, serif!important;
	background: #E9E8E0;
  border-left: 10px solid #8eb1b5;
  margin: 10px;
  padding: 20px;
  width:300px;
  font-family:"Times New Roman", Times, serif;
  font-size:18px!important;
  color:#666!important;
  font-style:italic!important;
  text-align: justify!important;
  line-height:normal!important;
  }

p.pullquote cite, p.pullout cite {
color: #999999;
font-size: 13px;
display: block;
margin: 0 10px 0 0;
text-align:right;
}
 
p.pullquote cite:before , p.pullout cite:before {
content: "\2014 \2009"
}

p.pullquote{
  display:block;
  position: relative;
  padding:40px 20px 15px 20px;
  text-indent: 50px;
}
p.pullquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  /*Font*/
  font-size: 120px;
  line-height:auto;
  font-weight:bold;
  color: #cccccc;
  /*Positioning*/
  position: absolute;
  left: -45px;
  top:-10px;
  
}
p.pullquote::after{
  /*Reset to make sure*/
  content: "";
}   
/* text2broadcast widget styles for text2broadcast page */
#txt .peWidget {
	color: #333;
	border: 1px solid #999;
	background-color: #FBFAF7;
	margin-top: 20px !important;
	width: 360px;
	padding:30px !important;
}

#txt .peName {
	text-align: left !important;
	padding: 0 0 20px 0!important;
	font-family: Arial, sans-serif;
	color: #769497;
	font-size: 20px!important;
	text-transform:uppercase;
}
#txt .pePhoneNumber {font-family: Arial, sans-serif;}
#txt .pePhoneNumber input {
  background: #FFF;
  margin-top: 0.5em;
  width: 200px;
  color: #000;
  border:1px solid #999;
  padding:5px;
 }
 #txt .peTerms {font-family: Arial, sans-serif;}
/* end of text2broadcast styles */

.share-home {position:absolute;bottom:0;left:0;margin:0;height:auto;text-align:left;}
.clearit {clear: both;height:0;margin:0;font-size: 1px;line-height: 0px;}
#internal img.border {border:2px solid #CECFD3;padding:0;} 
#what_feature img.border {border:2px solid #CCC;padding:0;} 
table.wallpaper {font-size:12px;}
ol.numbered-list {list-style:decimal;}
ol.numbered-list li {margin-left:50px;}
/* Press page styles */
/*.release-info {float:left;width:300px;margin:20px 20px 0 0;padding:0;border-top:4px solid #CC9900;}
#what_projects .release-info p.prdate {font-size:11px;text-transform:uppercase;margin-bottom:6px;}
#what_projects .prdownloads {margin:60px 0 0 0;padding: 18px 0; border-top:4px solid #CC9900;}
.release-info h2 {text-transform:uppercase;margin:0 0 18px 0;}
.release-info h3 {color:#000;}
.release-info h4 {color: #CC9900;text-transform:uppercase; }
.release {float:left; width:560px;}*/
#what_projects .release p.prdate {font-size:11px;text-transform:uppercase;margin:0 6px 0 0;letter-spacing:1px;}
.release h2 {text-transform:uppercase;margin:0 0 18px 0;}
.release h3 {color:#666;margin:0 0 18px 0;}
.release {padding-top:10px;}
#what_feature .release ul li {font-size:100%;line-height:normal;}
.prdownloads img {border:3px solid #CCC;margin-bottom:3px;}
.prdownloads p {text-align:left;}
.press-page {padding-top:10px;}
.press-page img {border:3px solid #CCC;margin-bottom:3px;float:left;margin:0 20px 0 0;}
#what_projects .press-page p.prdate {font-size:11px;text-transform:uppercase;margin:0 6px 0 0;letter-spacing:1px;}
.press-page h2 {text-transform:uppercase;margin:0 0 4px 0;}
.press-page h2 a {text-decoration:none;color:#769497;text-transform:uppercase;}
.press-page h2 a:visited {text-decoration:none;color:#769497;}
.press-page h2 a:hover {text-decoration:none;color:#999999;}
.press-page h3 {color:#666;font-size:14px;margin:0 0 18px 0;}
.prcoverage p {text-align:left;font-size:13px;}
.prcoverage a {text-align:left;font-size:13px;}
.photo-border {border:2px solid #CECFD3;padding:0!important;}
/* storybuilder changes */
.previewBox .byline {
float: none !important;
margin-left: 0 !important;
}
#photo-contest {width:650px;}
#photo-contest h4 {margin-bottom:10px;margin-top:24px;}
#photo-contest p {margin:0 0 14px 0;}
#photo-contest p.indent {margin:0 0 14px 25px;}
#photo-contest ul {margin: 0 0 14px 25px;}
#photo-contest ul li {
	padding-left: 8px;
    padding-bottom: 0px;
	background: url(../images/ypf/green-bullet.gif) 0px 5px no-repeat;
    border: none;
	text-align:left;
}
#photo-contest ol {list-style-type:decimal;margin: 0 0 14px 25px;}
#photo-contest ol li {
	margin-bottom:10px;
    border: none;
	text-align:left;
}
#enter-contest {
	width: 245px;
	margin:0px;
    padding:0;
	border-bottom:1px solid #FFF;
}
#right #enter-contest a {display:block;background-image:url(../images/ypf/ypf-blue-btn.png);background-repeat:no-repeat;width:239px;height:32px;padding:0 0 0 15px;text-transform:uppercase;color:#FFF;line-height:32px;font-size:16px;text-decoration:none;text-align:left;}
#right #enter-contest a:hover {text-decoration:none;color:#E9E8DA;}

table.events {margin:0 0 30px 40px;}
table.events h4 {margin:24px 0 0 0;}
table.events h4:first-child {margin:0;}
table.events ul li {font-size:100%!important;padding-bottom:0px!important;}
table.events ul {margin-bottom:12px;}

/*15th anniversary */

#main #ypf_15 {
	/*position: absolute;
	top: 7px;
	right: 44px;
	z-index: 9999;*/
	display:none;
}

#main #ypf_15 a {
	/*width: 180px;
	height: 157px;
	display: block;*/
	display:none;
}

#ypf_15 a.link, #ypf_logo a.visited, #ypf_logo a.hover, #ypf_logo a.active {text-decoration: none;}

/*.who_we_are_banner {
    background: #fff url(../images/ypf/who-we-are-15.jpg) top left no-repeat !important;
}
.what_we_do_banner {
    background: #fff url(../images/ypf/what-we-do-15.jpg) top left no-repeat !important;
}
.how_to_help_banner {
    background: #fff url(../images/ypf/how-to-help-15.jpg) top left no-repeat !important;
}
.news_banner {
    background: #fff url(../images/ypf/news-15.jpg) top left no-repeat !important;
}
.donate_banner {
    background: #fff url(../images/ypf/donate-15.jpg) top left no-repeat !important;
}*/


/* TeamRaiser changes */


/* Convio Style Overrides */

.headline {
    color: #769497;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
	text-transform:uppercase;
}
#what_feature p.headline {
	text-transform:none!important;
}
.subheading {
        font-weight: bold;
        color: #666666;
        font-size: 12pt;
        text-decoration: none;
}

.SectionHead {
        font-weight: bold;
        color: #666;
        font-size: 12pt;
        margin: 5px;
        text-decoration: none;
}

.FormBox label {
        margin: 10px;
}

hr {
        margin-right: 10;
        margin-left: 10;
        width: 100%;
        height: 1px;
        background-color: #666666;
        border: 0px solid #666666;
}

TEXTAREA, INPUT, SELECT, OPTION {
        font-family: Arial, sans-serif;
        font-size: 12pt;
        color: #000000; 
}

/* when the user needs a little immediate help */

.Hint {
        color: red;
        font-family: Arial, sans-serif;
        font-size: 9pt;
        font-style: italic;
}

#ut_title_hint_container
{color: #999 ;
font-family: Arial, sans-serif;
font-size: 10pt;
font-style: normal;
}

.ObjTitle {
        font-weight: bold;
        font-size: 12pt;
        color: #769497;
        text-decoration: none;
}

.NetscapeFix {
        font-family: Arial, sans-serif;
        font-size: 12pt;
}

/* Progress styles for TeamRaiser registration */

.ProgressBox {
        font-family: Arial, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        background-color: #FFFFFF;
        color: #CCC;
}

.ProgressBoxCurrent {
        font-family: Arial, sans-serif;
        font-size: 8pt;
        font-weight: bold;
        background-color: #FFFFFF;
        color: #769497;
}

table.ProgressBox {
        width: 220px;
        height: 100px;
        padding-right: 4px;
        padding-left: 4px;
        border: #CCC 1px solid;
}

a.ProgressBox:link {
        font-size: 8pt;
        color: #CCC;
        text-decoration:none;
}
a.ProgressBox:visited {
        font-size: 8pt;
        color: #999;
        text-decoration:none;
}
a.ProgressBox:hover {
        font-size: 8pt;
        color: #8BC53F;
        font-weight: bold;
        text-decoration: underline;
}

.Instructions {
        color: #000000;
        background-color : #fafafa;
        background-image: url(../images/sp.gif);
        font-size: 9pt;
        font-weight: normal;
        padding: 1px 5px 1px 5px;
        margin: 5px;
}

.blackBorder { 
        border:1px solid #f4f4f4;
        border-collapse: collapse;
}

td.Instructions {
        border-bottom: #f4f4f4 1px solid;
        border-top: #f4f4f4 1px solid;
        border-left: #f4f4f4 1px solid;
        border-right: #f4f4f4 1px solid;
}

.FormBox {
        font-family: Arial, sans-serif;
        font-size: 9pt;
        background-color: #fafafa;
        background-image: url(../images/sp.gif);
           border: none !important;
}

div.FormBox {
        border: #efefef 1px solid;
        background-color: #fafafa;
        background-image: url(../images/sp.gif);
        padding: 0px;
}

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

table.FormBox {
        width: 100%;
        border: #f4f4f4 1px solid;
        border-collapse: collapse;
}

.FormBox .Divider {
        background-color: f4f4f4;
}

.FormBoxNoWidth .Divider {
        background-color: f4f4f4;
}

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

p.dividerHeading {
        background-color: #FFFFFF;
        color: black;
        font-family: Arial, sans-serif;
        font-weight: bold;
        margin: 0px;
        padding: 1px 0px;
        width: 100%;
}

.Divider {
        background-color: #cccccc;
        color: black;
        font-family: Arial, sans-serif;
        font-weight: bold;
        padding-top: 1px;
        padding-bottom: 1px;
}

.FormBoxNoWidth .dividerHeading {
        background-color: f4f4f4;
}

/*      -- Vertical Scroller --  */


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

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

.addBorder {
        background-color: #FFF;
        border: 1px;
        border-color: red;
}

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

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

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

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

p.cstmTitle {
        font-weight: bold;
        font-size: 16pt;
        color: #769497;
        text-decoration: none;
}

.cstmTitle {
        font-weight: bold;
        font-size: 16pt;
        color: #769497;
        text-decoration: none;
}

p.cstmHeading, span.cstmHeading {
        font-weight: bold;
        font-size: 12pt;
        color: #CCCCCC;
}


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

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

td.cstmBtnBack {
        padding-right: 10px;
        padding-left: 10px;
        background-color: #CD9033;
        color: #FFFFFF;
        padding-bottom: 15px;
        padding-top: 15px;
        border-bottom: 5px outset #ffcccc;
}

#content_area a.cstmBtnText,
#content_area a.cstmBtnText:visited,
#content_area a.cstmBtnText:hover,
#content_area a.cstmBtnText:link
{
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}

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

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

//* Styles for text label for form fields */

.FieldLabels {
        font-size: 12pt;
        color: #999999;
        font-weight: bold;
}
.PhotoLinks {
        font-size: 12pt;
        color: #999999;
        font-weight: bold;
        text-align: center;
}
.EditHeader {
        font-size: 14pt;
        font-weight: bold;
        background-color: #999999;
}

.BlogLink {
         font-size: 0.8em;
         font-weight: bold;
}
.BlogEditLinks {
         margin-top: 0px;
}
.BlogDate {
         font-size: 9pt;
         text-align: right;
}
.BlogHeader {
         font-size: 10pt;
         font-weight: bold;
}
.BlogHeader1 {
         font-size: 12pt;
         font-weight: bold;
         background-color: #CCCCCC;
}
.FeaturedPhoto {
        border: 1px solid #ccc;
        padding-bottom: 3px;
        margin-bottom: 20px;
        background-color: #fff;
        width: 420px;
}
.FeaturedPhotoTitle {
        font-weight: bold;
        margin-bottom: 10px;
        padding: 5px;
        background-color: #CCCCCC;
}
.PhotoStory {
        font-size: 0.8em
}
.CurrentDonorOrTeammate {
        color: black;
}
.PreviousDonorOrTeammate {
        color: #CCCCCC;
}

.FormBox06 {
        font-size: 9pt;
        background-color: #CCCCCC;
        background-image: url(../images/sp.gif);
        padding: 0em;
        width: 600px;
}
.FormBox99 {
        border: #cdcece 1px solid;
        background-color: #CCCCCC;
        background-image: url(../images/sp.gif);
        padding: 0px;
}

table.fr_reg_summary_table {
        border: #efefef 1px solid;
        background-color: #fafafa;
        background-image: url(../images/sp.gif);
        padding: 0px;
}

table.fr_reg_summary_table tr td
{
        padding: 2px;
}

.fr_reg_summary_table {
        padding: 10px;
}
.fr_reg_summary_table_heading_text {
        color: #999999;
}

.fr_reg_summary_table_heading_row {
        background-color: #fafafa;
1
}
.fr_reg_summary_table_text {
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 0em;
}
.fr_reg_summary_money_column {
        border: 0px none #FFF;
        border-collapse: collapse;
        text-align: center;
}
.fr_reg_summary_register_another_question {
  margin-top: 0;
  margin-bottom: 0;
}

.fr_register_another {
        font-size: 9pt;
        background-color: #CCCCCC;
        background-image: url(../images/sp.gif);
        padding: 0em;
}

.WhatNext {
        font-family: Arial, sans-serif;
        font-size: 9pt;
        background-color: #edeeef;
        background-image: url(../images/sp.gif);
}

div.WhatNext {
        background-color: #edeeef;
        background-image: url(../images/sp.gif);
        padding: 0px 4px;
}

table.WhatNext {
        border: #edeeef; 0px solid;
}

/* BAM EDITS FROM DONATION STYLES */

TABLE.ProgressBar {
}

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

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

.FormSectionHeader,
TD.TestSectionHeaderColor {
        font-weight: bold;
        background-color: #edeeef;
        color: #000000;
}
TD.FormSectionHeader {
        width: 100%;
        border-bottom: 1px solid #edeeef;
}

.NextButton,
.FinishButton {
        background: #edeeef;
        color: #666666;
        border: outset 2px #fff;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
}

.CancelButton,
.PreviousButton {
        background: #edeeef;
        color: #666666;
        border: outset 2px #fff;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
}
/*--------------DONATION FORM STYLES BY MBB---------------*/
/*TD.FormInput TEXTAREA,
TD.FormInput INPUT,
TD.FormInput SELECT {
	font-size: 90%;
}*/
table.DonationAppTable {font-size:90%!Important;}
td.FormCaption, td.FormLabel, td.FormInput {padding:2px!important;}
td.FormCaption p {margin-right:150px;}
/*table.holdsErrorMsg {margin:10px 0;}
td.holdsErrorMsgTable > table.holdsErrorMsg {margin:0!important;}*/
td.FormSectionHeader {padding:5px 0px!important;background-color:#FFF;border:none;}
h5.FormSectionHeader {padding:8px!important;font-size:14px;background-color:#8EB1B5!important;color:#FFF!important;}
.NextButton,
.FinishButton {
        background-color:#CD9033;
        color: #FFF;
        border: none;
		text-transform:uppercase;
        font-weight: bold;
        padding: 8px 16px;
		cursor:pointer;
}
.NextButton:hover,
.FinishButton:hover {
	background-color:#E6A239;
}
.CancelButton,
.PreviousButton {
        background: #edeeef;
        color: #666666;
         border: none;
		text-transform:uppercase;
        font-weight: bold;
        padding: 8px 16px;
		cursor:pointer;
}
/* column headers */
th.lc_Heading {
        background-color: #999;
        color: #fff;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        text-align: left;
        padding: 2px 3px;
}

/* background for the headings */

td.TableHeadings {
        background-color: #999;
}

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

td.TableHeadingsR {
        background-color: #999;
        text-align: right;
}

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

p.centered {
        text-align: center;
}

div.controlArea {
        padding-top: 20px;
        height: 60px;
}

div.addBorder {
        border: 1px solid #000000;
        height: 310px;
        overflow: hidden;
}

div.controlArea p.graphic {
        background-color: white;
        padding: 6px;
}

div.controlArea p + p + p {
        background-color: transparent;
        padding: 0px;
}

div.controlArea p strong,
div.controlArea strong,
p.controlArea strong {
        color: #000000;
        font-weight: bold;
}

div.controlArea p.Smaller {
        color: black;
}

div.controlArea .centered a,
div.controlArea .Smaller a {
        color: #000000;
        font-weight: normal;
}

P.cstmText {
        font-family: Arial, sans-serif;
        font-size: 12pt;
        color: #000000;
}

h5.dividerHeading {
        background-color: #cccccc;
        color: black;
        font-family: Arial, sans-serif;
        font-weight: bold;
        margin: 0px;
        padding: 1px 0px;
        width: 100%;
}

.FormMsgText {
        font-size: 10pt;
        color: #000000;
        font-weight: bold;
}

.Button
{
        font-size: 10pt;
        font-family: Arial, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;
        background-color: #CD9033;
        border: 1px outset #553b22;
        padding: 2px;
        margin: 10px;
        width: auto;
        height: auto;
        white-space: nowrap;

}

input.FriendRaiserButtons
{
        font-size: 10pt;
        font-family: Arial, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;
        background-color: #999;
        border: 1px outset #666;
        padding: 2px;
        margin: 10px;
        width: auto;
        height: auto;
        white-space: nowrap;

}

#next_step {
        font-size: 10pt;
        font-family: Arial, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;
        background-color: #CD9033;
        border: 1px outset #553b22;
        padding: 2px;
        margin: 10px;
        width: auto;
        height: auto;
        white-space: nowrap;
}

#friend_potion_next {
        font-size: 10pt;
        font-family: Arial, sans-serif;
        color: #FFFFFF;
        font-weight: bold;
        text-align: center;
        background-color: #CD9033;
        border: 1px outset #553b22;
        padding: 2px;
        margin: 10px;
        width: auto;
        height: auto;
        white-space: nowrap;
}

#find_hdr_container
 {
        background-color: #FFF;
}

#findFriendForm .appArea
 {
        width: 90%;
}

#findFriendForm .appArea .dividerHeading
 {
        background-color: #FFF;
}

a.lc_PaginatorLinks, 
a.lc_PaginatorLinks:link, 
a.lc_PaginatorLinks:visited, 
a.lc_PaginatorLinks:hover, 
a.lc_PaginatorLinks:active {
        color: #999;
}

.lc_Text 
{
color: #999;
}

/* scrolling marquees - homepage */

.topbox {
        width: 300px;
        height: 150px;
        background: url(../images/content/pagebuilder/Yellow_Top_Border_290w.gif) top left no-repeat;
        padding: 3px;
}
.topbox h1 {
        color: #769497;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin: 6px 6px 0px 6px;
}
.topbox p {
        margin: 3px 3px 3px 3px;
     font-size: 8pt;
}
.topbox a:link {
     color: #999999;
     font-size: 8pt;
}
.topbox a:visited {
     color: #999999;
     font-size: 8pt;
}
table.fr_reg_summary_table tr td p, .ProgressBox p {
    margin: 0;
}
#fr_show_public_gift, #new_user, #returning_user, #cons_email_opt_in, #cons_postal_opt_in, #s_rememberMe, #fr_email_opt_in, #TRIB_DECEASED, .checkbox, #fr_co_list_1, #fr_co_list_2, #fr_search_type_participant, #fr_search_type_team, .DonationLevelRadio, #tr_recognition_nameanonymousname, #tr_show_gift_to_publicname, #donor_email_opt_inname, #donor_remember_mename, #payment_typecc_type_1000, #payment_typecc_type_1002, #payment_typecc_type_1006 {
     border: none !important;
}
div#content-inner table td p.centered a.Smaller {
    text-decoration: none !important;
	color:#769497;
}



div.page-setting-action a#msg_cat_personal_page_shortcut_edit {
color: white;
font-weight:bold;
font-size: 14pt;}

.yui-skin-ux div.page-setting {
background-color: #ffffcc;
color: white;
padding: 5;
}

div.page-setting-action a#msg_cat_team_page_shortcut_edit {
color: white;
font-weight:bold;
font-size: 14pt;}


/*---- CLEARFIX ----*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
 	visibility: hidden;
}

/* For IE7 */
.clearfix {display:inline-block;}

/* For IE6 */
* html .clearfix {height: 1%;}


/* New TR Pages */
.trPage {
	width: 700px;
	margin: 10px;
}

.trPage a img {
	border: 0px;
}

.trPage .header {
	margin-bottom: 10px;
}

.trPage .sideBar {
	float: right;
	width: 300px;
	overflow: hidden;
}

.trPage .main {
	float: right;
	width: 390px;
	margin-right: 10px;
	overflow: hidden;
}

.trPage .footer {
	clear: both;
	width: 100%;
	margin-top: 10px;
}

.trPage .imageFrame {
	width: 300px;
}

.trPage .imageFrame .caption {
	margin: 0px 10px;
}

.trPage .blog {
	clear: both;
}

#content_area a.lc_lighterLink{
    color: #FFF;
}

/* Vertical Scrolling Component */ 

.vScroll {
	background-color: #FFF;
	border: solid 1px #CCC;
	padding: 0px;
	margin: 10px;
	width: 170px;	
}

.vScroll .title {
	margin: 10px 15px 0px 15px;
	font-weight: bold;
	text-align: center;
        color: #999999;
}

.vScroll .scrollContent {
	background-color: #FFF;
	margin: 10px 15px 15px 15px;
	padding: 10px;
	height: 180px;
        color: #999999;
}

/* Donor Wall */

.donorWall {
	background-color: #FFF;
	border: solid 1px #CCC;
	padding: 0px;
	margin: 10px;
	width: 170px;
	overflow: hidden;
}

.donorWall .title {
	margin: 10px 15px 0px 15px;
	font-weight: bold;
	text-align: center;
        color: #999999;
}

.donorWall .list {
	background-color: #FFF;
	padding: 0px;
	margin: 5px 15px;
	width: 140px; /*ie problem*/
	overflow: hidden;
        color: #999999;
}

.donorWall .list p {
	margin: 5px 15px;
}

.donorWall .link {
	margin: 0px 15px 10px 15px;
	padding: 0px 10px;
}

table.FormBox {
width: 100%;
}

.SectionHead {
	font-weight: bold;
	color: #553B22;
	font-size: 12pt;
	text-decoration: none;
}
[[?[[S8]]::TRR::
div.AppArea
{width: 800px;}::]]


#LogonForm input#Login {
    border: 1px solid #000;
    background-color:#bd6503; 
    color:#FFF;
    width: 90px;
    height: 25px;
    margin: 0 6px 0 0;
    padding: 0 10 10 10;
}



/* Personal Page */

.trPage {
   margin-left: 10px;
   margin-top: 10px;
   width: 95%;
}

.header {width:50%;}

.trPage .main {
    float: left;
    margin-right: 10px;
    width: 550px;
}

.trPage .sideBar {
margin: 0 auto;
width: 300px;
}

.trPage .imageFrame .caption {
font-size: 10pt;
margin-top: 5px;
margin-bottom: 30px;
width: 275px;
}

.menu p {
    background-color: #CD9033;
    border: 3px outset #9a7400;
    clear: both;
    color: #FFFFFF;
    font-family: Arial,sans-serif;
    font-size: 13pt;
    font-weight: bold;
    margin: 10px auto;
    padding: 10px;
    text-decoration: none;
}

.menu p a {
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
}

.imageFrame {
text-align:center;
}

#frBadge
{
background-color: #FFFFF;
margin-top: 15px;
}

.TrAchievementBadgeIconListLargeHeader
{
color: #769497;
font-size: 14px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
width: 300px;
}

.TrAchievementBadgeIconListLarge
{
font-size: 12px;
}


/* Thermometer */
.thermometer {
	margin: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}


.thermometer .goal {
	background-color: #fff;
        color: #999;
	text-align: center;
}
.thermometer .title { 
	font-weight: bold;
	text-align: center;
        color: #769497;
}



.thermometer dl dt {
	margin-left: 10px;
}

.thermometer dd {
	margin-left: 30px;
}

.thermometerTall {
	width: 170px;
	text-align: center;
}

.thermometerTall .title {
	margin: 10px 15px;
}

.thermometerTall .goal {
	margin: 10px 15px 15px 15px;
}

.thermometerWide {
	width: 255px;
}

.thermometerWide .title {
        color: #999;
        font-size: 10pt;
	margin: 10px 0px 10px 0px;
}


.thermometerWide .text {
	float: left;
	width: 150px; 
	margin: 10px 0px 15px 15px;
}

.thermometerWide .image {
	margin: 10px 15px 10px 175px;
}


table.divider {
background-color: #FFF;
}

#gobutton {
cursor:pointer;
}

#progress-days-left{
display: none;
}

.banner-header {
    background-color: #FFFFFF;
    height: 20px;
    padding-bottom: 16px;
    padding-left: 5px;
    padding-top: 20px;
}

/* User Login Page Updates */

#login-div-content .banner-header {
    background-color: #FFF;
    height: 20px;
    padding-bottom: 16px;
    padding-left: 5px;
    padding-top: 20px;
    color: #769497;
    font-size: 20px;
}

#login-div-content .outer-border {
    border: 2px solid #FFFFFF;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
}

#login-div-content .input-border {
    border: 1px solid #FFF;
    border-radius: 0.2em 0.2em 0.2em 0.2em;
    padding-left: 0.5em;
background-color: #FFF;
}

#login-div-content input.uc-button, #login-div-content button, #login-div-content .ft button {
    background: -moz-linear-gradient(center top , #CD9033, #CD9033) repeat scroll 0 0 transparent;
    border: 1px solid #CD9033;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 10px;
    padding: 3px 5px;
}

#login-div-content .footer-block {
    background-color: #FFF;
    border-top: 1px solid #FFF;
    padding: 0.2em 0.2em 0.2em 1em;
}

#login-div-content a {
    color: #769497;
}

#login-div-content div.actions {
    padding-left: 15px;
    padding-top: 5px;
background-color: #FFF;
}
