html, body{ 
 margin:0 0 10px 0; 
 padding:0; 
 background: #6E7B89 url(../../images/youth/pgbk2.png) top repeat-x
} 

#textonly {display: none}
a {text-decoration: none}
#pagewidth { 
width: 706px;
\width: 726px;
w\idth: 706px;
margin-left: auto;
margin-right: auto;
font: 100% tahoma, sans-serif;
}

#header {height: 328px; background: url(../../images/youth/logohd.png) top no-repeat;float: left; width: 706px}
#home #header {height: 163px; background: url(../../images/youth/logohd.png) top no-repeat;float: left; width: 706px}
#mainimage {display: block; margin: 157px 0 0 35px}
#wrapper {float: left; background:url(../../images/youth/contentbk.png) left top no-repeat; padding: 0 0 30px 0; width: 706px}

#content {
 float:right; 
 position:relative;
 margin: 0 23px 0 0;
 font-size: 80%
 }

.content_col3 {
width:515px; 
 }
 
.content_col2 {
width:647px; 
 }
 
 .content_col1 {
width:645px; 
margin: 0 0 0 35px !important;
float: left !important
 }
 
#mainContent { 
float: left;  
position: relative; 
}

#mainContent .fade {padding: 0px 9px 5px 9px;background: #DFDFDF url(../../images/youth/contentbk_fade.png) top left repeat-x; float: left; clear: both}

#content .col3 .fade {width: 345px}
#content .col2 .fade {width: 477px}
#content .col1 .fade {width: 625px}

/* homepage */
#mainContent .fade_home {padding: 0px 9px 5px 9px;background: #DFDFDF url(../../images/youth/home_bk.png) top left no-repeat; float: left; display: block; width: 630px}

#content #home_content {width: 477px; display: block; float: left}
#content #poll {width: 130px; display: block; float: right}
#content #poll p {font-weight: bold}
#poll img {margin: 0 2px 0 0}
#poll .pollchoice {font-weight: bold}
#poll input.submit {background: url(../../images/youth/form_submit.png) top right no-repeat; display: block; width: 121px; height: 28px; text-indent: -2000px; margin: 0; border: 0}

/* homepage V2 */
#home #home_content .item {float: left;margin:5px 2px 5px 0;}
#home #mainContent .fade_home {padding: 0px 14px 5px 0;background: #fff; float: left; display: block; width: 647px}
#home #content #home_content {display:block;float:left;width:486px;}

#home #content #right_col {width: 147px; display: block; float: right; background: #C9C9C9 url(../../images/youth/rightcolbk_v2.png) top left repeat-x; }
#home #content #right_col p {font-weight: bold}
#home #right_col .poll {display: block; background: #333E4A url(../../images/youth/poll_bk.png) top left repeat-x;}
#home #right_col .poll form {margin: 0 0 0 5px; color: #fff}
#home #right_col .poll img {margin: 0 2px 0 0}
#home #right_col .poll .pollchoice {font-weight: bold}
#home #right_col .poll input.submit {background: url(../../images/youth/form_submit_v2.png) top right no-repeat; display: block; width: 74px; height: 35px; text-indent: -2000px; margin: 10px 0 5px 0; border: 0}
#home #right_col .poll h2, #home #right_col .poll p {color: #fff}
#home #content #right_col .updates {border-top: 1px solid #000;}
#home #content #right_col h2 {font-size: 16px; padding: 10px 0 0 5px}
#home #content #right_col .updates .webblerpaging {display: none}
#home #content #right_col .updates ul {margin: 0 0 0 5px; padding: 0}
#home #content #right_col .updates ul li {list-style: none; margin: 10px 0}
#home #content #right_col .updates ul li h3 {margin: 0; padding: 0; font-size: 13px;}
#home #content #right_col .updates ul li h4 {margin: 0; padding: 0; font-size: 13px; font-weight: normal; color: #333}
#home #content #right_col .connect h2{color: #3B5997}
#home #content #right_col .connect h3 a{background: url(../../images/youth/icon_facebook.png) top left no-repeat; width:136px; height: 63px; display: block; text-indent: -5000px; margin: 0 0 0 5px}

/* homepage V2 ends */


.image_link img {float: left; margin: 10px 5px 0 0}
.image_link img.last {float: right; margin: 10px 0 0 0}
.image_link embed {margin: 10px 0 0 6px}

#leftcol {float: left; width: 163px; margin: 0;}
#rightcol {float: right; width: 147px; margin: 0;  }
#footer {clear: both; height: 56px; width: 706px; background:url(../../images/youth/footerbk.png) left top no-repeat; }

h1#logolink {margin: 0; padding: 0}
h1#logolink a {display: block; width: 250px; height: 145px; position: absolute; top:2px; }
h1#logolink a span {display: none}

/* FORMATTING*/
body a img {border:none !important}
#primarynav {float: right;padding: 0; width: 397px;margin: 67px 46px 0 0;}
#primarynav ul {margin: 0; padding: 0; }
#primarynav li {list-style: none; float: left; margin: 0 0 10px 0}

#primarynav a.takeaction span {display: none}
#primarynav a.takeaction { width: 132px; display: block; height: 14px;}
#primarynav a.takeaction:hover { background:url(../../images/youth/nav_action_on.png) left top no-repeat}
#primarynav a.this_takeaction {width: 132px; display: block; height: 14px; background:url(../../images/youth/nav_action_on.png) left top no-repeat}
#primarynav a.this_takeaction span {display: none}

#primarynav a.problem span {display: none}
#primarynav a.problem { width: 237px; display: block; height: 14px; margin: 0 0 0 27px}
#primarynav a.problem:hover { background:url(../../images/youth/nav_problem_on.png) left top no-repeat}
#primarynav a.this_problem {width: 237px; display: block; height: 14px; background:url(../../images/youth/nav_problem_on.png) left top no-repeat; margin: 0 0 0 27px}
#primarynav a.this_problem span {display: none}

#primarynav a.countries span {display: none}
#primarynav a.countries { width: 203px; display: block; height: 14px; margin: 1px 0 0 75px}
#primarynav a.countries:hover { background:url(../../images/youth/nav_countries_on.png) left top no-repeat}
#primarynav a.this_countries {width: 203px; display: block; height: 14px; background:url(../../images/youth/nav_countries_on.png) left top no-repeat; margin: 1px 0 0 75px}
#primarynav a.this_countries span {display: none}

#primarynav a.updates span {display: none}
#primarynav a.updates { width: 91px; display: block; height: 14px; margin: 1px 0 0 27px}
#primarynav a.updates:hover { background:url(../../images/youth/nav_updates_on.png) left top no-repeat}
#primarynav a.this_updates {width: 91px; display: block; height: 14px; background:url(../../images/youth/nav_updates_on.png) left top no-repeat; margin: 1px 0 0 27px}
#primarynav a.this_updates span {display: none}

#primarynav a.lives span {display: none}
#primarynav a.lives { width: 114px; display: block; height: 14px; margin: 1px 0 0 192px}
#primarynav a.lives:hover { background:url(../../images/youth/nav_lives_on.png) left top no-repeat}
#primarynav a.this_lives {width: 114px; display: block; height: 14px; background:url(../../images/youth/nav_lives_on.png) left top no-repeat; margin: 1px 0 0 192px}
#primarynav a.this_lives span {display: none}

#primarynav a.facts span {display: none}
#primarynav a.facts { width: 62px; display: block; height: 14px; margin: 1px 0 0 28px}
#primarynav a.facts:hover { background:url(../../images/youth/nav_facts_on.png) left top no-repeat}
#primarynav a.this_facts {width: 62px; display: block; height: 14px; background:url(../../images/youth/nav_facts_on.png) left top no-repeat; margin: 1px 0 0 27px}
#primarynav a.this_facts span {display: none}

#wrapper_listing #mainContent {padding: 5px 0 0 5px;}
#mainContent .searchgroup {display: none}

#mainContent h2 {font-size: 2.1em; padding: 0; margin: 0; color: #000; font-weight: bold}
#mainContent h2.grey {font-size: 2.1em; padding: 0; margin: 0; color: #50515D; font-weight: bold}

.webblerpaging a {
margin: 5px 10px 10px 0;
float: left
}

.webblerpaging .current {
font-weight: bold
}
.webblerpaging a.pagingprevious, .webblerpaging a.pagingnext  {
display: none
}

#mainContent .left {float: left; margin: 0 5px 5px 0}
#mainContent .right {float: right; margin: 0 5px 5px 0}
#mainContent a {color: #000}
#mainContent a:hover {text-decoration:underline}
/* PROMO */
#content .promo { float: left; margin: 0; padding: 0.5em 5px; width: 464px}
#content .promo .image {float: left; width: 104px; }
#content .promo .content {float: left; width: 340px !important; display: block; padding: 0 10px}
#content .promo .content h2 {margin: 0; padding: 0 0 0.5em 0; font-size: 1.5em}
#content .promo .content p {margin: 0; padding: 0}

/* COUNTRY LISTING */
#targetcountries {display: block; float: left; width: 512px; margin: 0 0 0 5px}
#targetcountries .item {display: block; float: left; width: 250px;margin: 0 5px 0 0; height: 95px; }
#targetcountries .image {display: block; float: left;margin: 0 5px 0 0; height: 80px;  }
#targetcountries h3 {padding: 0; margin: 0; font-size: 100%}
#targetcountries h3 a {color: #000}
#targetcountries h3 a:hover {text-decoration: underline}

/* Listings */
#listings {display: block; float: left}
#listings .item {display: block; float: left; margin: 0 0 10px 0}
#listings img {display: block; float: left; width: 115px; margin: 3px 5px 0 0}
#listings .content{display: block; float: right; width: 222px;}
#listings h3 {padding: 0; margin: 0 0 0 0}
#listings h4 {padding: 0; margin: 0 0 0.5em 0}

#listings2 {display: block; float: left; margin: 10px 0; width: 495px; clear: both}
#listings2 .item {display: block; float: left; margin: 0 0 10px 0}
#listings2 img {display: block; float: left; width: 115px; margin: 3px 5px 0 0}
#listings2 .content{display: block; float: right; width: 370px; }
#listings2 h3 {padding: 0; margin: 0 0 0 0}
#listings2 h4 {padding: 0; margin: 0 0 0.5em 0}

#listings .gallery_list {display: block; float: left; margin: 5px 0 10px 0; width: 440px}
#listings .gallery_list img{display: block; float: left; margin: 3px 5px 0 0; width: 125px}
#listings .gallery_list .content{display: block; float: right;width: 300px }
#listings .gallery_list h2 {padding: 0; margin: 0; font-size: 1.2em}
#listings .gallery_list h4 {padding: 0; margin: 0 0 0.5em 0}

/* LEFT COL */
#leftcol {color: #fff}
#leftcol ul {margin: 0 0 0 35px; padding: 0}
#leftcol ul ul {margin: 5px 0 5px 10px; padding: 0}
#leftcol li {list-style: none; margin: 0 0 4px 0; line-height: 0.8em}
#leftcol ul li a {color: #fff; font-weight: bold; font-size: 80%; background: #687581; display: block; width: 123px; padding: 0.6em 0 0.6em 5px }
#leftcol ul ul li a {color: #fff; font-weight: bold; font-size: 80%; display: block; width: 113px }
#leftcol a:hover {background: #9F2B34}
#leftcol li.this a, #leftcol a.this, #leftcol ul ul li.subitem a:hover {border-bottom: 1px solid #fff}
#leftcol ul ul li.subitem a {border: none}
#leftcol .leftcoltext {display: block;  width: 115px; margin: 30px 0 0 44px; font-size: 85%; font-weight: bold}

/* RIGHT COL */
#rightcol .quote{color: #fff; font-size: 110%; margin: 20px 10px}
#rightcol .item {margin: 0 0 10px 0}
#rightcol .takeaction_link {display: block; margin: 0 0 10px 0}
#rightcol .takeaction_link a {display: block;background: url(../../images/youth/takeactionlink_off.png) top left no-repeat; width: 147px; height: 209px}
#rightcol .takeaction_link a:hover {display: block;background: url(../../images/youth/takeactionlink_on.png) top left no-repeat; width: 147px; height: 209px}
#rightcol .takeaction_link a span {display: none}

/* FORMS */
#form {padding: 10px 9px 5px 9px;background: #DFDFDF url(../../images/youth/contentbk_fade.png) top left repeat-x; border: 1px solid #A6AFB8; margin: 10px 0 0 0; float: left; width: 320px}
#form fieldset {border: 0; margin: 0; padding: 0}
#form legend {margin: 0; padding: 0; color: #000}
#form label {float: left; display: block; width: 110px; margin: 5px 0 0 0; clear: both }
#form label.label2 {float: left; display: block; width: 315px}
#form input {float: left;
border-top: 1px solid #8F8F8F;
border-right: 1px solid #CECECE;
border-bottom: 1px solid #E3E3E3;
border-left: 1px solid #CECECE;
margin: 5px 0;
width: 200px }
#form a.formsubmit {float: right; clear: both; background: url(../../images/youth/form_submit.png) top right no-repeat; display: block; width: 121px; height: 28px; text-indent: -2000px; margin: 0.5em 0 0 0}

#form textarea {float: left;
border-top: 1px solid #8F8F8F;
border-right: 1px solid #CECECE;
border-bottom: 1px solid #E3E3E3;
border-left: 1px solid #CECECE;
width: 200px }

#form .required {float: right;}
#form p.required, #form p.required .required {float: none;}
.required, .error {color: red}
#form select {width: 201px; margin: 5px 0; float: left }

/* GALLERY */
iframe {padding: 0; margin: 20px 0 0 20px; height: 455px !important}
#thumblist {float: left; display: block; margin: 0 0 0 20px; padding: 10px; background: #F3F3F3; width: 415px; clear: both}
#thumblist a {margin: 0 6px 0 0; float: left}

/* DOWNLOADS */
#mainContent .pagedownloads .item {padding: 3px 5px 5px 5px; display: block; margin: 0 0 0.2em 0 }
#mainContent .pagedownloads h2 {font-size: 1em; padding: 0; margin: 0}
#mainContent .pagedownloads a { background: url(http://www.ycareinternational.org/images/pdficon.png) 0 1px no-repeat; padding: 0 0 0 18px}
#mainContent .pagedownloads .desc {display: block; margin: 2px 0 0 18px}
#mainContent .shade {background: #F5F5E6}

/* FOOTER */
#functions ul {margin: 0 0 0 43px; padding: 0; font-size: 70%; float: left}
#functions li {list-style: none; display: inline; margin: 0}
#functions li.rss a {background: url(../../images/youth/rss.png) 1px 1px no-repeat; padding: 3px 10px 3px 25px; color: #000}
#functions li.email a {background: url(../../images/youth/mailpage.png) 1px 4px no-repeat; padding: 3px 25px; color: #000}
#functions li a:hover {text-decoration: underline}

#footerlinks {display: block; float: left;margin: 0; padding: 0;}
#footerlogo {float: right; margin: 33px 10px 0 0;}
#footerlogo a img {border: none !important}
#footerlinks ul {padding: 0; margin: 19px 0 0 40px; float: left}
#footerlinks li {list-style: none; display: inline; text-transform: uppercase; font-size: 70%; color: #fff; margin: 0 10px 0 0}
#footerlinks li a {text-transform: uppercase; color: #fff}
#footerlinks li a:hover {text-decoration: underline}

#listing a {color: #000; font-weight: bold}
#listing a:hover {text-decoration: underline}

#take_action {display: block; float: left; width: 644px; background: #00243C url(../../images/youth/action_form.png) top left no-repeat; height: 320px; margin: 10px 0 0 -10px; border-bottom:10px solid #00243C;
border-top:10px solid #00243C;}
#take_action #form {display: block; border: 0; float: left; width: 290px; background: none; margin: 141px 0 0 286px}
#take_action #form label {color: #BBCAA9; text-transform: uppercase; font-weight: bold; width: 80px}
#take_action #form p {margin: 0; padding: 0}
#take_action #form input.inputitem {margin: 0; padding: 0}
#take_action #form span.required {display: none}

#take_action #form a.formsubmit {background: #381402; border: 2px solid #fff; color: #fff !important; text-indent: 0; text-transform: uppercase; font-weight: bold; width: 75px; height: auto; padding: 10px; margin: 30px 0 0 0; font-size:18px;}