@charset "UTF-8";
/* CSS Document */

body { font: normal 12px Arial, Helvetica, sans-serif; margin: 0; }

a:link, a:active, a:visited { color: #336699; text-decoration: none; }
a:hover { text-decoration: underline; }
.centered { margin: 0 auto; width: 800px; clear: both; }

hr { color: #ccc; background: #ccc; height: 1px; border: none; }

/*-----BANNER-----*/

#banner { width: 100%; background: #3b8ccb url(../images/banner_stripes_bkgd.png) repeat-x top; height: 188px; padding-top: 34px; }

.banner-middle { margin: 0 auto; width: 800px; clear: both; }
#le-cont { clear: both; }
#logo { background:url(../images/banner_ytcc_title.gif) no-repeat; height: 154px; width: 400px; float:left; }
#logo a { display: block; height: 154px; }
#every { background: url(../images/banner_every.gif) no-repeat top; height: 154px; width: 312px; float: right; text-indent:-9999px; }

p.note { text-align:center; text-transform: none; padding: 10px 5px; margin: 0; font-size: 1em; background: #FFF; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; color: #003366;  }

/*-----GLOBAL NAV-----*/
#nav { width: 100%; background: url(../images/nav_bkgd.png) repeat-x; height: 45px; }

#nav ul { padding: 0; height: 45px; }
#nav li { float: left; list-style-type: none; }
#nav a { display: block; height: 45px; background-repeat: no-repeat; background-color: transparent; }

#nav_about a { width: 160px; background-image: url(../images/nav_about.png); }
#nav_about a:hover, #nav_about a:focus { background-position: -160px 0; }

#nav_goals a { width: 219px; background-image: url(../images/nav_goals.png); }
#nav_goals a:hover, #nav_goals a:focus { background-position: -219px 0; }

#nav_activities a { width: 144px; background-image: url(../images/nav_activities.png); }
#nav_activities a:hover, #nav_activities a:focus { background-position: -144px 0; }

#nav_resources a { width: 276px; background-image: url(../images/nav_resources.png); }
#nav_resources a:hover, #nav_resources a:focus { background-position: -276px 0; }


/*-----HOMEPAGE CONTENT-----*/
#content { width: 800px; margin: 25px auto 25px auto; clear: both; }
#hp_left { background: #fedd79; float: left; width: 224px; margin-bottom: 25px; }
#hp_left_top { background: url(../images/yellow_top_corner.gif) no-repeat; height:  14px; }
#hp_left_middle { background:  #fedd79; padding: 5px 15px 5px 15px; }
#hp_left_bottom { background: url(../images/yellow_bottomcorner.gif) no-repeat; height:  14px; clear: left; }
div.sb_hdr { border-bottom: #fff solid 1px; height: 1px; margin: 10px 0; }

#hp_left_middle ul { list-style: url(../images/bullet.gif); margin: 10px; padding: 0 0 0 10px; }
#hp_left_middle li { margin-bottom: 10px; }

#hp_right { width: 556px; float: right; background: url(../images/hp_mainimg.jpg) no-repeat; }
#hp_right p { margin-top: 290px; font-size: 120%; line-height: 150%; }


/*-----SECONDARY CONTENT-----*/
#breadcrumbs { border-bottom: 1px #e1e1e1 solid; padding: 10px 0 15px 0; font-size: 90%; color: #999; }
#breadcrumbs a { color: #999; }

#subnav { width: 172px; float: left; margin: 20px 32px 20px 0; }
#subnav ul { list-style: none; display: block; padding: 0; margin: 0; }
#subnav li { background: #ecf4fa; padding: 12px 8px 12px 8px; border-bottom: 1px #dedede solid; font-size: 90%; margin: 0; }
#subnav li.active { background: none; color: #3b8ccb; margin: 0; }
#subnav a { color: #666; }
#subnav .hdr { text-transform: uppercase; color: #3b8ccb; font-size: 90%; padding: 0 8px 20px 8px; border-bottom: 1px #dedede solid; letter-spacing: 0.1em; margin: 10px 0 0 0; }

#text { float: right; margin: 20px 0 20px 0; width: 595px; }
#text h1 { color: #3b8ccb; font-size: 200%; font-weight:normal; margin-top: 5px; }
#text h2 { font-size: 110%; color: #999999; text-transform: uppercase; }
#text h3 { font-size: 100%; }
#text p { line-height: 130%; }
#text li { list-style: url(../images/bullet_yelonwhi.gif); margin-bottom: 8px; line-height: 130%; }
#text ol { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #999; }
#text ol li { list-style:decimal; padding-bottom: 7px; }
#text ol p { font-family: Arial, Helvetica, sans-serif; color: #000; width: 550px; font-style: normal; margin: 0; line-height: 130%; }

/*-----SEC : Styles-----*/
h2.goals { font-size: 110%; text-transform: uppercase; color: #003366; background: #ffcc33; padding: 5px; }
.goalnum { color: #6699cc; }
h3.research { background: #ffd967; padding: 5px; color:#0a2c65; }
.smallText { font-size: 95%; }

/*-----SPONSORS-----*/
#sponsors { width: 800px; margin: 25px auto 25px auto; clear: both; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 10px 0 10px 0; text-align: center; }

/*-----FOOTER-----*/
#copyright { width: 400px; float: left; font-size: 90%; color: #999; }
#copyright p { margin: 0 0 10px 0; }
#logos { width: 400px; float: right; text-align: right; margin-bottom: 25px; }

/*-----OTHER STYLES-----*/
.imgLeft { float:  left; margin: 0 15px 10px 0; }