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

body {
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	color:#7a7a7a;
	background:url('http://www.takestockinchildren.com//images/structure/bgBody.png') repeat-x #ececec top;
	}
	
.clear {
	clear:both;
	}
	
.floatLeft {
	float:left;
	padding:5px 10px 5px 0;
}
	
	
a:link, a:visited {
	text-decoration:none;
	color:#f57615;
}

a:hover {
	text-decoration:underline;
	color:#f57615;
}

span#calendarDates {
       text-transform:uppercase;
}




/***************** Global Nav  ****************/



#globalNavWrapper {
	background-color:#636466;
	width:100%;
	margin:0 auto;
	padding:0;
	}
	
	
#globalNav {
	background-color:#636466;
	width:900px;
	margin:0 auto;
	text-align:right;
	padding:0;
	height:26px;
	font-size:.85em;
	color:#fff;
	text-transform:lowercase;
	}
	
#globalNav ul {
	float:right;
	margin:0;
	padding:5px;
}
	
#globalNav li {
	margin:0;
	list-style:none;
	display:inline;
	}
	
#globalNav li a, #globalNav li a:visited {
	margin:0px;
	padding:5px;
	color:#fff;
	text-decoration:none;

	}
	
#globalNav li a:hover, #globalNav li a:active {
	background:#f57615;	
	color:#fff;
	text-decoration:none;
}

body#home #globalNav li.home a {
	background:#f57615;
	color:#fff;
	text-decoration:none;
	}

body#about #globalNav li.about a {
	background:#f57615;
	color:#fff;
	text-decoration:none;
	}


body#store #globalNav li.store a {
	background:#f57615;
	color:#fff;
	text-decoration:none;
	border-right:1px solid #f57615;
	}

body#sponsors #globalNav li.sponsors a {
	background:#f57615;
	color:#fff;
	text-decoration:none;
	border-right:1px solid #f57615;
	}

body#contact #globalNav li.contact a {
	background:#f57615;
	color:#fff;
	text-decoration:none;
	border-right:1px solid #f57615;
	}


	
/***************** Header  ****************/	
	
	
#header {
	width:900px;
	margin:0 auto;
	}
	
#headerLeft {
	width:578px;
	height:141px;
	float:left;
	margin:0;
	padding:0;
	}
	

h1#logo {
	background:url(http://www.takestockinchildren.com//images/structure/logo.png) no-repeat;
	width:578px;
	height:141px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}
	
#headerRight {
	float:right;
	width:322px;
	margin:0;
	padding:0;
	}
	
#search {
	float:right;
   	width:244px;
        height:46px;
	background:url(http://www.takestockinchildren.com//images/structure/inputSearch.png) no-repeat;
	font-size:1.2em;
	margin-top:90px;
	color:#7a7a7a;
}

#search #s {
	float:left;
    padding:0;
    margin:15px 0 3px 14px;
    border:0;
    width:150px;
    background: none;
}


#search #go {
    float:right;
    margin:10px 4px 10px 0;
}	
	

/***************** Nav  ****************/

	
#nav {
	width:900px;
	margin:0 auto;
	clear:both;
	display:inline;
	padding:0;
	height:38px;
	list-style:none;
	overflow:hidden;
	}
	
#nav ul {
	float:left;
	margin:0;
	padding:0;
	}
	
#nav li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}
	
#nav li a {
	float:left;
	padding:38px 0 0 0;
	overflow:hidden;
	height:0px !important;
	height:/**/:38px;
	}
	
#nav li a:hover {
	background-position:0 -38px;
	}
	
#nav a:active {
	background-position:bottom left;
	}
	
#nav li.do a {
	width:140px;
	background: url("http://www.takestockinchildren.com//images/structure/navDo.png") top left no-repeat;
	}

body#do #nav li.do a {
	width:140px;
	background: url("http://www.takestockinchildren.com//images/structure/navDo.png") bottom left no-repeat;
	}

#nav li.do a:hover {
	width:140px;
	background: url("http://www.takestockinchildren.com//images/structure/navDo.png") bottom left no-repeat;
	}
	
	
#nav li.work a {
	width:165px;
	background: url("http://www.takestockinchildren.com//images/structure/navWork.png") top left no-repeat;
	}

body#work #nav li.work a {
	width:165px;
	background: url("http://www.takestockinchildren.com//images/structure/navWork.png") bottom left no-repeat;
	}

#nav li.work a:hover {
	width:165px;
	background: url("http://www.takestockinchildren.com//images/structure/navWork.png") bottom left no-repeat;
	}
	
	
	
#nav li.help a {
	width:197px;
	background: url("http://www.takestockinchildren.com//images/structure/navHelp.png") top left no-repeat;
	}

body#help #nav li.help a {
	width:197px;
	background: url("http://www.takestockinchildren.com//images/structure/navHelp.png") bottom left no-repeat;
	}

#nav li.help a:hover {
	width:197px;
	background: url("http://www.takestockinchildren.com//images/structure/navHelp.png") bottom left no-repeat;
	}
	
	
	
#nav li.resources a {
	width:215px;
	background: url("http://www.takestockinchildren.com//images/structure/navSupport.png") top left no-repeat;
	}

body#resources #nav li.resources a {
	width:215px;
	background: url("http://www.takestockinchildren.com//images/structure/navSupport.png") bottom left no-repeat;
	}

#nav li.resources a:hover {
	width:215px;
	background: url("http://www.takestockinchildren.com//images/structure/navSupport.png") bottom left no-repeat;
	}
	
	
	
#nav li.success a {
	width:183px;
	background: url("http://www.takestockinchildren.com//images/structure/navSuccess.png") top left no-repeat;
	}

body#success #nav li.success a {
	width:183px;
	background: url("http://www.takestockinchildren.com//images/structure/navSuccess.png") bottom left no-repeat;
	}

#nav li.success a:hover {
	width:183px;
	background: url("http://www.takestockinchildren.com//images/structure/navSuccess.png") bottom left no-repeat;
	}
	
	
	
/**********Drop Downs*****************/

.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background:url(http://www.takestockinchildren.com//images/structure/bgVideo.png) repeat-x top #db6002; 
border: 2px solid #db6002;
border-top:none;
padding: 10px;
font: normal 12px Arial;
z-index: 100;

}

.megamenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;

}

.megamenu .column ul li{
padding: 7px;
border-bottom:1px solid #f57d22;
}

.megamenu .column h3{
background: #db6002;
font: 13px Arial;
margin: 0 0 5px 0;
padding:5px;
text-transform:uppercase;
color:#fff;
}

.megamenu .column ul li a{
text-decoration: none;
color:#fff;
padding:7px;
}

.megamenu .column ul li a:hover{
color:#fff;
background:#db6002;
}


/***************** Main Content ****************/


#mainContent {
	width:900px;
	margin:0 auto;
	clear:both;
        background:#fff;
	}

#mainLeft {
	float:left;
	width:600px;
	margin:0;
	padding:0;
}

#videos {
	width:569px;
	margin:0 auto;
	margin-top:-25px;
	background:url(http://www.takestockinchildren.com//images/structure/bgVideo.png) top repeat-x #de6204;
}

h2#h2Videos {
	background:url(http://www.takestockinchildren.com//images/structure/h2Video.png) no-repeat;
	width:569px;
	height:34px;
	text-indent:-9999px;
}



.videoThumb {
	float:left;
	margin:0 10px 10px 15px;
}
	

#mainRight {
	float:left;
	width:257px;
	margin:20px auto 0 20px;
}

h3#mainRightQuoteDo {
	float:left;
	width:304px;
	height:292px;
	margin:10px -15px 0 -2px;
	padding:0;
	background:url(http://www.takestockinchildren.com//images/structure/quoteBoxDo.png) no-repeat;
	text-indent:-9999px;
}

h3#mainRightQuoteOurSuccess {
	float:left;
	width:304px;
	height:292px;
	margin:10px -15px 0 -2px;
	padding:0;
	background:url(http://www.takestockinchildren.com//images/structure/quoteBoxOurSuccess.png) no-repeat;
	text-indent:-9999px;
}


h3#mainRightQuoteMentor {
	float:left;
	width:304px;
	height:292px;
	margin:10px -15px 0 -2px;
	padding:0;
	background:url(http://www.takestockinchildren.com//images/structure/quoteBoxMentor.png) no-repeat;
	text-indent:-9999px;
}

h3#mainRightQuoteDonate {
	float:left;
	width:304px;
	height:292px;
	margin:10px -15px 0 -2px;
	padding:0;
	background:url(http://www.takestockinchildren.com//images/structure/quoteBoxDonate.png) no-repeat;
	text-indent:-9999px;
}

h3#mainRightQuoteSuccessStories {
	float:left;
	width:304px;
	height:292px;
	margin:10px -15px 0 -2px;
	padding:0;
	background:url(http://www.takestockinchildren.com//images/structure/quoteBoxSuccessStories.png) no-repeat;
	text-indent:-9999px;
}

h3#mainRightQuoteSupport {
	float:left;
	width:304px;
	height:292px;
	margin:10px -15px 0 -2px;
	padding:0;
	background:url(http://www.takestockinchildren.com//images/structure/quoteBoxSupport.png) no-repeat;
	text-indent:-9999px;
}

.rightBoxes {
	background:url(http://www.takestockinchildren.com//images/structure/bgRightBoxes.png) repeat-y;
}

.rightBoxes p {
	font-size:.8em;
	width:220px;
	margin:auto;
}

h1#h1Philanthropist {
	background:url(http://www.takestockinchildren.com//images/structure/h1RightBoxesPhilanthropist.png) no-repeat;
	width:257px;
	height:55px;
	text-indent:-9999px;
	margin-top:-5px;
}

h2.h2ButtonVolunteer a {
	display: block;
	width: 257px;
	height: 46px;
	background-color: transparent;
	background-image: url(http://www.takestockinchildren.com//images/structure/buttonRightBoxesVolunteer.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	text-indent:-9999px;
	margin:-15px 0 0 0;
	padding:0;
	}

h2.h2ButtonVolunteer a:hover {
	background-position: 0px -46px;
}


h1#h1Mentor {
	background:url(http://www.takestockinchildren.com//images/structure/h1RightBoxesMentor.png) no-repeat;
	width:257px;
	height:55px;
	text-indent:-9999px;
	margin-top:-5px;
}

h2#h2ButtonVolunteer {
	background:url(http://www.takestockinchildren.com//images/structure/buttonRightBoxesDonate.png) no-repeat;
	width:257px;
	height:46px;
	text-indent:-9999px;
}


h2.h2ButtonDonate a {
	display: block;
	width: 257px;
	height: 46px;
	background-color: transparent;
	background-image: url(http://www.takestockinchildren.com//images/structure/buttonRightBoxesDonate.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	text-indent:-9999px;
	margin:-15px 0 0 0;
	padding:0;
	}

h2.h2ButtonDonate a:hover {
	background-position: 0px -46px;
}
	


	
/************CONTENT*****************/	
	
#content {
	width:900px;
	margin:0 auto;
	background:#fff;
	padding-bottom:20px;
	background:url(http://www.takestockinchildren.com//images/structure/bgContent.png) no-repeat top #fff;
}

body#work #content {
	width:900px;
	margin:0 auto;
	background:#fff;
	padding-bottom:20px;
	background:#fff;
}

#leftColInset {
       float:left;
       clear:both;
       width:580px;
       margin:10px 0px 10px 0;
       background:url(http://www.takestockinchildren.com//images/structure/bgVideo.png) repeat-x top #db6002; 
       color:#fff;
       font-size:.8em;
       padding:10px;
       text-transform:uppercase;
}

#leftColInset ul {
      width:100%;
      margin:0;
      padding:0;
      text-align:center;
}

#leftColInset li {
      list-style:none;
      display:inline;
      border-right:1px solid #fff;
      }

#leftColInset li.last {
      list-style:none;
      display:inline;
      border:none;
      }

#leftColInset li a, #leftColInset li a:visited {
      text-decoration:none;
      color:#fff;
      padding:5px;
     }

	
#leftColInset li a:hover {
      text-decoration:underline;
      color:#fff;
      }

#leftCol {
	float:left;
	width:600px;
	margin-top:20px;
	min-height:300px;
	}
	
	
.breadcrumbs {
	width:560px;
	color:#9b9b9b;
	padding-top:20px ;
	padding-bottom:10px;

	}
	
	
.breadcrumbs a:link, .breadcrumbs a:visited {
	color:#9b9b9b;
	text-decoration:none;
	}
	
.breadcrumbs a:hover {
	color:#9b9b9b;
	text-decoration:underline;
	}


#leftCol p {
	width:500px;
	margin:0 auto;
	line-height:2em;
	padding-bottom:10px;
	}
	
#leftCol ul {
	margin-left:30px;
	width:380px;
	line-height:1.25em;
	list-style:disc;

}

#leftCol li {
	font-size:.8em;
	padding:0 0 10px 0;

	}
	
#leftCol h1 {
	font-size:1.5em;
	color:#db6002;
	border-bottom:1px solid #cacaca;
	text-transform:uppercase;
	font-weight:lighter;
	margin:20px auto 8px 48px;
        padding-bottom:5px;

}

#leftCol .story h1 {
	font-size:1.75em;
	color:#db6002;
	border-bottom:1px solid #cacaca;
	text-transform:uppercase;
	font-weight:lighter;
	margin:20px auto 8px 0px;
        padding-bottom:5px;
}

#leftCol .story h2 {
	width:480px;
	color:#7a7a7a;
	font-size:1.6em;
	font-weight:lighter;
        text-transform:capitalize;
	margin:20px auto 10px 0px;
}


#leftCol .story h3 {
	margin:8px auto 3px 0px;
	color:#f57615;
	font-size:1.4em;
	font-weight:lighter;
	text-transform:uppercase;
        clear:none;	
}	
	
#leftCol .story h4 {
	width:480px;
	margin:10px auto 3px 0px;
	color:#636466;
	font-size:.8em;
	font-weight:normal;
	text-transform:uppercase;
	padding:20px 0 5px 0;	
	}


#leftCol .story {
	border-bottom:1px solid #cacaca;
	width:500px;
	margin:0 auto;
        padding-bottom:20px;
        line-height:1.75em;
        clear:left;
}

#leftCol .story img {
	float:left;
	width:auto;
	margin:10px 10px 2px 0;
}

h2.h2ContentButtonDonate a {
	display: block;
	width: 257px;
	height: 46px;
	background-color: transparent;
	background-image: url(http://www.takestockinchildren.com//images/structure/buttonDonate.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	text-indent:-9999px;
	margin:-15px 0 0 0;
	padding:0;
	}

h2.h2ContentButtonDonate a:hover {
	background-position: 0px -46px;
}

h2.h2ContentBigButtonDonate a {
	display: block;
	width: 255px;
	height: 60px;
	background-color: transparent;
	background-image: url(http://www.takestockinchildren.com//images/structure/buttonBigDonate.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	text-indent:-9999px;
	margin:-15px 0 0 0;
	padding:0;
	}

h2.h2ContentBigButtonDonate a:hover {
	background-position: 0px -60px;
}	

h2.h2ContentBigButtonVolunteer a {
	display: block;
	width: 255px;
	height: 60px;
	background-color: transparent;
	background-image: url(http://www.takestockinchildren.com//images/structure/buttonBigVolunteer.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	text-indent:-9999px;
	margin:-15px 0 0 0;
	padding:0;
	}

h2.h2ContentBigButtonVolunteer a:hover {
	background-position: 0px -60px;
}	

h2.h2ContentButtonLearnMore a {
	display: block;
	width: 257px;
	height: 46px;
	background-color: transparent;
	background-image: url(http://www.takestockinchildren.com//images/structure/buttonLearnMore.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
	text-indent:-9999px;
	margin:-15px 0 0 0;
	padding:0;
	}

h2.h2ContentButtonLearnMore a:hover {
	background-position: 0px -46px;
}
	
/**** RIGHT COLUMN ****/	
	
#rightCol {
	float:right;
	width:300px;
	background:url(http://www.takestockinchildren.com//images/structure/bgRightColumn.png) repeat-y;
	margin-right:-12px;
	font-size:.9em;
	}


#rightColHome {
	float:right;
	width:300px;
	background:url(http://www.takestockinchildren.com//images/structure/bgRightColumn.png) repeat-y;
	margin-right:-12px;
	margin-top:20px;
	font-size:.9em;
	}
	

	
#rightCol p, #rightColHome p {
	width:230px;
	margin-left:40px;
	margin-top:-15px;
	margin-bottom:30px;
}

#rightCol p.platinum, #rightColHome p.platinum {
	width:165px;
	margin:-15px auto 20px auto;
	padding:0;
	text-align:center;
        font-size:1.25em;
}

#rightCol p.sponsors, #rightColHome p.sponsors {
	width:165px;
	margin:-15px auto 20px auto;
	padding:0;
	text-align:center;
	
}

#rightCol form.drops, #rightColHome form.drops {
        margin-top:-20px;
}

#rightCol form.dropsCalendar, #rightColHome form.dropsCalendar {
        margin-top:-20px;
}

#rightCol #programSearch, #rightColHome #programSearch {
	width:200px;
	margin-left:40px;
        margin-top:15px;
}
	
#rightColFooter {
	background:url(http://www.takestockinchildren.com//images/structure/bgFooterRightColumn.png) bottom no-repeat;
	width:300px;
	height:25px;
}
	
	
h3#h3-program {
	background:url(http://www.takestockinchildren.com//images/structure/h3FindProgram.png) no-repeat;
	width:300px;
	height:98px;
	text-indent:-9999px;
	margin:0;
	padding:0;
	}
	
	
h3#h3-calendar {
	background:url(http://www.takestockinchildren.com//images/structure/h3Calendar.png) no-repeat;
	width:300px;
	height:85px;
	text-indent:-9999px;
	}
	
	
h3#h3-eNews {
	background:url(http://www.takestockinchildren.com//images/structure/h3eNews.png) no-repeat;
	width:300px;
	height:87px;
	text-indent:-9999px;
	}
	
	
h3#h3-sponsors {
	background:url(http://www.takestockinchildren.com//images/structure/h3Sponsors.png) no-repeat;
	width:300px;
	height:85px;
	text-indent:-9999px;
	}
	

#subscribe {
	float:left;
   	width:229px;
    height:37px;
	background:url(http://www.takestockinchildren.com//images/structure/inputSubscribe.png) no-repeat;
	font-size:1.2em;
	color:#7a7a7a;
	margin:-25px 0 0px 38px;
}

#subscribe #s2 {
	float:left;
    padding:0;
    margin:10px;
    border:0;
    width:120px;
    background: none;
}


#subscribe #submit {
    float:right;
    margin:4px 4px 4px 0;
}	


	
#footerWrapper {
	width:900px;
	margin:0 auto;
	clear:both;
	padding-top:5px;
	}
	
	
#footer {
	clear:both;
	background:url(http://www.takestockinchildren.com//images/structure/bgFooter.png) repeat-x top #de6204;
	width:900px;
	margin:0;
	padding:0;
}

#footer a:link, #footer a:visited {
        color:#fff;
        text-decoration:none;
        }

#footer a:hover {
        color:#fff;
        text-decoration:underline;
        }


.footerCol {
	float:left;
	width:250px;
	margin:20px 15px 10px 15px;
	color:#fff;
	font-size:.7em;
	}
	
li.footerHead {
	text-transform:uppercase;
	padding-bottom:5px;
	}
	
li.last {
	border-bottom:1px solid #fff;
	padding-bottom:8px;
	}
	
.footerCol li {
	list-style:none;
	}


#creditsWrapper {
	background-color:#636466;
	width:100%;
	margin:0 auto;
	padding:2px;
	}
	
#credits {
	width:900px;
	margin:0 auto;
	color:#ccc;
	font-size:.7em;
	padding-bottom:5px;
	height:57px;

	}
	
	
#credits a:link, #credits a:visited {
	text-decoration:none;
	color:#ccc;
	}
	
#credits a:hover {
	color:#fff;
	text-decoration:none;
	}



.program {
      margin:0px 0 20px 40px;
      padding-top:-20px;
}

.videoMain {
     width:240px;
     margin:4px;
     border:1px solid #eee;
background: #282828;
     float:left;
}

#leftCol .story .videoMain img  {
     display:block;
     width:240px;
margin:0;
border:0;
}

.videoMain p {
     float:left;
width:240px;
margin:0 0 0 5px;
     }

.productsMain {
     width:150px;
     height:225px;
     margin:5px;
     border:1px solid #eee;
     float:left;
}

#leftCol .story .productsMain img  {
     display:block;
     width:150px;
margin:0;
border:0;
}

.productsMain p {
     float:left;
     padding-left:15px;
     }

.productsDetail {
     width:500px;
}

.productsDetail img  {
    float:left;
     width:250px;
}

#storeButtons {
   float:right;
   height:35px;
   overflow:hidden;
   margin:0 -10px 0 10px;
}

.story form {
margin-top:-20px;
}

.story form.drops {
margin:0px 0 -20px -40px;
}


 table#findProgramWrapper {
   width:300px;
   padding:10px;
   border: 1px solid #ccc;
   background-color:#f4f6de;
}

td#findProgramWrapper {
   width:150px;
}

ul {
margin:0;
}

.toolKit a{
font-size:1.1em;
}

.toolKit{
margin:-10px;
}

.bioHolder {
padding:25px;
border: 10px solid #787878;
background-color: #eeeeee;
}

.viewAll {
float:right;
margin:20px 0 0 0;
}

.blueText {
color:#00B0AE;
font-weight:bold;
}

.greenText {
color:#C3D021;
font-weight:bold;
}

#photoGallery {
margin:15px;
}

#photoGallery img {
margin:2px 2px 10px 2px;
}

.imageBG .paddedborder img {
width:575px;
}

#photoGallery td.thumbs a:after {
content: attr(title);
}

/* By default, we tilt all our images -2 degrees */
#photoGallery td.thumbs {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
}
  
/* Rotate all even images 2 degrees */
#photoGallery td.thumbs:nth-child(even) {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
}
 
/* Don't rotate every third image, but offset its position */
#photoGallery td.thumbs:nth-child(3n) {
-webkit-transform: none;
-moz-transform: none;
position: relative;
top: -5px;
}
 
/* Rotate every fifth image by 5 degrees and offset it */
#photoGallery td.thumbs img:nth-child(5n) {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
position: relative;
right: 5px;
}

/* Keep default rotate for every eighth, but offset it */
#photoGallery .thumbs img:nth-child(8n) {
position: relative;
top: 8px;
right: 5px;
}
 
/* Keep default rotate for every eleventh, but offset it */
#photoGallery .thumbs img:nth-child(11n) {
position: relative;
top: 3px;
left: -5px;
}

/* Scale the images on hover, add transitions for smoothing things out, and ensure the hover appears on top */
#photoGallery .thumbs img:hover {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
position: relative;
z-index: 5;
}

/* Add drop shadows and smooth out the transition (Safari only) */
#photoGallery .thumbs img{
-webkit-transition: -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

/* On hover, darken the shadows a bit */
#photoGallery .thumbs img{
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
}