body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../images/bunting_bk.gif) repeat-x top #FFDD00;
}

#wrapper {
	width: 984px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#header {
	margin: 65px 0 0 0;
	padding: 0 9px 0 9px;
}


/*  ///////////////// H1 H2 H3 H4 ..... /////////////////  */

@font-face {
font-family: RockwellStd;
src: url("RockwellStd.otf") format("opentype");
}

@font-face {
font-family: RockwellStd-Bold;
src: url("RockwellStd-Bold.otf") format("opentype");
}



@font-face {
font-family: ROCKWELSTT;
src: url("ROCKWELSTT.TTF") format("truetype");
}

@font-face {
font-family: ROCKWELSBTT;
src: url("ROCKWELSTT.TTF") format("truetype");
}



@font-face {
 font-family: ROCKWELS;
 src: url("ROCKWELS.eot") /* EOT file for IE */
}

@font-face {
 font-family: ROCKWELSB;
 src: url("ROCKWESB.eot") /* EOT file for IE */
}


h1, h2, h3, h4 {
	color: #FFFFFF;	
	margin: 0;
	padding: 0;
}

h1 {
	font-family: RockwellStd-bold, ROCKWELSB, ROCKWELSBTT, sans-serif;
	font-size: 42px;
}

h2 {
	font-family: RockwellStd, ROCKWELS, ROCKWELSTT, sans-serif;
	font-size: 30px;
}

h2.votebooks {
	font-family: RockwellStd, ROCKWELS, ROCKWELSTT, sans-serif;
	font-size: 30px;
	color: #FF0099;
}

h1.pollquestion {
	font-family: RockwellStd, ROCKWELS, ROCKWELSTT, sans-serif;
	font-size: 30px;
	line-height: 25px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	text-align: left;
}




#welcomepanel {
	position: relative;
	clear: both;
	text-align: left;
}

.hp-welcometext {
	text-align: left;
		
	margin: 20px 0 0 9px;
	padding: 25px 24px 0 24px;

	background: url(../images/welcome_panel_bk.gif) no-repeat;
	
	width: 918px;
	height: 229px;
}

p.welcome-text {
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 18px/23px Tahoma;
	color: #333;	
}


img {border: none;}


#topnavigation {
	width: 966px;
	margin: 0;
	padding: 0 9px 0 9px;
}


/*  ///////////////// NAVIGATION /////////////////  */

#topnavigation #nav1 {
	height: 70px;
	overflow: hidden;
	margin: -11px 0 20px 0;
	_margin: -15px 0 0px 0;	
	padding: 0;
	float: left;
	list-style: none;
	position: relative;
}

#topnavigation #nav1 li, #topnavigation #nav1 li a {
	position: relative;
	float: left;
}      
#topnavigation #nav1 li { 
	margin: 0 1px 0 0;
	background: none;
	padding: 0;
}

#topnavigation #nav1 li a {
	display: block;
	margin: 0;

	/* ---- THIS IS THE PADDING REQUIRED FOR THE VOTE TAB WHEN INCLUDED ----*/
	/* padding: 17px 37px 0 38px; */
	padding: 17px 24px 0 25px;
	
	height: 70px;	
}

#topnavigation #nav1 li a span {
	display: block;
	position: absolute;
	height: 55px;
	width: 10px;
	right: 0;
	top: 0;
}

#topnavigation #nav1 li a:hover {
}

	
#topnavigation #nav1 li a:hover span {
}

#topnavigation #nav1 li a:active, #topnavigation #nav1 li a:active span {}


/* ////////////////////////// COLUMN SETS ///////////////////////// */
#main-content {	
	clear: both;
	overflow: auto;
	
	position: relative;	
	width: 966px;
	margin: 0;
	padding: 10px 9px 0 9px;
}

/* //// HP - PANELS //// */
#panel-362 {
	position: relative;
	float: left;
	width: 362px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#panel-242 {
	position: relative;
	float: left;
	width: 242px;
	margin: 0;
	padding: 0;
	text-align: left;	
}

#panel-362 p, #panel-242 p {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 18px/23px Tahoma;
	color: #333;	
}

/* ----- OLD VIDEO PANEL --- */
/*
.videopanel {
	position: relative;
	margin: 0 0 36px 0;
	padding: 4px 0 0 16px;
	background: url(../images/hp_video_bk.gif) no-repeat;
	height: 271px
}
*/

.videopanel-new {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
	height: 331px
}

.flipbook {
	position: relative;
	margin: 0 0 10px 0;
	padding: 18px 0 0 16px;
	background: url(../images/hp_flipbook_bk.gif) no-repeat;
	height: 336px
}

.puffineers {
	position: relative;
	margin: 0 0 20px 0;
	padding: 18px 0 0 16px;
	background: url(../images/hp_puffineers_bk.gif) no-repeat;
	height: 337px
}

.pmp {
	position: relative;
	margin: 0 0 20px 0;
	padding: 18px 0 0 38px;
	background: url(../images/hp_pmp_bk.gif) no-repeat;
	height: 648px
}

.puffindecades {
	position: relative;
	margin: 0 0 20px 0;
	padding: 18px 0 0 30px;
	background: url(../images/hp_puffindecades_bk.gif) no-repeat;
	height: 335px
}

.celebrate {
	position: relative;
	margin: 0 0 20px 0;
	padding: 18px 0 0 23px;
	background: url(../images/hp_celebrate_bk.gif) no-repeat;
	height: 516px
}

.comingsoon {
	position: relative;
	margin: 55px 0 0 0;
	padding: 18px 0 0 23px;
	background: url(../images/hp_comingsoon_bk.gif) no-repeat;
	height: 288px
}



p.clear {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 5px;
}


/* //// BOOKS - PANELS //// */

.books-welcometext {
	text-align: left;
		
	margin: 20px 0 0 9px;
	padding: 25px 24px 0 24px;
	background: url(../images/books_welcomepanel_bk1.gif) no-repeat;
	
	width: 918px;
	height: 165px;
}

#panel-966 {
	position: relative;
	float: left;
	width: 966px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#panel-966 p {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 18px/23px Tahoma;
	color: #333;	
}


#panel-743 {
	position: relative;
	float: left;
	width: 743px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#panel-743 p {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 18px/23px Tahoma;
	color: #333;	
}


#panel-362 {
	position: relative;
	float: left;
	width: 362px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#panel-362 p {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 18px/23px Tahoma;
	color: #333;	
}

#adbanner-223 {
	position: relative;
	float: left;
	width: 223px;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;
}

#adbanner-223 p {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 18px/23px Tahoma;
	color: #333;	
}

.handbook_adbanner {
	margin: 0 0 36px 0;
	padding: 16px 0 0 25px;
	background: url(../images/handbook223_ad_panel_bk.gif) no-repeat;
	height: 398px
}

.books-pmp {
	position: relative;
	margin: 0 0 30px 0;
	padding: 40px 0 0 16px;
	background: url(../images/books_pmp_panel_bk.gif) no-repeat;
	height: 488px
}

.books-adult {
	position: relative;
	margin: 0 0 20px 0;
	padding: 16px 0 0 16px;
	background: url(../images/books_adult_panel_bk.gif) no-repeat;
	height: 325px
}

.books-mc {
	position: relative;
	margin: 0;
	padding: 32px 0 0 16px;
	background: url(../images/books_mc_panel_bk.gif) no-repeat;
	height: 304px
}

.books-mg {
	position: relative;
	margin: 0 0 36px 0;
	padding: 16px 20px 0 16px;
	background: url(../images/books_mothergoose_panel_bk.gif) no-repeat;
	height: 294px
}

.books-dp {
	position: relative;
	margin: 0 0 36px 0;
	padding: 16px 30px 0 32px;
	background: url(../images/books_designer_panel_bk.gif) no-repeat;
	height: 294px
}


/* //// VOTE - PANELS //// */

.vote-welcometext {
	text-align: left;
		
	margin: 20px 0 0 9px;
	padding: 10px 24px 0 24px;
	background: url(../images/vote_welcomepanel_bk1.gif) no-repeat;
	
	width: 918px;
	height: 285px;
}

.vote-books-mc {
	width: 950px;
	position: relative;
	margin: 0 0 30px 0;
	padding: 30px 0 0 16px;

	background: url(../images/vote_panel_bk_new.gif) no-repeat;
	height: 395px
}


.vote-books-mc ul.vote {
	width: 924px;
	margin: 0;
	padding: 0;
	list-style: none;	
}

.vote-books-mc li {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 235px;
	width: 132px;
	text-align: center;
}



/* ---------- OLD VOTE PANEL WUITH MOVING BACKGROUNDS ------------------*/

/*
.vote-books-mc li a.first:link, li a.first:active, li a.first:visited {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background:url(../images/vote_bk1.gif) no-repeat left top;
	cursor : default;
}

.vote-books-mc li a.second:link, li a.second:active, li a.second:visited {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background:url(../images/vote_bk2.gif) no-repeat left top;
	cursor : default;
}
.vote-books-mc li a.third:link, li a.third:active, li a.third:visited {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background:url(../images/vote_bk3.gif) no-repeat left top;
	cursor : default;
}

.vote-books-mc li a.fourth:link, li a.fourth:active, li a.fourth:visited {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background:url(../images/vote_bk4.gif) no-repeat left top;
	cursor : default;
}

.vote-books-mc li a.fith:link, li a.fith:active, li a.fith:visited {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background:url(../images/vote_bk5.gif) no-repeat left top;
	cursor : default;
}

.vote-books-mc li a.sixth:link, li a.sixth:active, li a.sixth:visited {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background:url(../images/vote_bk6.gif) no-repeat left top;
	cursor : default;
}
.vote-books-mc li a.seventh:link, li a.seventh:active, li a.seventh:visited {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background:url(../images/vote_bk7.gif) no-repeat left top;
	cursor : default;
}



.vote-books-mc li a.first:hover {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background-position:100% -275px;
	cursor : default;
}

.vote-books-mc li a.second:hover {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background-position:100% -275px;
	cursor : default;
}
.vote-books-mc li a.third:hover {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background-position:100% -275px;
	cursor : default;
}

.vote-books-mc li a.fourth:hover {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background-position:100% -275px;
	cursor : default;
}

.vote-books-mc li a.fith:hover {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background-position:100% -275px;
	cursor : default;
}

.vote-books-mc li a.sixth:hover {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background-position:100% -275px;
	cursor : default;
}
.vote-books-mc li a.seventh:hover {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	height: 275px;
	width: 98px;
	background-position:100% -275px;
	cursor : default;
}

*/

#vote-book {
	clear: both;
	margin: 0 0 30px 0;
	padding: 0;
	height: 209px;
}

#vote-book-image {
	float: left;
	width: 150px;
	margin: 20px 0 0 10px;
	padding: 0;
}

#vote-book-text {
	float: left;
	width: 520px;
	margin: 20px 0 0 15px;
	padding: 0;
}







/* //// EVENTS - PANELS //// */
.events-welcometext {
	text-align: left;
		
	margin: 20px 0 5px 9px;
	padding: 25px 24px 0 24px;
	background: url(../images/events_welcome_panel_bk.gif) no-repeat;
	
	width: 918px;
	height: 166px;
}

.events-sharestory {
	text-align: left;
		
	margin: 0 0 20px 0;
	padding: 18px 0 0 16px;
	background: url(../images/events_sharestory_panel_bk.gif) no-repeat;
	height: 334px;
}

.events-bfi {
	text-align: left;
		
	margin: 0;
	padding: 18px 0 0 16px;
	background: url(../images/events_bfi_panel_bk.gif) no-repeat;
	height: 470px;
}

.events-designaward {
	text-align: left;
		
	margin: 0;
	padding: 18px 0 0 32px;
	background: url(../images/events_designaward_panel_bk.gif) no-repeat;
	height: 470px;
}

#events-adbanner-223 {
	position: relative;
	float: left;
	width: 223px;
	margin: 0;
	padding: 0;
	text-align: left;
}

#events-adbanner-223 p {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 18px/23px Tahoma;
	color: #333;	
}

.nuffinlikeapuffin_adbanner {
	margin: 0 0 36px 0;
	padding: 16px 0 0 25px;
	background: url(../images/adbanner_nuffinlikeapuffin_panel_bk.gif) no-repeat;
	height: 591px
}


/* //// DOWNLOADS - PANELS //// */
.downloads-welcometext {
	text-align: left;
		
	margin: 20px 0 5px 9px;
	padding: 25px 24px 0 24px;
	background: url(../images/downloads_welcome_panel_bk.gif) no-repeat;
	
	width: 918px;
	height: 166px;
}

#adbanner-234 {
	position: relative;
	float: left;
	width: 234px;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;
}

#adbanner-234 p {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 18px/23px Tahoma;
	color: #333;	
}

.downloadhandbook_adbanner {
	margin: 0 0 36px 0;
	padding: 16px 0 0 15px;
	background: url(../images/downloads_handbook_bg.gif) no-repeat;
	height: 337px
}

#adbanner-249 {
	position: relative;
	float: left;
	width: 249px;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;
}

#adbanner-249 p {
	text-align: left;
	margin: 0 0 10px 15px;
	padding: 0;
	font: normal 18px/23px Tahoma;
	color: #333;	
}

.downloadpartypack_adbanner {
	margin: 0 0 36px 0;
	padding: 16px 0 0 15px;
	background: url(../images/downloads_partypack_bg.gif) no-repeat;
	height: 337px
}

.downloadquiz_adbanner {
	margin: 0 0 36px 0;
	padding: 16px 0 0 15px;
	background: url(../images/downloads_quiz_bg.gif) no-repeat;
	height: 346px
}

#adbanner1-234 {
	position: relative;
	float: left;
	width: 234px;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: left;
}

#adbanner1-234 p {
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 18px/23px Tahoma;
	color: #333;	
}

.downloadactivity_adbanner {
	margin: 0 0 36px 0;
	padding: 16px 0 0 30px;
	background: url(../images/downloads_activitypack_bg.gif) no-repeat;
	height: 337px
}





/* //// VIDEOS - PANELS //// */

.videos-welcometext {
	text-align: left;
		
	margin: 20px 0 5px 9px;
	padding: 15px 24px 0 24px;
	background: url(../images/videos_welcome_panel_bk.gif) no-repeat;
	
	width: 918px;
	height: 166px;
}

#panel-483 {
	width: 483px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}







#footer {
	clear: both;	
	width: 966px;
	height: 234px;
	background: url(../images/footer_flag.gif) no-repeat;
	margin: -20px 0 0 0;
	padding: 35px 0 0 0;
	
	font: normal 11px/13px Tahoma;
	color: #996600;
}


#footer ul {
	text-align: left;
	padding: 0;
	margin: 0 0 40px 20px;	
	list-style-type: none;	
}

#footer ul li {
	display: inline;
	
	/* ---- THIS IS THE PADDING REQUIRED FOR THE VOTE TAB WHEN INCLUDED ----*/
	/* margin: 0 15px 0 15px; */
	
	margin: 0 10px 0 10px;
	padding: 0;
}

a.footerlink:link, a.footerlink:active, a.footerlink:visited {
	color: #996600;
	text-decoration: none;	
}
a.footerlink:hover {
	color: #FF0066;
	text-decoration: none;	
}



/* ////////////////////////// MULTI LINK COLOURS ///////////////////////// */

a.bodylink-pink:link, a.bodylink-pink:active, a.bodylink-pink:visited {
	font: normal 18px/23px Tahoma;
	color: #FFCCFF;
	text-decoration: none;	
}

a.bodylink-yellow:link, a.bodylink-yellow:active, a.bodylink-yellow:visited {
	font: normal 18px/23px Tahoma;
	color: #FEF409;
	text-decoration: none;	
}

a.bodylink-ltblue:link, a.bodylink-ltblue:active, a.bodylink-ltblue:visited {
	font: normal 18px/23px Tahoma;
	color: #9FF4F7;
	text-decoration: none;	
}

a.bodylink-lime:link, a.bodylink-lime:active, a.bodylink-lime:visited {
	font: normal 18px/23px Tahoma;
	color: #99FF99;
	text-decoration: none;	
}

a.bodylink-redpink:link, a.bodylink-redpink:active, a.bodylink-redpink:visited {
	font: normal 18px/23px Tahoma;
	color: #FF0066;
	text-decoration: none;	
}

a.bodylink:hover, a.bodylink-pink:hover, a.bodylink-yellow:hover, a.bodylink-ltblue:hover, a.bodylink-lime:hover, a.bodylink-redpink:hover {
	color: #FFFFFF;
	text-decoration: none;	
}







a.bodylink-pink-bkwhite:link, a.bodylink-pink-bkwhite:active, a.bodylink-pink-bkwhite:visited {
	font: normal 18px/23px Tahoma;
	color: #FFCCFF;
	text-decoration: none;	
}

a.bodylink-yellow-bkwhite:link, a.bodylink-yellow-bkwhite:active, a.bodylink-yellow-bkwhite:visited {
	font: normal 18px/23px Tahoma;
	color: #FEF409;
	text-decoration: none;	
}

a.bodylink-ltblue-bkwhite:link, a.bodylink-ltblue-bkwhite:active, a.bodylink-ltblue-bkwhite:visited {
	font: normal 18px/23px Tahoma;
	color: #9FF4F7;
	text-decoration: none;	
}

a.bodylink-dkblue-bkwhite:link, a.bodylink-dkblue-bkwhite:active, a.bodylink-dkblue-bkwhite:visited {
	font: normal 18px/23px Tahoma;
	color: #0033CC;
	text-decoration: none;	
}

a.bodylink-lime-bkwhite:link, a.bodylink-lime-bkwhite:active, a.bodylink-lime-bkwhite:visited {
	font: normal 18px/23px Tahoma;
	color: #99FF99;
	text-decoration: none;	
}

a.bodylink-redpink-bkwhite:link, a.bodylink-redpink-bkwhite:active, a.bodylink-redpink-bkwhite:visited {
	font: normal 18px/23px Tahoma;
	color: #FF0066;
	text-decoration: none;	
}

a.bodylink-purp-bkwhite:link, a.bodylink-purp-bkwhite:active, a.bodylink-purp-bkwhite:visited {
	font: normal 18px/23px Tahoma;
	color: #990066;
	text-decoration: none;	
}



a.bodylink-bkwhite:hover, a.bodylink-purp-bkwhite:hover, a.bodylink-pink-bkwhite:hover, a.bodylink-yellow-bkwhite:hover, a.bodylink-ltblue-bkwhite:hover, a.bodylink-dkblue-bkwhite:hover, a.bodylink-lime-bkwhite:hover, a.bodylink-redpink-bkwhite:hover {
	color: #000;
	text-decoration: none;	
}



/* ////////////////////////// CONTENT SLIDER ///////////////////////// */

.coda-slider-wrapper {
	text-align: left;
	width: 327px;
	margin: 25px 0 0 0;
	padding: 0;

}
.coda-slider {
	background: none;
	margin-top: 22px;
}

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider {
	height: 200px;
	margin: 0;
	padding: 0;
}

/* Change margin and width of the slider (with dynamic arrows) 
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 327px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
*/
/* Arrow styling 
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
*/


/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel {
	width: 327px;
	height: 350px;
	text-align: left;
}

/* Panel padding */
.coda-slider .panel-wrapper { 
	margin: 0;
	padding: 0px 15px 0 15px;
}

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }


/* Don't change anything below here unless you know what you're doing */


/* Tab nav */
.coda-nav ul li a.current {
	color: #FFF;
	background: url(../images/slider_nav_on.gif) no-repeat;
}

/* Tabbed nav */
.coda-nav ul {
	clear: both;
	margin: 0 0 0 20px;
	padding: 0;
	font: normal 22px Tahoma;	
}

.coda-nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #FFF;
}

.coda-nav ul li a {
	background: url(../images/slider_nav_off.gif) no-repeat;
	color: #FF99FF;		
	text-align: center;
	display: block;
	width: 28px;
	height: 27px;
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none
}

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }

.coda-slider {
	float: left;
	overflow: hidden;
	position: relative;
}

.coda-slider .panel {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	font: normal 18px/23px Tahoma;
	color: #333;		
}

.panel-wrapper h2.title {
	float: left;
	background: url(../images/hp_celebrate_hash.gif) no-repeat left 0;	
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	font: normal 29px Tahoma;
	color: #FF0099;	
}



.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }