/* HTML tags */
body { margin: 0; padding: 0; background:#eeeeee url(../images/ui/main-bg.gif) repeat-y center; }
body h2 {font:Arial, Helvetica, sans-serif; font-size:28px; color:#666;}
a { color:#89965c; outline:none; text-decoration:none; }
a:hover { text-decoration:underline; }
/* Commonly used classes */
div.clear { clear:both; }
span.occupation { color:#999999; font-size:16px;}
span.tc-bold { font-weight:bold; color:#666666; }
.full-body-divide h3 { font:28px normal Arial, Helvetica, sans-serif; color:#666666; margin:0px; padding:25px 0px 8px 0px; }
/* Setup for footer anchored to bottom */
html, body { height: 100%; }
#nonfooter { min-height: 100%; margin-bottom: -200px;}
* html #nonfooter { height: 100%; }
#footer-spacer { height: 200px; }
#hm-nonfooter { min-height: 100%; margin-bottom: -300px;}
* html #hm-nonfooter { height: 100%; }
#hm-footer-spacer { height: 200px; }
/* Sets nav and content to center */
#wrapper {width:955px; margin:0px auto; }
/* Logo */
#logo { padding:11px 0px;}
#logo h1 { line-height:10px; font-size:9px; margin:0px; padding:0px; }
#logo h1 a { text-indent:-5000px; display:block; background:url(../images/ui/jny-logo.gif) no-repeat; width:199px; height:44px; }
/* Main navigation */
#nav ul { margin:0px; padding:0px; }
#nav li { list-style:none; float:left;}
#nav li a { display:block; text-indent:-5000px; height:28px; }
#nav-whats-new a { background:url(../images/ui/n-whats-new.gif) no-repeat top left; width:238px; padding-right:1px; }
#nav-who-we-are a { background:url(../images/ui/n-who-we-are.gif) no-repeat top left; width:238px; padding-right:1px; }
#nav-as-seen-in a { background:url(../images/ui/n-as-seen-in.gif) no-repeat top left; width:238px; padding-right:1px; }
#nav-events a { background:url(../images/ui/n-events.gif) no-repeat top; width:238px;}
#nav-whats-new a:hover, #nav-who-we-are a:hover, #nav-as-seen-in a:hover, #nav-events a:hover { background-position: bottom left; }
#active-nav-whats-new #nav-whats-new a, #active-nav-who-we-are #nav-who-we-are a, #active-nav-as-seen-in #nav-as-seen-in a, #active-nav-events #nav-events a { background-position:bottom left; }
/* Footer */
#footer { background:url(../images/ui/footer-bg.gif) no-repeat top; height:80px; width:955px; margin:120px auto 0px auto; color:#bcbbba; font:10px normal Verdana, Arial, Helvetica, sans-serif;}
#footer-left { float:left; padding-top:7px;}
#footer-left ul { margin:4px 0px 0px 0px; padding:0px; }
#footer-left li { list-style:none; display:inline; padding-right:10px; }
#footer-right { float:right; }
#footer-right ul { margin:4px 0px 0px 0px; padding:0px; }
#footer-right li { list-style:none; display:inline; padding-left:10px; float:left;}
#footer-right li a { display:block; text-indent:-5000px; }
#footer-left li a { color:#ced877; text-decoration:underline; }
#footer-left li a:hover { color:#89965c; }
#f-tc a { width:140px; height:42px; background:url(../images/ui/footer-teachers-count.gif) no-repeat; }
#f-fft a { width:94px; height:42px; background:url(../images/ui/footer-fund-for-teachers.gif) no-repeat; }
#f-aar a { width:58px; height:42px; background:url(../images/ui/footers-adopt-a-classroom.gif) no-repeat; }
#f-sjny a { margin-top:14px; width:114px; height:25px; background:url(../images/ui/footer-shop-jny.gif) no-repeat top; }
#f-sjny a:hover { background-position:bottom; }
/* Home page stuff */
#flash-home { width:953px; height:491px; border:solid 1px #a0a0a0; margin-top:1px;}
#ctas-home ul { margin:1px 0px 0px 0px; padding:0px; }
#ctas-home li { list-style:none; display:inline; float:left; }
#ctas-home li a { display:block; width:477px; height:126px; text-indent:-5000px; }
#h-cta-as-seen-in { background:url(../images/ui/hp-as-seen-in-cta.jpg) no-repeat top left; padding-right:1px; }
#h-cta-school-makeover { background:url(../images/ui/hp-school-makeovers-cta.jpg) no-repeat top left; }
#largectas-home ul { margin:1px 0px 0px 0px; padding:0px; }
#largectas-home li { list-style:none; display:inline; float:left; }
#largectas-home li a { display:block; width:955px; height:126px; text-indent:-5000px; }
#h-large-cta { background:url(../images/ui/hp-large-cta.jpg) no-repeat top left; }
/* Landing page cta full */
.full-body-white { width:955px; }
.fb-img { float:left; }
.fb-body-apple-image2 { float:left; width:484px; font:12px normal Arial, Helvetica, sans-serif; color:#a2a0a0; height:242px; }
.fb-body-apple-image3 { float:left; width:484px; font:14px normal Arial, Helvetica, sans-serif; color:#a2a0a0; height:242px; }
.fb-body-apple-image { float:left; width:484px; font:14px normal Arial, Helvetica, sans-serif; color:#a2a0a0; background:url(../images/ui/bg-apple.jpg) no-repeat bottom right; height:242px; }
.fb-body-apple-image h3, .fb-body-apple-image3 h3, .fb-body-apple-image-13 h3, .fb-body-apple-image-14 h3 { margin:0px; padding:0px; font:30px normal Arial, Helvetica, sans-serif; color:#000000; padding-left:26px; }
.fb-body-apple-image h4, .fb-body-apple-image-13 h4, .fb-body-apple-image-14 h4 { margin:0px; padding:0px; font:20px normal Arial, Helvetica, sans-serif; color:#000000; padding-left:26px; }
.fb-body-apple-image p, .fb-body-apple-image3 p, .fb-body-apple-image2 p, .fb-body-apple-image-13 p, .fb-body-apple-image-14 p { padding-left:26px; }
.fb-body-apple-image2 h3 { margin:0px; padding:0px; font:22px normal Arial, Helvetica, sans-serif; color:#000000; padding-left:26px; }
/* Landing hage cta half */
.half-body-columns-container { margin-top:27px; }
.hb-columns-left { float:left; }
.hb-columns-right { float:left; padding-left:11px; }
.hb-cta-long { background:#f1f1f1 url(../images/ui/section-tout-bg.gif) no-repeat top left; width:442px; height:220px; font:13px normal Arial, Helvetica, sans-serif; color:#979696; padding:28px 0px 0px 27px; margin-bottom:11px; }
.hb-cta-long h4 { font:23px normal Arial, Helvetica, sans-serif; color:#666666; padding:0px; margin:0px; }
.hb-cta-long p { padding:0px 24px 0px 137px; }
.hb-cta-long h4 { padding:0px 0px 0px 137px; }
.hb-cta-long p { max-height:114px; min-height:114px; overflow:auto; }
.hb-cta-med { background:#f1f1f1 url(../images/ui/section-tout-bg.gif) no-repeat top left; width:442px; height:190px; font:13px normal Arial, Helvetica, sans-serif; color:#979696; padding:28px 0px 0px 27px; margin-bottom:11px; }
.hb-cta-med h4 { font:23px normal Arial, Helvetica, sans-serif; color:#666666; padding:0px; margin:0px; }
.hb-cta-med p { padding:0px 24px 0px 137px; }
.hb-cta-med h4 { padding:0px 0px 0px 137px; }
.hb-cta-med p { max-height:84px; min-height:84px; overflow:auto; }
.hb-cta-short { background-color:#f1f1f1; width:472px; height:144px; font:13px normal Arial, Helvetica, sans-serif; color:#979696; margin-bottom:11px; }
.hb-cta-short p { padding:16px 10px; max-height:50px; min-height:50px; overflow:auto; }
.hb-cta { cursor:pointer; background:#f1f1f1 url(../images/ui/section-tout-bg.gif) no-repeat top left; width:442px; height:170px; font:13px normal Arial, Helvetica, sans-serif; color:#979696; padding:28px 0px 0px 27px; margin-bottom:11px;}
.hb-cta h4 { font:23px normal Arial, Helvetica, sans-serif; color:#666666; padding:0px 0px 0px 137px; margin:0px; }
.hb-cta p { max-height:64px; min-height:64px; overflow:auto; padding:0px 24px 0px 137px; }
.hb-thumbnail-left { min-height:151px; }
.adopt-a-classroom { background:url(../images/ui/cta-adopt-a-classroom.jpg) no-repeat top left; min-height:151px; }
.fund-for-teachers { background:url(../images/ui/cta-funds-for-teachers.jpg) no-repeat top left; min-height:151px; }
.teachers-count { background:url(../images/ui/cta-teachers-count.jpg) no-repeat top left; min-height:151px; }
.back-to-school-back-to-style-bg { background:url(../images/ui/cta-btsbts.jpg) no-repeat top left; min-height:151px; }
.school-makeovers-bg { background:url(../images/ui/cta-school-makeovers.jpg) no-repeat top left; min-height:151px; }
.shop-for-education-bg { background:url(../images/ui/cta-shop-for-education.jpg) no-repeat top left; min-height:151px; }
/* National Education News items */
.full-body-gray { width:955px; background-color:#f1f1f1; margin-bottom:10px; }
.fb-img-gray-472 { float:left; background:url(../images/ui/gray-full-bg.jpg) no-repeat top left; height:270px; width:496px; padding:28px 0px 0px 27px; }
.fb-body-gray-472 { float:left; font:12px normal Arial, Helvetica, sans-serif; color:#a2a0a0; height:242px; width:410px; }
.fb-body-gray-472 h3 { margin:0px; padding:25px 0px 0px 6px; color:#666666; font:26px normal Arial, Helvetica, sans-serif; }
.fb-body-gray-472 h2 { margin:0px; padding:25px 0px 0px 6px; color:#666666; font:23px normal Arial, Helvetica, sans-serif; }
.fb-body-gray-472 h4 { margin:0px; padding:25px 0px 0px 6px; color:#666666; font:20px normal Arial, Helvetica, sans-serif; }
.fb-body-gray-472 p { color:#979696; padding-left:6px; line-height:18px;}
.fb-body-gray-472 ul { padding:0px; margin:8px 0px 0px 20px;}
.fb-body-gray-472 li { margin-bottom:8px; }
.full-body-gray1 { width:955px; background-color:#f1f1f1; margin-bottom:10px; }
.fb-img-gray1-472 { float:left; background:url(../images/ui/gray-full-bg.jpg) no-repeat top left; height:315px; width:496px; padding:28px 0px 0px 27px; font:14px normal Arial, Helvetica, sans-serif;}
.fb-body-gray1-472 { float:left; font:12px normal Arial, Helvetica, sans-serif; color:#a2a0a0; height:242px; width:410px; }
.fb-body-gray1-472 h3 { margin:0px; padding:25px 0px 0px 6px; color:#666666; font:26px normal Arial, Helvetica, sans-serif; }
.fb-body-gray1-472 h4 { margin:0px; padding:25px 0px 0px 6px; color:#666666; font:20px normal Arial, Helvetica, sans-serif; }
.fb-body-gray1-472 p { color:#979696; padding-left:6px; line-height:18px; }
.fb-body-gray1-472 h1 {
float:left;
font:12px normal Arial, Helvetica, sans-serif;
color:#979696;
line-height:14px;
list-style-type: circle;
margin-top: -5px;
}
.fb-body-gray1-472 ul { padding:0px; margin:8px 0px 0px 20px;}
.fb-body-gray1-472 li { margin-bottom:8px; }
.fb-img-gray-222 { float:left; background:url(../images/ui/gray-full-small-bg.gif) no-repeat top left; height:182px; width:248px; padding:26px 0px 0px 26px; }
.fb-img-gray-222 img { border:solid 1px #c6b6b6; }
.fb-body-gray-222 { float:left; font:12px normal Arial, Helvetica, sans-serif; color:#a2a0a0; width:625px; }
.fb-body-gray-222 h3 { margin:0px; padding:25px 0px 0px 6px; color:#666666; font:26px normal Arial, Helvetica, sans-serif; }
.fb-body-gray-222 p { color:#979696; padding-left:6px; line-height:18px;}
.fb-body-gray-222 ul { padding:0px; margin:8px 0px 0px 20px;}
.fb-body-gray-222 li { margin-bottom:8px; }
.full-body-green { width:955px; background-color:#f1f1f1; margin-bottom:10px; }
.fb-img-green-472 { float:left; background:url(../images/ui/green-full-bg.jpg) no-repeat top left; height:270px; width:496px; padding:28px 0px 0px 27px; }
.fb-body-green-472 { float:left; font:12px normal Arial, Helvetica, sans-serif; color:#000000; height:242px; width:410px; }
.fb-body-green-472 h3 { margin:0px; padding:25px 0px 0px 6px; color:#000000; font:26px normal Arial, Helvetica, sans-serif; }
.fb-body-green-472 p { color:#000000; padding-left:6px; line-height:18px;}
.fb-body-green-472 ul { padding:0px; margin:8px 0px 0px 20px;}
.fb-body-green-472 li { margin-bottom:8px; }
/* What's new teacher page */
.med-img-left { float:left; background:url(../images/ui/tc-med-bg.gif) no-repeat top left; width:339px; height:213px; padding:14px 0px 0px 14px; }
.video-left { float:left; background:url(../images/ui/tc-video-bg.gif) no-repeat top left; width:656px; height:393px; padding:6px 0px 0px 6px; margin-right:10px; }
.lg-img-left { float:left; background:url(../images/ui/tc-lg-bg.gif) no-repeat top left; width:339px; height:284px; padding:14px 0px 0px 14px; }
.med-vert-img-left { float:left; background:url(../images/ui/tc-med-vert-bg.gif) no-repeat top left; width:213px; height:339px; padding:14px 0px 0px 14px; }
.med2-vert-img-left { float:left; background:url(../images/ui/tc-med2-vert-bg.gif) no-repeat top left; width:213px; height:308px; padding:14px 0px 0px 15px; }
.med-img-left img { border:solid 1px #c6b6b6; }
.med-body { float:left; width:545px; padding-left:7px;}
.medi-body { float:left; width:685px; padding-left:7px;}
.med-body h3 { margin:0px; padding:0px; font:23px normal Arial, Helvetica, sans-serif; color:#666666; }
.medi-body h3 { margin:0px; padding:0px; font:23px normal Arial, Helvetica, sans-serif; color:#666666; }
.med-body p { font:13px normal Arial, Helvetica, sans-serif; color:#979696; line-height:18px;}
.medi-body p { font:13px normal Arial, Helvetica, sans-serif; color:#979696; line-height:18px;}
.small-img-left { float:left; background:url(../images/ui/tc-small-bg.gif) no-repeat top left; width:239px; height:163px; padding:14px 0px 0px 14px; }
.small-vert-img-left { float:left; background:url(../images/ui/tc-sm-vert-bg.gif) no-repeat top left; width:158px; height:206px; padding:12px 0px 0px 13px; }
.small-vert-img-left img { border:solid 1px #c6b6b6; }
.small-img-left img { border:solid 1px #c6b6b6; }
.small-body-left { float:left; width:625px; padding-left:35px;}
.small-body-left h3 { margin:0px; padding:0px; font:23px normal Arial, Helvetica, sans-serif; color:#999999; }
.small-body-left h2 {
margin:0px;
padding:0px;
font:18px normal Arial, Helvetica, sans-serif;
color:#666;
}
.small2-body-left { float:left; width:720px; padding-left:25px;}
.small2-body-left h3 { margin:0px; padding:0px; font:23px normal Arial, Helvetica, sans-serif; color:#999999; }
.small2-body-left h2 {
margin:0px;
padding:0px;
font:18px normal Arial, Helvetica, sans-serif;
color:#666;
}
.small2-body-left p { font:13px normal Arial, Helvetica, sans-serif; color:#979696; line-height:18px;}
.small-body-left-quote {
color:#666;
font-family: "normal Arial", Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
line-height:19px;
}
.small-body-left p { font:13px normal Arial, Helvetica, sans-serif; color:#979696; line-height:18px;}
.small-img-right { float:left; background:url(../images/ui/tc-small-bg.gif) no-repeat top left; width:239px; height:163px; padding:14px 0px 0px 14px; }
.small-img-right img { border:solid 1px #c6b6b6; }
.small-body-right { float:left; width:625px; padding:0px 35px 0px 10px; }
.small-body-right h3 { margin:0px; padding:0px; font:23px normal Arial, Helvetica, sans-serif; color:#999999; }
.small-body-right h2 {
margin:0px;
padding:0px;
font:18px normal Arial, Helvetica, sans-serif;
color:#666;
}
.small-body-right p { font:13px normal Arial, Helvetica, sans-serif; color:#979696; line-height:18px;}
.small-body-right-quote {
color:#666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
line-height:19px;
}
.small-body-right ul { font:13px normal Arial, Helvetica, sans-serif; color:#979696; line-height:18px;}
.no-image { padding:0px 0px 0px 10px; width:930px; }
.no-a-image { padding:0px 0px 0px 10px; width:914px; }
.no-a-image p { color:#979696; font:13px normal Arial, Helvetica, sans-serif; line-height:18px; }
.no-a-image h3 { margin:51px 0px 0px 0px; padding:0px; font:30px normal Arial, Helvetica, sans-serif; color:#000000; }
.no-image p { color:#979696; font:13px normal Arial, Helvetica, sans-serif; line-height:18px; }
.no-image ul { color:#979696; font:13px normal Arial, Helvetica, sans-serif; line-height:18px; }
.no-image h3 { margin:51px 0px 0px 0px; padding:0px; font:30px normal Arial, Helvetica, sans-serif; color:#999999; }
.no-image h2 {
margin:51px 0px 0px 0px;
padding:0px;
color:#666;
font-family: "normal Arial", Helvetica, sans-serif;
font-size: 24px;
}
.header {
color:#666;
line-height:18px;
padding-bottom:20px;
font-family: "normal Arial", Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
}
/* NPO pages */
.tall-img-left { float:left; background:url(../images/ui/npo-teacher-count-long-bg.gif) no-repeat top left; width:339px; height:483px; padding:14px 0px 0px 14px; }
.tall-img-left img { border:solid 1px #c6b6b6; }
.tall-body { float:left; width:545px; padding-left:7px;}
.tall-a-body { float:right; width:545px; padding-left:7px;}
.tall-body h3 { margin:60px 0px 37px 0px; padding:0px; font:23px normal Arial, Helvetica, sans-serif; color:#666666; }
.tall-body p { font:13px normal Arial, Helvetica, sans-serif; color:#979696; line-height:18px;}
/* Events pages */
#nom-sponsors { width:409px; height:53px; text-indent:-5000px; background:url(../images/ui/nom-sponsors.jpg) no-repeat top left; margin-left:6px; }
#official-rules { text-align:right; width:415px; padding-top:6px; }
#official-rules a { color:#000000; text-decoration:underline; }
#button-box{
text-indent:-5000px;
height: 37px;
width: 268px;
margin-right: 220px;
}
#button-box a{
float:right;
}
/* Nominate form */
.fb-body-gray-full-no-image { padding:28px; font:13px normal Arial, Helvetica, sans-serif; color:#979696;}
#nf-col-left { float:left; background-color:#f1f1f1; width:450px; height:523px; margin-right:11px; padding:14px 11px; }
#nf-col-right { float:left; background-color:#f1f1f1; width:450px; height:523px; padding:14px 11px; }
#nf-col-left h4, #nf-col-right h4 { font:20px normal Arial, Helvetica, sans-serif; color:#666666; margin:0px; padding:0px 0px 33px 0px; }
.nominate-form-table th { font:11px normal Arial, Helvetica, sans-serif; color:#999999; width:170px; text-align:right; padding:5px 24px 0px 0px; vertical-align:top; }
.nominate-form-table th.error { font:11px bold Arial, Helvetica, sans-serif; color:#ff0000; width:170px; text-align:right; padding:5px 24px 0px 0px; vertical-align:top; }
.nominate-form-table td { padding-bottom:18px; }
.nominate-form-table td input { width:216px; height:21px; border-bottom:solid 1px #deddd7; border-right:solid 1px #deddd7; border-left:solid 1px #969696; border-top:solid 1px #969696; }
.nominate-form-table td textarea { width:216px; height:90px; border-bottom:solid 1px #deddd7; border-right:solid 1px #deddd7; border-left:solid 1px #969696; border-top:solid 1px #969696; }
#submit-button-box { float:right; margin-top:12px; }
/* As seen in page */
#picture-box { background:#f1f1f1 url(../images/ui/picture-box-bg.gif) no-repeat top left; min-height:663px; width:955px; }
#large-image { width:462px; padding:28px 0px 0px 24px; float:left; }
#large-image img { margin-bottom:15px; }
#large-image-caption cite { font:11px normal Arial, Helvetica, sans-serif; color:#999999; }
#copy-and-thumbnails { width:463px; float:left; }
#copy-and-thumbnails h3 { padding:28px 0px 0px 18px; margin:0px; color:#000000; font:26px normal Arial, Helvetica, sans-serif; }
#copy-and-thumbnails p { font:14px normal Arial, Helvetica, sans-serif; color:#979696; padding-left:18px; line-height:18px; min-height:155px; }
#thumbnails-box iframe { width:463px; height:380px; overflow:hidden; }
/*January 2011*/
#jan-bg {
background:url(../images/ui/bg-january.jpg) no-repeat top left; width:953px; height:491px; position:absolute;
}
.prev-slide, .next-slide {
float:left; width:20px; height:260px; overflow:hidden; margin-top:-260px;
text-indent:-999em;
}
.prev-slide {
background:url(../images/ui/prev_arrow.png) no-repeat center;
}
.next-slide {
background:url(../images/ui/next_arrow.png) no-repeat center;
}
html, body {
padding: 0;
margin: 0;
height: 100%;
}
body, div, p {
font-family: Arial, Helvetica, Verdana;
color: #333;
}
body {
background-color: #eee;
}
h1 {
font-size: 60px;
}
a, a:link, a:active, a:visited {
color: black;
text-decoration: underline;
}
a:hover {
color: #9E1F63;
}
#intro {
width: 580px;
margin: 0 auto;
}
.wrapper {
background-color: white;
width: 480px;
margin: 40px auto;
padding: 50px;
}
.image_carousel {
margin:0 auto;
position: relative;
margin-top:220px;
width:943px;
background:#000;
padding-bottom:5px;
padding-top:3px;
border-left:5px solid #000;
border-right:5px solid #000;
}
.image_carousel img {
margin: 2px 2px;
display: block;
float: left;
}
.clearfix {
float: none;
clear: both;
}
.caroufredsel_wrapper {
width:943px !important;
}
#jan-links {
width:500px; height:90px; margin:0 auto; background:transparent; margin-top: 115px; margin-bottom:-205px;
}
#jan-links img {
margin: 0 10px;
border:0;
}