@charset "utf-8";
/* CSS Document */
/*  reset styles
----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, blockquote, pre, 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, 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:18px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:rgb(0,0,0);}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
p {padding:10px 0 15px 0; margin:0; line-height:20px;}
ul {list-style-type:disc; margin:15px 0 15px 0; padding:0;}
li {margin:0 0 5px 30px; padding:0;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size:26px; line-height:36px; padding:0; margin:0;}
h2 {font-size:22px; line-height:32px; padding:0; margin:0;}
h3 {font-size:18px; line-height:26px; padding:0; margin:0;}
h4 {font-size:16px; line-height:22px; padding:0; margin:0;}
h5 {font-size:14px; line-height:20px; padding:0; margin:0;}
h6 {font-size:12px; line-height:18px; padding:0; margin:0;}
strong {font-weight:bold;}
em {font-style:italic;}
span.Limg img {float:left; margin:5px 10px 5px 0;}
span.Rimg img {float:right; margin:5px 0 5px 10px;}

.clear {clear:both; height:0px; margin:0; padding:0;}
.clear2 {clear:both; height:20px; margin:0; padding:0;}
.clear3 {clear:both; height:1px; margin:10px 0 9px 0; padding:0; border-top:1px dotted rgb(169,160,149);}
/*  end reset styles
----------------------------------------------------------------------------------------------------*/

div.colorChange {background:url(http://www.childhoodleague.org/images/common/bannerOrange.jpg) repeat-x 0 40px; padding:0;}
div.colorLinks a.orange {background:rgb(248,152,29); background:rgba(248,152,29,.75); color:rgb(255,255,255);}
div#secondaryLeft ul.colorChange li:hover {background:rgb(248,152,29); background:rgba(248,152,29,.75);}
div#secondaryLeft ul li.secondary {background:rgb(248,152,29); background:rgba(248,152,29,.75);}

body {background:rgb(255,255,255) url(http://www.childhoodleague.org/images/common/bg.jpg) repeat 0 0;}


/* logo and nav
----------------------------------------------------------------------------------------------------*/
div#top {width:960px; margin:0 auto; height:180px; padding:0;}
div#top img.logo {float:left; padding:0; margin:20px 0 20px 5px;}
.showbox2 img {-webkit-transition: all 0.5s ease-in-out;}
.rotate2 img:hover {-webkit-transform: rotate(2deg) scale(.95); -moz-transform: rotate(2deg) scale(.95);}

div#topLeft {width:415px; float:left;}
div#topRight {width:530px; float:right;}

div.colorLinks {float:right; font-size:10px; padding:5px; background:rgb(255,255,255); background:rgba(255,255,255,.85);
border-left:1px solid rgb(87,73,56); border-left:1px solid rgba(87,73,56,.5); 
border-right:1px solid rgb(87,73,56); border-right:1px solid rgba(87,73,56,.5); 
border-bottom:1px solid rgb(87,73,56); border-bottom:1px solid rgba(87,73,56,.5); 
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;}
div#nonIEfun {display:inline;}
div.colorLinks a {text-decoration:none; color:rgb(124,106,85); padding:5px;}
div.colorLinks a:hover {text-decoration:underline;}
div.colorLinks a.yellow:hover {color:rgb(171,169,11);}
div.colorLinks a.blue:hover {color:rgb(0,101,164);}
div.colorLinks a.orange:hover {color:rgb(216,129,19);}
div.colorLinks input.search {padding:4px 2px 4px 2px; background:rgb(255,255,255) url(http://www.childhoodleague.org/images/common/zoom.png) no-repeat right; background:rgba(255,255,255,.5) url(http://www.childhoodleague.org/images/common/zoom.png) no-repeat right; width:220px; border:1px solid rgb(124,106,85); color:rgb(124,106,85); margin:0;}
div.colorLinks input.searchSubmit {background:none; border:none; color:rgb(124,106,85); font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px;}
div.colorLinks input.searchSubmit:hover {cursor:pointer; color:rgb(216,129,19);}

div#topRight ul.social {list-style-type:none; padding:4px 10px 4px 10px; float:right; margin:5px 0 0 0;
border:1px solid rgb(87,73,56); border:1px solid rgba(87,73,56,.5); 
background:rgb(248,152,29);
-moz-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;}
div#topRight ul.social li {margin:0; padding:0; text-align:right; padding:0;}
div#topRight ul.social li.search {margin:0 0 2px 0;}
div#topRight ul.social li.donate {background:url(http://www.childhoodleague.org/images/common/lock.png) no-repeat right; margin:0 0 2px 0; width:180px;}
div#topRight ul.social li a {display:block; padding:6px 35px 6px 0; color:rgb(255,255,255); text-decoration:none; font-size:20px; font-weight:bold;}
div#topRight ul.social li a:hover {text-decoration:underline;}

div#topRight ul.social2 {list-style-type:none; margin:0; padding:3px 10px 3px 10px; float:right;}
div#topRight ul.social2 li {margin:0; padding:0; text-align:right; padding:0;}
div#topRight ul.social2 li.cart {background:url(http://www.childhoodleague.org/images/common/cart.png) no-repeat right; margin:0 0 2px 0;}
div#topRight ul.social2 li.help {background:url(http://www.childhoodleague.org/images/common/help.png) no-repeat right; margin:0 0 2px 0;}
div#topRight ul.social2 li a {display:block; padding:6px 30px 6px 0; color:rgb(0,101,164); text-decoration:none; font-size:12px; font-weight:bold;}
div#topRight ul.social2 li a:hover {text-decoration:underline;}

/* top banner items
----------------------------------------------------------------------------------------------------*/
div#banner {width:100%;}

div#bannerWrapper {margin:0 auto; background:rgb(170,163,143); background:rgba(124,106,85,.4); width:960px; padding:5px; 
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.5);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,1);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

div#bannerContent {background:rgb(246,244,244) url(http://www.childhoodleague.org/images/common/dropback.png) repeat-x 0 0; background:rgba(255,255,255,.95) url(http://www.childhoodleague.org/images/common/dropback.png) repeat-x 0 0;  
border:1px solid rgb(87,73,56); border:1px solid rgba(87,73,56,.5); 
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.3);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

div#bannerLeft {background:url(http://www.childhoodleague.org/images/common/photoBG.png) no-repeat 0px 0; width:500px; height:344px; float:left;}
#slideshow {position:relative; float:left;}
#slideshow img {position:absolute; top:21px; left:22px; bottom:0px; z-index:8;}
#slideshow img.active {z-index:10;}
#slideshow img.last-active {z-index:9;}
#slideshow img.linkz:hover {cursor:pointer; -webkit-transition: all .5s ease-in-out; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -moz-transition-duration: 1s; -moz-transition-timing-function: ease-out;}

div#fadeshowWrapper {position:relative;}
#fadeshow1 {position:absolute; top:21px; left:22px; bottom:0px; z-index:8;}
#fadeshow2 {position:absolute; top:21px; left:22px; bottom:0px; z-index:8;}
#fadeshow2toggler {display:none; position:absolute; top:21px; left:22px; z-index:20; width:457px;}
div#arrowl {width:16px; height:24px; float:left;}
div#arrowr {width:16px; height:24px; float:right;}
div#status {display:none; width:40px; height:14px; margin:2px 190px 0 190px; padding:2px 0 10px 0; float:left; text-align:center; color:#FFF; background:url(http://www.childhoodleague.org/images/common/status.png) repeat-x 0 0;}
div#fadeshowWrapper a {color:rgb(75,61,44); text-decoration:none;}
div#fadeshowWrapper a:hover {color:rgb(75,61,44); text-decoration:underline;}

#IE6slideshow {display:none;}

div#bannerRight {width:450px; float:right; margin:5px 0 0 0; }
div#bannerRight img {display:none;}

div#bannerRightMission {float:left; width:440px; margin:0; padding:0px 10px 5px 0;}

div#bannerRight div#bannerRightMission h1 {font-size:24px; font-weight:bold; color:rgb(87,73,56); padding:0 0 10px 0; margin:0; border-bottom:3px dotted rgb(87,73,56); border-bottom:3px dotted rgba(87,73,56,.5); line-height:24px; text-shadow: 0.05em 0.05em 0.05em rgba(0,0,0,.3);}
div#bannerRight span.amp {font-size:11px; font-weight:normal;}

div#bannerRight p.missionA {font-size:12px; line-height:22px; font-weight:normal; color:rgb(87,73,56); padding:5px 0 10px 0; margin:0; letter-spacing:1px;}
div#bannerRight p.missionB {font-size:13px; line-height:22px; font-weight:normal; color:rgb(87,73,56); padding:5px 0 10px 0; margin:0; letter-spacing:1px;}
div#bannerRight p.missionC {font-size:14px; line-height:22px; font-weight:normal; color:rgb(87,73,56); padding:5px 0 10px 0; margin:0; letter-spacing:1px;}
div#bannerRight p.missionD {font-size:15px; line-height:22px; font-weight:normal; color:rgb(87,73,56); padding:5px 0 10px 0; margin:0; letter-spacing:1px;}

div#bannerRight p.quote {clear:both; display:block; padding:5px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic; font-weight:normal; line-height:22px; color:rgb(124,106,85); text-align:left; 
border-top:1px dotted rgb(124,106,85);}

div#bannerRight div.bigLetter {float:left; margin:13px 5px 0 0; text-transform: capitalize; font-weight:bold; color:rgb(87,73,56); padding:2px 8px 2px 8px; overflow:hidden; border:1px solid rgb(125,114,100); line-height:50px; font-size:50px;
background:url(http://www.childhoodleague.org/images/common/letterback.gif) repeat-x 0 0;}


/* `Home content below banner
----------------------------------------------------------------------------------------------------*/
div#homeContent {width:960px; margin:0 auto; padding:0 0 5px 0; background:none; border-bottom:3px dotted rgb(124,106,8); color:rgb(87,73,56);}
div#homeContent a {color:rgb(0,101,164); text-decoration:none;}
div#homeContent a:hover {color:rgb(87,73,56); text-decoration:underline;}

div#homeLeft {width:390px; float:left; padding:0 0 10px 0; background:none;}
div#homeLeft h2 {font-size:22px; font-weight:bold; color:rgb(0,101,164); background:none; padding:0 0 10px 0; margin:10px 0 10px 0; border-bottom:3px dotted rgb(0,101,164); line-height:24px; text-shadow: 0.05em 0.05em 0.05em rgba(0,0,0,.3);}
div#homeLeft h3 {font-size:18px; font-weight:bold; color:rgb(255,255,255); padding:12px 0 0px 3px; margin:3px 3px 0 2px; line-height:22px; float:left; width:246px; height:40px; background:rgb(0,101,164); border:1px solid rgb(0,0,0);}
div#homeLeft h4 {font-size:18px; font-weight:bold; color:rgb(0,101,164); background:none; padding:0 0 10px 0; margin:10px 0 5px 0; border-bottom:3px dotted rgb(0,101,164); line-height:24px; text-shadow: 0.05em 0.05em 0.05em rgba(0,0,0,.3);}
div#homeLeft p {padding:0 0 15px 0; margin:0; line-height:21px;}
#homeLeftVideo {float:left; width:191px;}
#homeLeftForm {float:right; width:149px;}

div#homeLeft label {float:left; width:40px; font-size:11px;}
div#homeLeft input.mailing {padding:4px 1px 4px 1px; margin:0 0 8px 0; background:rgb(255,255,255); background:rgba(255,255,255,.5); width:100px; border:1px solid rgb(124,106,85); color:rgb(124,106,85); font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#homeLeft input.submit {padding:4px 5px 4px 5px; margin:3px 0 8px 0; background:rgb(255,255,255); background:rgba(255,255,255,.5); width:150px; border:1px solid rgb(124,106,85); color:rgb(0,101,164); font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.3);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
div#homeLeft input.submit:hover {background:rgb(248,152,29); color:rgb(255,255,255);}

div#homeLeft .player {display:block; margin:0 0 2px 0;}
div#homeLeft .player img {
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.3);}

div#homeLeft ul {padding:5px; list-style-type:none; margin:0;
background:rgb(170,163,143); background:rgba(124,106,85,.4);
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.5);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,1);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
div#homeLeft ul li {margin:0; padding:0;}
div#homeLeft ul li a {text-decoration:none; color:rgb(0,101,164); padding:4px 10px 4px 10px; display:block; font-size:12px; font-weight:bold; background:rgb(246,244,244); 
background:rgba(255,255,255,.9); text-align:left; margin:4px;
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.3);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
div#homeLeft ul li a:hover {text-decoration:none; color:rgb(255,255,255); background:rgb(248,152,29); background:rgba(248,152,29,.75);}


div#homeRight {width:515px; float:right; padding:0 10px 10px 0; background:none;}
div#homeRight h2 {font-size:22px; font-weight:bold; color:rgb(124,106,85); padding:0 0 10px 0; margin:10px 0 10px 0; line-height:24px; border-bottom:3px dotted rgb(124,106,85); text-shadow: 0.05em 0.05em 0.05em rgba(0,0,0,.3); clear:both;}
div#homeRight h3 {font-size:12px; font-weight:bold; color:rgb(87,73,56); padding:0; margin:5px 0 5px 0; line-height:22px;}
div#homeRight h4 {font-size:12px; font-weight:bold; color:rgb(168,166,16); padding:0; margin:5px 0 5px 0; line-height:20px;}
div#homeRight p {padding:0 0 10px 0; margin:0; line-height:22px;}
div#homeRight strong.rightlink {float:right;}

div#homeRight .vision {width:118px; float:left; margin:0 9px 0 0; text-align:center; padding:0 0 0 0;}
div#homeRight .visionLast {width:118px; float:left; margin:0; text-align:center; padding:0 0 0 0;}
div#homeRight .vision a, div#homeRight .visionLast a {font-weight:bold; font-size:14px;}
ul.nav_categories {margin:0; padding:0; list-style-type:none;}
ul.nav_categories li {margin:0; padding:0; list-style-type:none;}

div#homeRight img.Limg {float:left; margin:4px 8px 4px 0;}
div#homeRight img.Rimg {float:right; margin:4px 0 4px 8px;}

#homeRight img.sizer1 {height:400px; max-height:400px; height:auto;width:400px; max-width:400px; width:auto;}
* html #homeRight img.sizer1 {height:400px;width:400px;}
#homeRight img.sizer2 {height:300px; max-height:300px; height:auto;width:300px; max-width:300px; width:auto;}
* html #homeRight img.sizer2 {height:300px;width:300px;}
#homeRight img.sizer3 {height:200px; max-height:200px; height:auto;width:200px; max-width:200px; width:auto;}
* html #homeRight img.sizer3 {height:200px;width:200px;}

.showbox img {-webkit-transition: all 1s ease-in-out; -moz-transition-duration: 1s; -moz-transition-timing-function: ease-out;}
.rotate img:hover {-webkit-transform: rotate(360deg) scale(.95); -moz-transform: rotate(10deg) scale(.95); -moz-transition-duration: 1s; -moz-transition-timing-function: ease-out;}

div#homeRight .spothumb {float:left; width:60px; overflow:hidden; margin:0 4px 0 0; border:1px solid rgb(124,106,85);}

/* `Footer
----------------------------------------------------------------------------------------------------*/
div#footer {width:960px; margin:0 auto; padding:10px 0 15px 0; color:rgb(87,73,56);}
div#footer .left {width:640px; float:left;}
div#footer .right {width:320px; float:right; text-align:right; font-size:13px;}
div#footer .left  ul {margin:0; padding:0; float:left; list-style-type:none;}
div#footer .left  ul li {float:left; padding:0; margin:0 15px 0 0;}
div#footer .left  ul li a {color:rgb(124,106,85); text-decoration:none; padding:5px 5px 5px 30px; display:block; float:left;}
div#footer .left  ul li.map {background:url(http://www.childhoodleague.org/images/common/map.png) no-repeat 0 0;}
div#footer .left  ul li.email {background:url(http://www.childhoodleague.org/images/common/email.png) no-repeat 0 0;}
div#footer .left  ul li.donate {background:url(http://www.childhoodleague.org/images/common/lock.png) no-repeat 0 0;}
div#footer .left  ul li.facebook {background:url(http://www.childhoodleague.org/images/common/facebook.png) no-repeat 0 0;}
div#footer .left  ul li.blog {background:url(http://www.childhoodleague.org/images/common/blogger.png) no-repeat 0 0;}
div#footer .left  ul li.youtube {background:url(http://www.childhoodleague.org/images/common/youtube.png) no-repeat 0 0;}
div#footer .left  ul li.dogoodertv {background:url(http://www.childhoodleague.org/images/common/dogoodertv.png) no-repeat 0 0;}
div#footer .left  ul li a:hover {color:rgb(0,101,164); text-decoration:underline;}

div#footer .left  ul.noimage {margin:0; padding:0; float:left; list-style-type:none;}
div#footer .left  ul.noimage li {float:left; padding:0; margin:0 15px 0 0;}
div#footer .left  ul.noimage li a {color:rgb(124,106,85); text-decoration:none; padding:5px 5px 5px 0px; display:block;}
div#footer .left  ul.noimage li a:hover {color:rgb(0,101,164); text-decoration:underline;}



/* secondary page section
----------------------------------------------------------------------------------------------------*/
div#secondary {width:100%;}

div#secondaryWrapper {margin:0 auto; background:rgb(170,163,143); background:rgba(124,106,85,.4); width:960px; padding:5px;
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.5);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,1);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

div#secondaryLeft {float:left; width:250px; background:rgb(225,222,213); background:rgba(255,255,255,.55);
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.3);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

/* ---------- secondary navigation ---------- */
div#secondaryLeft ul {margin:5px; padding:0; list-style-type:none;}
div#secondaryLeft ul li {padding:0; margin:0 0 4px 0; background:rgb(246,244,244); background:rgb(255,255,255); background:rgba(255,255,255,.95); width:240px; text-align:left;
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.3);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
div#secondaryLeft ul li a {text-decoration:none; color:rgb(0,101,164); padding:4px 0 4px 10px; display:block; font-size:12px; font-weight:bold;}
div#secondaryLeft ul li a:hover {text-decoration:none; color:rgb(255,255,255); background:rgb(242,169,74);}

div#secondaryLeft ul li.secondary ul {margin:0; padding:0 0 10px 0; list-style-type:none; background:none;}
div#secondaryLeft ul li.secondary ul li {margin:0; padding:0; list-style-type:none; background:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-moz-border-radius:0;
-webkit-border-radius:0;}

div#secondaryLeft ul li.secondary a {color:rgb(255,255,255); border-bottom:1px dotted rgb(255,255,255); padding-right:10px;}
div#secondaryLeft ul li.secondary a:hover {color:rgb(255,255,255); background:rgb(246,195,129);}
div#secondaryLeft ul li.noSub a {border:none;}
div#secondaryLeft ul li.secondary a.on {background:url(http://www.childhoodleague.org/images/common/arrow.png) no-repeat 0 0; padding-left:25px;}
div#secondaryLeft ul li.secondary a.on:hover {color:rgb(255,255,255); background:url(http://www.childhoodleague.org/images/common/arrow.png) no-repeat 0 0 rgb(255,255,255); background:url(http://www.childhoodleague.org/images/common/arrow.png) no-repeat 0 0 rgb(246,195,129);}
/* ---------- end secondary navigation ---------- */

div#secondaryExtra {width:220px; background:rgb(255,255,255); background:rgba(255,255,255,.95); margin:5px; padding:10px; color:rgb(87,73,56); 
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.3);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

div#secondaryExtra h2 {font-size:22px; font-weight:normal; color:rgb(0,101,164); background:none; padding:0 0 10px 0; margin:0px 0 5px 0; border-bottom:3px dotted rgb(0,101,164); line-height:24px;}
div#secondaryExtra h3 {font-size:14px; font-weight:normal; color:rgb(0,101,164); background:none; padding:0; margin:10px 0 0 0; line-height:24px;}
div#secondaryExtra p {padding:0 0 5px 0; font-size:11px;}
div#secondaryExtra a {color:rgb(0,101,164);}
div#secondaryExtra a:hover {color:rgb(168,166,16); text-decoration:underline;}
div#secondaryExtra ul {list-style-type:none; margin:0 0 5px 0; padding:0; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; -moz-border-radius:0; -webkit-border-radius:0; background:none; width:auto;}
div#secondaryExtra ul li {font-size:11px; margin:0 0 1px 0; padding:0; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; -moz-border-radius:0; -webkit-border-radius:0; background:none; width:auto;}
div#secondaryExtra ol {list-style-type:none; margin:0 0 5px 0; padding:0; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; -moz-border-radius:0; -webkit-border-radius:0; background:none; width:auto;}
div#secondaryExtra ol li {font-size:11px; margin:0 0 1px 0; padding:0; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; -moz-border-radius:0; -webkit-border-radius:0; background:none; width:auto;}

#secondaryExtra img.sizer1 {height:220px; max-height:220px; height:auto;width:220px; max-width:220px; width:auto;}
* html #secondaryExtra img.sizer1 {height:220px;width:220px;}
#secondaryExtra img.sizer2 {height:110px; max-height:110px; height:auto;width:110px; max-width:110px; width:auto;}
* html #secondaryExtra img.sizer2 {height:110px;width:110px;}
#secondaryExtra img.sizer3 {height:60px; max-height:60px; height:auto;width:60px; max-width:60px; width:auto;}
* html #secondaryExtra img.sizer3 {height:200px;width:60px;}

div#secondaryExtra #leftsidebody img {display:none;}
div#secondaryExtra img.Limg {float:left; margin:4px 8px 4px 0;}
div#secondaryExtra img.Rimg {float:right; margin:4px 0 4px 8px;}


div#secondaryRight{float:right; width:680px; color:rgb(87,73,56); background:rgb(255,255,255); background:rgba(255,255,255,.95); margin:0; padding:10px; min-height:800px; overflow:hidden;
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.3);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

div#secondaryRight h1 {font-size:24px; font-weight:bold; color:rgb(87,73,56); padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:3px dotted rgb(87,73,56); border-bottom:3px dotted rgba(87,73,56,.5); line-height:24px; text-shadow: 0.05em 0.05em 0.05em rgba(0,0,0,.3);}
div#secondaryRight small {font-size:10px;}
div#secondaryRight a {color:rgb(0,101,164); text-decoration:none;}
div#secondaryRight a:hover {color:rgb(87,73,56); text-decoration:underline;}
div#secondaryRight h2 {font-size:20px; font-weight:normal; color:rgb(87,73,56); padding:0; margin:0 0 5px 0; line-height:24px;}
div#secondaryRight h3 {font-size:16px; font-weight:normal; color:rgb(87,73,56); padding:0; margin:0 0 5px 0; line-height:24px;}
div#secondaryRight h4 {font-size:12px; font-weight:bold; color:rgb(87,73,56); padding:0 5px 0; margin:0 0 5px 0; line-height:22px;}
div#secondaryRight p {font-size:12px; line-height:22px; font-weight:normal; color:rgb(87,73,56); padding:0 0 15px 0; margin:0;}
div#secondaryRight span.amp {font-size:11px; font-weight:normal;}
div#secondaryRight ul {list-style-type:disc; margin:0 0 15px 20px; padding:0;}
div#secondaryRight ul li {margin:0 0 2px 0; padding:0;}
div#secondaryRight ol {list-style-type:disc; margin:0 0 15px 20px; padding:0;}
div#secondaryRight ol li {margin:0 0 2px 0; padding:0;}

div#secondaryRight label {float:left; width:65px; font-size:11px;}
div#secondaryRight input.login {padding:4px 1px 4px 1px; margin:0 0 8px 0; background:rgb(255,255,255); background:rgba(255,255,255,.5); width:150px; border:1px solid rgb(124,106,85); color:rgb(124,106,85); font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#secondaryRight input.submit {padding:4px 5px 4px 5px; margin:3px 0 8px 0; background:rgb(255,255,255); background:rgba(255,255,255,.5); width:150px; border:1px solid rgb(124,106,85); color:rgb(0,101,164); font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.3);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
div#secondaryRight input.submit:hover {background:rgb(248,152,29); color:rgb(255,255,255);}

div#secondaryRight img.Limg {float:left; margin:4px 8px 4px 0;}
div#secondaryRight img.Rimg {float:right; margin:4px 0 4px 8px;}

body #secondaryRight p.Limg {float:left; margin:4px 8px 0 0; padding:0; !Important; }
body #secondaryRight p.Rimg {float:right; margin:4px 0 0 8px; padding:0;!Important; }

body #secondaryRight .small {width:200px;}
body #secondaryRight .medium {width:300px;}
body #secondaryRight .large {width:400px;}
body #secondaryRight .small img {width:200px;}
body #secondaryRight .medium img { width:300px;}
body #secondaryRight .large img { width:400px;}

#secondaryRight img.sizer1 {height:400px; max-height:400px; height:auto;width:400px; max-width:400px; width:auto;}
* html #secondaryRight img.sizer1 {height:400px;width:400px;}
#secondaryRight img.sizer2 {height:300px; max-height:300px; height:auto;width:300px; max-width:300px; width:auto;}
* html #secondaryRight img.sizer2 {height:300px;width:300px;}
#secondaryRight img.sizer3 {height:200px; max-height:200px; height:auto;width:200px; max-width:200px; width:auto;}
* html #secondaryRight img.sizer3 {height:200px;width:200px;}

.photoalbum {margin:10px 0 10px 0; width:660px; overflow:hidden;}
.photourl {margin:0 0 5px 0;}
.photocaption {font-size:11px; padding:0 4px 0 4px; margin:0 0 15px 0;}

/* search results styles */
table.searchTable {background:none;}
table.searchTable td {padding:5px; line-height:17px; border-right:1px solid rgb(180,173,163); border-bottom:1px solid rgb(180,173,163);}
.resultRowOne {font-family:Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; font-size:11px; color:rgb(87,73,56); padding:6px 6px 6px 8px ;background:rgb(230,230,223);}
.resultRowTwo {font-family:Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif; font-size:11px; color:rgb(87,73,56); padding:6px 6px 6px 8px; background:rgb(202,202,184);}

/* calendar of events */
.calendar {display:block; background:url(http://www.childhoodleague.org/images/common/calendarbig.png) no-repeat 0 0;}
.calendarinfo {padding:0 0 0 65px; min-height:48px;}
.calendarmonth {font-weight:normal; font-size:11px; font-family:Verdana, Geneva, sans-serif; width:60px; text-align:center; padding:12px 0 0 0; line-height:14px; float:left;}

/* main news page */
.newsleft {float:left; width:330px;}
.newsright {float:right; width:330px;}

.videoplayershellhome {width:175px; overflow:hidden; float:left; margin:10px 15px 10px 0;}
.videoplayerthumbhome {height:113px; width:175px; overflow:hidden; background:url(http://www.childhoodleague.org/images/common/videocontrols175x15.gif) no-repeat bottom;}
.videoplayerlinkhome {margin:5px 2px 5px 2px;}

.videoplayershell {width:120px; overflow:hidden; float:left; margin:10px 15px 10px 0;}
.videoplayerthumb {height:77px; width:120px; overflow:hidden; background:url(http://www.childhoodleague.org/images/common/videocontrols120x10.gif) no-repeat bottom;}
.videoplayerlink {margin:5px 2px 5px 2px;}

/* conditional table data */
div#bodycontent table {width:680px; overflow:hidden;}
div#bodycontent table td.info {width:325px; padding:5px;}
div#bodycontent table td.space {width:5px;}
div#bodycontent table td.photos img {width:315px; margin:0 0 10px 0;}

div.infoLeft {width:325px; padding:5px; float:left;}
div.infoRight {width:325px; padding:5px; float:right;}
div.photos img {width:315px; margin:0 0 10px 0;}

/* update your info form */
div#secondaryRight form.updateInfo div {margin:0 0 5px 0;}
div#secondaryRight form.updateInfo label {font-size:12px; display:block; float:none; width:auto; margin:0 0 3px 0; line-height:14px;}
div#secondaryRight form.updateInfo input.text {float:none; display:block; padding:4px 1px 4px 1px; margin:0 0 8px 0; background:rgb(255,255,255); background:rgba(255,255,255,.5); width:300px; border:1px solid rgb(124,106,85); color:rgb(124,106,85); font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
div#secondaryRight form.updateInfo input.submit {padding:4px 5px 4px 5px; margin:3px 0 8px 0; background:rgb(255,255,255); background:rgba(255,255,255,.5); width:150px; border:1px solid rgb(124,106,85); color:rgb(0,101,164); font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;
-moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,.3);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
div#secondaryRight form.updateInfo input.submit:hover {background:rgb(248,152,29); color:rgb(255,255,255);}

/* site map styles */
div.sitemap a {padding:0 0 0 18px; background:url(http://www.childhoodleague.org/images/common/subLink.png) no-repeat 0 0;}
div.sitemap a.headLink {font-weight:bold; padding:0; background:none;}
div#secondaryRight div.sitemap p {margin:0 0 5px 0; padding:0; !Important;}

/* logout button styles */
div#secondaryRight a.logout {color:rgb(255,255,255); text-decoration:none; float:right; margin:0 10px 0 0; padding:3px 5px 3px 5px; background:rgb(248,152,29); border:1px solid rgb(167,112,42);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
div#secondaryRight a.logout:hover {color:rgb(255,255,255); text-decoration:underline;}