/*++++++++++++++++++++++++++++++++++++++++Start sytle for PDE HOME++++++++++++++++++++++++++++++++++++++++*/
#contentHolder 
{
    margin-top:-50px;
}

#topNav {
	display:block;
	visibility:visible;
	background-image:url(CNBPDE_Images/TopNav/topNavMainBg.jpg);
}
#portalNav {
	display:none;
	visibility:hidden;
}
#sectionNav {
	display:block;
	visibility:visible;
}
#sectionNav ul li {
	background-image:url(CNBPDE_Images/topnav/topMainSep.jpg);	
}

#sectionNav ul li a {
	color:#C6EAE6;
}
#sectionNav ul li a:hover, #sectionNav ul li a.selected {
	color:#fff;
	background-image:url(CNBPDE_Images/topNav/topParentsLinksBg.jpg);
}

.leftColumnBoxHeader {
	float:left;
	margin:0;
	padding:10px 0 0 15px;
	height:28px;
	width:575px;
	background-image:url(CNBPDE_Images/columnBoxHeader.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:18px;
	color:#004F53;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.leftColumnBoxContent {
	float:left;
	margin:0;
	padding:0;
	width:590px;
	background-image:url(CNBPDE_Images/columnBoxContent.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

.leftColumnBoxContentArticle {
	margin:0;
	padding:0;
	width:590px;
	background-image:url(CNBPDE_Images/columnBoxContentArticles.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.leftColumnBoxFooter {
	float:left;
	margin:0;
	padding:0;
	width:590px;
	height:10px;
	background-image:url(CNBPDE_Images/columnBoxFooter.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.leftColumnBoxContent p.resources {
	padding:10px 0 0 0;
}
.leftColumnBoxContent p.more 
{
	padding:10px 10px 10px 20px;
}
.leftColumnBoxContent p.more a 
{
	color:#616CAE;
}

.rightColumnBoxHeader {
	float:left;
	margin:0;
	padding:10px 0 0 15px;
	height:28px;
	width:355px;
	background-image:url(CNBPDE_Images/rightColumnBoxHeader.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:18px;
	color:#004F53;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.rightColumnBoxContent {
	float:left;
	margin:0;
	padding:4px 0 0 0;
	width:370px;
	background-image:url(CNBPDE_Images/rightColumnBoxContent.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

.rightColumnBoxContent h1 {
	margin:0 4px;
	padding:15px 0 10px 15px;
	height:27px;
	font-size:18px;
	font-weight:normal;
	color:#004F53;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(CNBPDE_Images/rightColumnBoxContentH1.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.rightColumnBoxContent p {
	padding-top:6px;
	padding-left:15px;
}

.rightColumnBoxContent img {
	padding:0 20px;
}

.rightColumnBoxContent img.coreProrammes {
	/*padding:0;*/
	float:left;
	padding:0;
	margin:0 1px 0 0;
}

.rightColumnBoxContent p.coreProgrammes {
	padding-left:35px;
}

.rightColumnBoxContent p.more a {
	color:#616CAE;
}

.rightColumnBoxFooter {
	float:left;
	margin:0;
	padding:0;
	width:370px;
	height:10px;
	background-image:url(CNBPDE_Images/rightColumnBoxFooter.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

/*========Portal Box========*/

.portalBox {
	margin:0 0 3px 0;
	padding:0;
	width:100%;
}

/*========Article Box========*/

.articleRow {
	vertical-align:middle;
	padding:8px 18px;
	float:left;
	min-height:23px;
	height:Auto !important;
	height:23px;
	border-bottom:1px solid #D5D5D6;
}

.articleRow img {
	float:left;
	padding-right:14px;
}

.articleRow h2 {
	float:left;
	font-size:13px;
	font-weight:bold;
	width:180px;
	padding-right:10px;
}

.articleRow p {
	float:left;
	width:190px;
}

.articleRow p.date {
	width:110px;
	padding-right:10px;
}

/*========Contest Box========*/

.contestHolder {
	margin:0;
	padding:5px 0 0 17px;
}

.contestBox {
	position:relative;
	float:left;
	margin:0 8px 5px 0;
	padding:5px;
	width:262px;
	min-height:100px;
	height:auto !important;
	height:100px;
	border:1px solid #D8D8D8;
	background-color:#fff;

}

.oneBox {
	width:545px;
}

.contestBox img {
	float:left;
	padding:0 5px 0 0;
}

.contestBox h2 {
	font-size:13px;
	font-weight:bold;
	padding-right:10px;
	margin-bottom:10px;
}

.readMore {
	position:absolute;
	bottom:9px;
	left:5px;
	margin:0 0 0 107px;
	padding:2px 0 0 0;
	width:155px;
}

.readMoreOne {
	width:438px;
}

.readMoreKids {
	border-top:1px solid #10D8D5;
}

.readMoreTeens {
	border-top:1px solid #585EB2;
}

.readMoreParents {
	border-top:1px solid #0087FD;
}

.readMore p.kids {
	color:#10D8D5;
}

.readMore p.teens {
	color:#585EB2;
}

.readMore p.parents {
	color:#0087FD;
}

.contestBox div p a {
	display:block;
	float:left;
	padding:3px 0 0 0;
	margin:0 5px 0 0;
	width:60px;
	height:18px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:10px;
}

.contestBox div p.kids a {
	background-image:url(CNBPDE_Images/kidsMoreBg.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

.contestBox div p.teens a {
	background-image:url(CNBPDE_Images/teensMoreBg.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

.contestBox div p.parents a {
	background-image:url(CNBPDE_Images/parentsMoreBg.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

.contestBox div p img {
	float:left;
}

.contestBox div p span {
	width:155px;
	float:left;
}

.fbclass {
    margin:0 0 0 35px; padding:0;
}

.fbclass iframe {
	width:300px;
	min-height:550px;
	height:auto !important;
	height:550px;
	overflow:hidden;
	border: none;
}

/*++++++++++++++++++++++++++++++++++++++++End Style for PDE HOME++++++++++++++++++++++++++++++++++++++++*/


/* use the table to position the dropdown list in IE */
#sectionNav table
{
	float:left;
	position:relative;
	border-collapse:collapse;
	margin:0px;
	left:0;
	top:-128px;
	background-image:none;
	z-index:10000;
}

/* hide the sub level links */
#sectionNav  ul ul.coreprogrammes {
	visibility:hidden;
	position:absolute;
	width:220px;
	height:0;
	top:120px;
	margin:0px;
	padding:0px;
	background-image:none;
	z-index:10000;
}
#sectionNav  ul ul {
	visibility:hidden;
	position:absolute;
	width:120px;
	height:0;
	top:120px;
	margin:0px;
	padding:0px;
	background-image:none;
	z-index:10000;
}

#sectionNav  ul ul.media {
	visibility:hidden;
	position:absolute;
	width:120px;
	height:0;
	top:120px;
	margin:0px;
	padding:0px;
	background-image:none;
	z-index:10000;
}
#sectionNav  ul ul.aboutus {
	visibility:hidden;
	position:absolute;
	width:120px;
	height:0;
	top:175px;
	margin:0px;
	padding:0px;
	background-image:none;
	z-index:10000;
}
#sectionNav ul li ul li {
	float:left; 
	position:relative;	
	background-image:none;
	z-index:10000;
}
/* make the sub level visible on hover list or link */
#sectionNav  ul :hover ul{
	visibility:visible;
	height:auto;
	margin:0px ;
	padding:0px;
	z-index:10000;
}
/* place the bottom scroll image beneath the drop down list */
#sectionNav  ul :hover ul a.coreprogrammes {
	background:#67AFF3;
	filter:alpha(opacity=85); 
	-moz-opacity:0.85;          
   	opacity: 0.85;    
	height:auto; 
	width:220px; 
	text-align:left; 
	padding:2px 10px 3px 20px;
	margin:0px;
	text-transform:capitalize; 
	border-bottom:1px solid #000;
	color:#FFF;	
	background-image:none;
	z-index:10000;
	float:left;
	position:relative;
}
#sectionNav  ul :hover ul a.aboutus {
	background:#67AFF3;
	filter:alpha(opacity=85); 
	-moz-opacity:0.85;          
   	opacity: 0.85;    
	height:auto; 
	width:120px; 
	text-align:left; 
	padding:2px 10px 3px 20px;
	margin:0px;
	text-transform:capitalize; 
	border-bottom:1px solid #000;
	color:#FFF;	
	background-image:none;
	z-index:10000;
	float:left;
	position:relative;
}

#sectionNav  ul :hover ul a.media {
	background:#67AFF3;
	filter:alpha(opacity=85); 
	-moz-opacity:0.85;          
   	opacity: 0.85;    
	height:auto; 
	width:120px; 
	text-align:left; 
	padding:2px 10px 3px 20px;
	margin:0px;
	text-transform:capitalize; 
	border-bottom:1px solid #000;
	color:#FFF;	
	background-image:none;
	z-index:10000;
	float:left;
	position:relative;
}

#sectionNav  ul :hover ul a:hover {
	text-decoration:underline;
	z-index:10000;
	color:#fff;
	background-image:url(CNBPDE_Images/topNav/topParentsLinksBg.jpg);
}

/*-------------------------------------PollBox---------------------------------*/
.PollBox 
{
    font-size: 11px;
    width: 370px;
    padding:0 ;
    /*margin:245px 0 0 0 ;*/
    margin:240px 0 0 0 ;
   /* margin:10px 0 10px 0 ;*/
   /* background-color: #F2F5F6;*/
   background-image:url(CNBPDE_Images/rightColumnBoxContent.gif);
	background-position:left top;
	background-repeat:repeat-y;
    }

.PollBox h2.sf_pollTitle
{
	float:left;
	margin:0;
	/*padding:4px 0 0 0px;
	width:365px;
	height:38px;
	text-align:left center;
	font-size: 15px;	
	*/
	
	padding:10px 0 0 15px;
	height:28px;
	width:355px;
	background-image:url(CNBPDE_Images/rightColumnBoxHeader.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:18px;
	color:#004F53;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.PollBox fieldset {
    border: 0;      
    padding: 0;
    margin: 10px 0 10px 0;   
    width:350px;     
    }
.PollBox h4 {
    font-size: 14px;
    padding:0;
    margin: 0;
    }
.PollBox fieldset h5 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    margin: 0 0 5px 0;        
    }
.PollBox fieldset span {
    display: block;
    margin: 0;
    font-size: 11px;
    color: #000;
    line-height: 1.6em;
    }
.PollBox fieldset span label {
    display: inline;
    font-weight: normal;    
    }
.PollBox a {
    float:right;
    margin-top: -16px;
    }
.PollBox span {
    color: #999;
    font-size: 11px;
    }
.PollBox span.validator {
    color: red;
    display: block;
    margin-bottom: 10px;
    }
    
.sf_pollQuestion 
{
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 13px;
}
.sf_pollQuestionsList 
{
	/*margin: 0 0 20px;
	padding: 0;
	border: 0;*/
	
	float:left;
	margin:0;
	padding:4px 0 0 0;
	width:370px;
	background-image:url(CNBPDE_Images/rightColumnBoxContent.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
.sf_pollQuestionsList li
{
	list-style-type: none;
}
.sf_pollCommands
{
	margin: 0;
	padding: 0 20px 0 30px;
	font-size: 13px;
	}
.sf_pollVoteInfo
{
	margin: 0;
	padding: 5px 0 0 30px;
	float:left;
	/*margin:0;
	padding:0;*/
	width:370px;
	height:40px;
	background-image:url(CNBPDE_Images/rightColumnBoxFooter2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}
    
.RadioButtonListCssClass
{
	list-style:none;
	
	}