/********************************************************************
    File:   
        programsCSS.css

 
*********************************************************************/
     

#programsContentContainer
{
  width: 800px;
  margin-left: 0px;
  margin-top: 4px;
  background-color: transparent;
}

 
#programsContainer
{
    width: 800px;
    float:left;
    padding-bottom: 0px; 
	background-color: transparent;
}

#progtopbox
{
	display: block;
	width: 800px;
	height: 76px;
	background:url(../images/program_title.png) no-repeat;
	position: relative;
	
}

#progtopbox2
{
	display: block;
	width: 800px;
	height: 76px;
	background:url(../images/doodletitle.png) no-repeat;
	position: relative;
	
}
#progtopbox3
{
	display: block;
	width: 800px;
	height: 76px;
	background:url(../images/poohtitle.png) no-repeat;
	position: relative;
	
}
#progtopbox4
{
	display: block;
	width: 800px;
	height: 76px;
	background:url(../images/jungletitle.png) no-repeat;
	position: relative;
	
}
#progtopbox5
{
	display: block;
	width: 800px;
	height: 76px;
	background:url(../images/imaginationtitle.png) no-repeat;
	position: relative;
	
}
#progtopbox6
{
	display: block;
	width: 800px;
	height: 76px;
	background:url(../images/pandatitle.png) no-repeat;
	position: relative;
	
}
#progtopbox7
{
	display: block;
	width: 800px;
	height: 76px;
	background:url(../images/creativetitle.png) no-repeat;
	position: relative;
	
}
#programtoppic
{
	width: 800px;
	height: 167px;
	background-image:url(../images/program_toppic.gif);
	position: relative;
	
	}
.programtoppicimage
{
	margin-top: 16px;
	margin-left: 17px;
	position: absolute;
	background:url(/images/column-box-image.gif) no-repeat top center;
	}	
	
	.programbottompicimage
{
	margin-top: 13px;
	margin-left: 17px;
	position: absolute;
	}	
.programtoppictxt
{
	width: 530px;
	height: 135px;
	margin-top: 19px;
	margin-left: 253px;
	position: absolute;
	font-family: Verdana;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	-x-system-font: none;
	color: #786643;
	line-height: 120%;
}
.prog-top-pic
{
	margin-left: 15px;
	margin-top:  30px;

	
	}
.prog-top-conent
{
	margin-top: 50px;
	margin-left: 35px;
	position: relative;
	width: 530px;
}



#programsSmallInfo
{
    width: 800px;
    min-height: 300px;
    background-color: #d8effb;
    margin-bottom: 20px;
    margin-top: 40px;
}

#programsSmallInfo .column
{
    width: 460px;
    background-color:transparent;
}

.column-box-bottom p, #tabs div div p, .column-box-bottom-small p {
	margin-top: 15px;
	padding:0 0px;
	display: block;
	color: #666;
	line-height: 16px;
	letter-spacing: 0em;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 13px;
	text-decoration: none;
}
.column-box-list {
	margin:0 0 -30px 0; padding:0;
	list-style:none;
	background:url(images/latest-news-back.gif) no-repeat top left;
}

	.column-box-list li {
		margin:0 0 50px 0; padding:0;
		width:175px; height:auto;
		background:#fdfdfa;
	}
	
		.column-box-top-small {
			margin:0 0 15px 0; padding:0;
			width:173px; height:auto;
			background:#fffffe url(images/column-box-top-small.gif) no-repeat top center;
		}
	
	.column-box-list li {
		margin:0 25px 30px 0;
		float:left;
	}
	
		.column-box-list li.last {
			margin:0;
		}
	
	.column-box-bottom {
		margin:0; padding:10px 10px 25px 10px;
		width:150px; height:auto;
		background:url(images/column-box-bottom.gif) no-repeat bottom center;
	}
	
		.column-box-list li.long .column-box-bottom {
			background-color: transparent;
			height: auto;
		}
		
		.column-box-list li.long:hover
{
    background-color: #ddf2fc;
	
}
	
	.featuredCon {
	display:block;
	position:relative;
	width:150px;
	height: 25px;
	cursor:pointer;
	padding-bottom: 10px;
	padding-top: 5px;
	}
	.column-box-list li.long .details {
	position:absolute;
	display:block;
	overflow: hidden;
	top:10px;
	left:-15px;
	width:75px;
	padding:2px;
	background:url(/images/learnbox.png);
	cursor:pointer;
	}
	.column-box-list li.long .details .learnmore {
	display:block;
	margin-bottom:2px;
	color:#fff;
	text-transform: uppercase;
	color: #fefefe;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 32px;
	font-weight: normal;
	font-variant: normal;
	}
	
		.column-box-bottom-small {
			margin:0; padding:15px 15px 10px 15px;
			width:175px; height:auto; display:block;
			background:url(images/column-box-bottom-small.gif) no-repeat bottom center;
			overflow:visible;
		}
		
			.column-box-bottom-small p {
				margin:10px 0;
			}
	
	.column-box-image {
		margin:0 0 3px 0; padding:0 0 0 3px;
		width:149px; height:113px; display:block;
		background-color: transparent;
		background:url(/images/column-box-image.gif) no-repeat top center;
		border: 0px solid #ccc;
  
		
		
	}
	.column-box-image2 {
		margin:0 0 3px 0; padding:0 0 0 3px;
		width:198px; height:144px; display:block;
		background-color: transparent;
		background:url(/images/column-box-image2.gif) no-repeat bottom center;
		border: 0px solid #ccc;
  
		
		
	}
	
	.clearfix {
    display: inline-block;
}




* html .clearfix {

    height: 1%;

}

	.progsubtitle {
	display: block;

	color: #3399CC;
	
	font-weight: bold;

	font:14px/18px "Lucida Grande", Arial, Verdana, sans-serif;

	line-height: 18px;

	letter-spacing: -0.01em;
	}
	
			.progcopy p{
	display: block;

	color: #3399CC;
	

	font:12px/16px "Lucida Grande", Arial, Verdana, sans-serif;

	line-height: 16px;

	letter-spacing: -0.01em;
	}
	
.articlecat {
	margin:0 0 8px 0;	
}

.articlecat a{
	display:inline-block;
	height:26px;
	line-height:26px;
	padding:0 10px;
	color:#EA003C;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}

.articlecat span{
	float:left;
}


.articlecat span a{
	background:none;
	padding:0px 0px 0 0;
}

#programsSmallInfo .item
{
    width: 460px;
    height: 110px;
    background-color: #FFF;
    margin-bottom: 10px;
}

#programsSmallInfo .desc
{
    width: 330px;
    height: 100px;
    float: left;
}

#programsSmallInfo .text
{
    font:11px Verdana;
    color:#000;
    margin-top: 5px;
}

#programsSmallInfo .title
{
    font: 20px Verdana;
    color: #3399cc;
} 

#programsSmallInfo .image
{
    width: 100px;
    height: 100px;
    padding: 3px;
    border:0px solid #eee;
    float:left;
    margin-right: 10px;
    
    background-image: url('../img/common/ajax/loading1.gif');
    background-repeat:no-repeat;
    background-position: 50% 50%;
}

#programsBigInfo
{
	width: 800px;
	background-color: transparent;
	display:inline;
}

#progcontainer ul
{
margin-bottom: 20px;
padding-bottom: 20px;
padding-top: 20px;
list-style-type: none;
text-align: left;
}

#progcontainer ul li { display: inline;
margin-top: 15px;

margin-right: 0pt;

margin-bottom: 15px;

margin-left: 0pt;

padding-top: 15px;

padding-right: 15px;

padding-bottom: 25px;

padding-left: 0px;
 }

#progcontainer ul li a
{
text-decoration: none;
margin-bottom: 15px;
padding-bottom: 15px;
}

#progcontentconainer 
{
display:block;
width: 167px;
height: 319px;
text-align: left;
background-color:#FFFFFF;
}
#programsBigInfo .item
{
    width: 790px;
    min-height: 160px;
    padding-top:15px;
    border-top: 0px solid #eee;
    margin-bottom: 0px;
	margin-left: 6px;
    background-color:transparent;
}
#progwrapper
{
	width: 750px;
	height: 325px;
	text-align: left;
	display:inline;
	padding-right: 8px;
}
#progbox
{
	width: 160px;
	height: 320px;
	text-align: left;
	margin-left: 10px;
	margin-right: 6px;
	display:inline;
	background-image:url(../images/programbg.png);
}


#col1
{
    width: 567px;
    height: 475px;
    position: relative; 
	background-color: #d4eefb;
	float: right;
}

#col2
{
    width: 233px;
    height: 475px;
    position: relative; 
	background-color: #d4eefb;
	display: inline;
	float: left;
}

#visitcenter h3{ text-indent: -9999px; background: url(../images/visitcenter.gif) top left no-repeat; width: 210px; height: 24px; margin-top: 8px; margin-left: 13px; }
.listHolder 

{

clear: both;

padding-top: 1.1em;

padding-right: 0pt;

margin-left: 13px;

margin-right: 13px;

padding-bottom: 1.1em;

padding-left: 0pt;

background-color: transparent;

background-image: url("../images/spacer.gif");

background-repeat: repeat-x;

background-attachment: scroll;

background-position: left bottom;

}
.listHolder ul
{
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	font-weight: bold;

}
.operation
{
color: #12a6c0;
}
.hours
{
color: #ea003c;
}
.callus
{
color: #65696c;
}

ul.list-o-btns{ padding: 0; list-style: none; }
ul.list-o-btns li{ display: inline; overflow: hidden; text-indent: -9999px; }
ul.list-o-btns{ margin-top: 0; padding: 0; list-style: none; }
ul.list-o-btns li{ display: inline; overflow: hidden; text-indent: -9999px; }
ul.list-o-btns li a{ width: 98px; height: 19px; display: block; overflow: hidden; float: left; }
ul.list-o-btns li a:hover{  }
ul.list-o-btns li a.contact{ background: url(../images/btn-contact.gif) top left no-repeat; }
ul.list-o-btns li a:hover.contact{ background-position: 0 -19px; }
ul.list-o-btns li a.testim{ background: url("../images/btn-testimonials.gif") top left no-repeat; }
ul.list-o-btns li a:hover.testim{ background-position: 0 -19px; }

#programsBigInfo .image
{
    width: 150px;
    height: 131px;
    background-color: #fff;
    padding: 3px;
    border: 1px solid #ddd;
    float: right;
    
    background-image: url('../img/common/ajax/loading1.gif');
    background-repeat:no-repeat;
    background-position: 50% 50%;    
}

#programsBigInfo .desc
{
    height: 248px;
    width: 400px;
    float: left;
    font: 11px Verdana;
    line-height: 130%;
    color:#000;
}

#programsBigInfo .title
{
    font: 28px Verdana;
    color: #3399cc;
}

#programsBigInfo .subtitle
{
    font: 14px Verdana;
    color: #999;
    margin-bottom: 10px;
}

/****************************************** 
   FEATURES LIST
*******************************************/

#featuresContainer
{
    width: 800px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    height: 170px;   
    overflow: hidden;

 }

.featureWrapper
{
    width:  150x;
    height: 150px;
    border-right: 1px solid #eeeeee;
    margin-top: 10px;
    float: left;
}

.featureWrapperLast
{
    width:  150px;
    height: 140px;
    margin-top: 10px;
    float: left;
    border-right: 1px solid #FFF; 
}

.featureTitle
{
    font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #3399CC;
    margin-left: 16px;
}

.featureText
{
    font: 11px Verdana;
    color: #555;
    line-height: 140%;
    display: block;
    margin-left: 16px;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 8px;
}
.featureText2
{
    font: 11px Verdana;
    color: #555;
    line-height: 140%;
    display: block;
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 8px;
}

.featureImageContainer
{
    margin-left: 16px;
}

.featureImage
{
    padding:3px;
    border: 1px solid #E0E0E0;
}
.cufon-active cufon-ready #bodyContainer #col2 #visitcenter .listHolder ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3399CC;
	list-style-type: none;
}