/* IMPORTANT - ALL FONT-SIZES SHOULD BE SET TO em */

/* ### SITE HULL (MAIN STRUCTURE) ### */
body {
	
	margin:0px;
	*margin-right:1px;
	font-family: "Myriad Pro", Myriad,  Frutiger, "Frutiger Linotype", Univers, "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center; /*Aligns the ContentArea DIV to center in IE6/7 but also aligns any text to center too - Don't remove */
	background:#C0C9C8 url("images/bg_shadows.jpg") repeat-y center;	
}

#container {

	min-height:1312px;
	_height:1312px;
	background: url("images/bg_1.jpg") no-repeat top;

}

table.TaxonomyTable {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 600px;
	margin-bottom: 10px;
}

table.TaxonomyTable td {
	border: 1px solid #000000;
	padding: 5px;
}

table.TaxonomyTable td span.boldTitle {
	font-weight: bold;
}

/*table.TaxonomyTable td a {
	color: #000000;
}

div#navigate-objectives a {
	color: #000000;
}*/

div#navigate-objectives span {
	margin-left: 5px;
	margin-right: 5px;
}

ul#learning {
	padding: 0;
	margin: 0;
}

#contentArea {

	width:920px;
	margin-left:auto;
	margin-right:auto;	
	text-align:left; /*Resets the text so that is displays left after the IE6 hack above */
	
}

#contentLeft {
	
	float:left;
	width:618px;

}

#contentRight {
	
	float:right;
	width:300px; 	
	
}

#contentFooter {

	clear:both;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-bottom:30px;
	width:920px;	
	text-align:left;
	
}

#footer {
    position:relative;
	height:100px;
	background:#ffffff url("images/bg_footer_shadows.jpg") repeat-x top;

}

#footer #footerCenterContent {

	margin-left:auto;
	margin-right:auto;
	width:920px;
	padding-top:25px;

	
}

#footer #tinopolisLogo {

	text-align:left;

}

#footer #nestaLogo {

	position:absolute;
	top:0px;
	right:350px;

}

/* #### END OF SITE HULL #### */

/* #### HEADER SECTION #### */


#mainHeader {

	height:110px;
	margin-bottom:10px;
	padding-left:6px;
	
}

#mainHeader #siteLogo {

	float:left;
	width:178px;
	margin-top:2px;
}

#mainHeader #siteLogo a
{
	text-decoration:none;
}

#mainHeader #rightOfLogo {
	
	float:right;
	width:736px;
	
}

#rightOfLogoTop {
	
	height:69px;
	
}


#rightOfLogo #mainNavBar {
	
	height:20px;

}

/* --- Top search box Styling --- */

.searchBox {
	
	float:right;
	text-align:right;
	margin-right:10px;
	width:308px;
	height:60px;
	padding-top:5px;

}



.searchArea {

	text-align:left;
	width:308px;
	height:31px;
	background:url("images/search_box.png") no-repeat left;

}

.searchArea .searchInput {

	height:20px;
	margin-top:6px;
	margin-left:5px;	
	border:0px;
	width:225px;

}


.searchArea .searchButton {

	width:25px;
	height:25px;
	margin-top:4px;
	margin-left:32px;
	background: url("images/search_button.png") no-repeat;
	border:0px;
	font-size:0px;
	
}

html>body .searchArea .searchButton {

	float:right;
	*float:none;
	margin-right:5px;

}
.advancedSearch { 

	float:left;
	font-size: 0.8em;
}

.advancedSearch a {

	text-decoration:none;
	color:#472659;
	
}

.advancedSearch a:hover {

	text-decoration:underline;
	
}
 
/* --- End of Top search box Styling --- */


/* --- MainNavBar Styling --- */

#mainNavBar ul
{
	margin: 0;
	padding: 0;
}

#mainNavBar ul li
{
	float: left;
	list-style: none;
	margin-right: 5px;
	margin-top: 1px;
	height: 21px;
	padding: 0;
	text-align: center;
	display: block;
	font-size:0.9em;
}

html>body #mainNavBar ul li { font-size:1em; }

#mainNavBar .navigation-left
{
	width: 5px;
	height: 21px;
	background: transparent url(images/top_nav_bar.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	float: left;
}


	

#mainNavBar .navigation-middle
{
	min-width: 10px;
	height: 21px;
	background: transparent url(images/top_nav_bar.gif) -5px 0 repeat-x;
	margin: 0;
	padding: 0;
	float: left;
}

#mainNavBar a
{
	display: inline-block;
	min-width:10px;
	height:21px;
	color:#ffffff;
	line-height:19px;
	text-decoration: none;
	margin:0;
	padding:0;
	
}

#mainNavBar .navigation-right
{
	width: 5px;
	height: 21px;
	background: transparent url(images/top_nav_bar.gif) -195px 0  no-repeat;
	margin: 0;
	padding: 0;
	float: left;
}

/*mainNavBar color styles*/

html>body #mainNavBar .navigation-left.green { background: transparent url("images/top_nav_bar_pink.gif") }
html>body #mainNavBar .navigation-left.orange { background: transparent url("images/top_nav_bar_blue.gif") }
html>body #mainNavBar .navigation-left.grey { background: transparent url("images/top_nav_bar_grey.gif") }

html>body #mainNavBar .navigation-middle.green { background: transparent url("images/top_nav_bar_pink.gif") -5px 0  }
html>body #mainNavBar .navigation-middle.orange { background: transparent url("images/top_nav_bar_blue.gif") -5px 0  }
html>body #mainNavBar .navigation-middle.grey { background: transparent url("images/top_nav_bar_grey.gif") -5px 0  }

html>body #mainNavBar .navigation-right.green { background: transparent url("images/top_nav_bar_pink.gif") -195px 0  }
html>body #mainNavBar .navigation-right.orange { background: transparent url("images/top_nav_bar_blue.gif") -195px 0 }
html>body #mainNavBar .navigation-right.grey { background: transparent url("images/top_nav_bar_grey.gif") -195px 0 }

/* End mainNavBar color styles */                      

#mainNavBar ul li:hover .navigation-left
{
	background-position: 0 -22px;
}

#mainNavBar ul li:hover .navigation-middle
{
	background-position: -5px -22px;
}

#mainNavBar ul li:hover .navigation-right
{
	background-position: -195px -22px;
}

#mainNavBar ul li.selected .navigation-left
{
	background-position: 0 -44px;
}

#mainNavBar ul li.selected .navigation-middle
{
	background-position: -5px -44px;
}

#mainNavBar ul li.selected .navigation-right
{
	background-position: -195px -44px;
}

#mainNavBar ul li.selected a
{
	color: #472659;
}

#mainNavBar ul li.top-nav-gap-left { float: right;}



/* --- End of MainNavBar Styling --- */


/* #### END OF HEADER SECTION #### */


/* #### #contentRight CHILD DECLARATIONS #### */

div.sideBarItem {

	width:300px;
	margin-bottom:5px;
	color:#ffffff;
	
}

div.sideBarItemTop {

	padding:2px 0px;
	background:url("images/sideBarItemBgTopCurve.png") no-repeat top;
	
}

html>body div.sideBarItemTop { 	height:5px; padding:0px }

div.sideBarItemBg {

	
	background: url("images/sideBarItemBg.png") repeat top;
	padding:0px 5px;
	
}


.ArticleBg{

    	background-color: #2C2B2B;
    	padding:5px;
    
}

div.sideBarItemImage {
	
	margin:0px;
	
}


.sideBarItemImage .thumbTop {

	padding:2px 0px;
	background:url("images/thumbBorderTopPink.png") no-repeat top;
}

.sideBarItemImage.Blue .thumbTop{
    background:url("images/thumbBorderTopBlue.png") no-repeat top;
}

html>body .sideBarItemImage .contentTop { height:5px; padding:0px }

.sideBarItemImage .thumbBg {
	
	background:url("images/thumbBorderMiddlePink.png") repeat top;
	padding:1px 5px;	
}

.sideBarItemImage.Blue .thumbBg{
    background:url("images/thumbBorderMiddleBlue.png") repeat top;
}

.sideBarItemImage .thumbBottom {

	padding:0px 0px 5px 0px;
	*height:2px;
	*padding:0px 55px 10px 55px;
	background:url("images/thumbBorderBottomPink.png") no-repeat top;
    margin-bottom:25px;
	
}

.sideBarItemImage.Blue .thumbBottom{
    background:url("images/thumbBorderBottomBlue.png") no-repeat top;

    
}


div.sideBarItemHeader {

	position:relative;
	padding:3px 0px;
	font-size:1.3em;
	
}

div.sideBarItemHeader {

	padding:5px;
	/*width:165px;*/
	
}

div.sideBarItemHeader .sideBarItemHeaderTop {
	
	padding:5px;
	background:url("images/sidebarContentWhiteBgTop.png") no-repeat bottom left;
	
}

html>body div.sideBarItemHeader .sideBarItemHeaderTop { height:5px; padding:0px; }


div.sideBarItemHeader .sideBarItemHeaderMiddle {
	
	background-color:#ffffff;
	padding:0px 5px;
	
}

div.sideBarItemHeader .sideBarItemHeaderBottom {
	
	padding:5px;
	background:url("images/sidebarContentWhiteBgBottom.png") no-repeat;
	
	
}

html>body div.sideBarItemHeader .sideBarItemHeaderBottom { height:5px; padding:0px; }

.sidebarContainer{
	background:#AE0A48;
	padding:2px;
}

.sidebarContainer.Blue{
	background:#0A2FAE;
	padding:2px;
}


.thumbContentContainer{
    
    float:left;
    padding-bottom:10px;
    width:155px

    
}

div.sideBarItemContent {

	font-size:1em;
	
}

ul.listWithDarkBg {

	margin:0px;
	padding:0px;
}

ul.listWithDarkBg li {

	margin:3px 2px;
	padding:3px;
	list-style-type:none;
	background-color:#000000;

}

ul.listWithDarkBg a.item { 
	
	color:#ffffff;
	text-decoration:none;

}

ul.listWithDarkBg  a:hover { text-decoration:underline; }

div.sideBarItemBottom {

	padding:2px 0px;
	background:url("images/sideBarItemBgBottomCurve.png") no-repeat top;
	
}

html>body div.sideBarItemBottom { height:10px; padding:0px }


/* ---- Twitter feed on sidebar ---- */

.twitterTop {
	
	padding:5px 0px;
	background:url("images/twitterBoxTopCurve.gif") no-repeat top;
	
}

.twitterFeedText { 
	
	background-color:#000000;
	padding:5px;
	
}

.twitterFeedText a { color:#ffffff; }

.twitterBottom {
	
	padding:5px 0px;
	background:url("images/twitterBoxBottomCurve.gif") no-repeat top;
}

.twitterLowerSection {
	
	padding-top:10px;
	background:url("images/speechArrow.gif") no-repeat top center;
	height:80px;

}

html>body .twitterLowerSection { background:url("images/speechArrow.png") no-repeat top center; }

.twitterLowerSection img.avatar {

	margin-left:5px;
	margin-top:15px;
	padding:5px;
	background:url("images/twitterAvatarImgBg.png") no-repeat top;

}

.twitterButtonPosition {
	
	margin-top:40px;
	margin-right:35px; 
	
}

/*##### Avatar ##### */
div.avatarBox {

	margin-left:15px;
	width:58px;
	height: 58px;

}

div.avatarBg {
	
	background-color: #000000;
	padding-top:48px;
	padding-left:58px;
	
}

/* ---- End of Twitter feed on sidebar ---- */


/* ---- sideBarItem color styles ---- */
.blue .sideBarItemTop { background:url("images/leftContentNarrowTopCurveBlue.png") no-repeat top; }
.blue .sideBarItemBg { background:url("images/under_11s_bg.png") repeat top; }
.blue .sideBarItemBottom { padding-bottom:4px; background:url("images/leftContentNarrowBottomCurveBlue.png") no-repeat top; }

.pink .sideBarItemTop { background:url("images/leftContentNarrowTopCurvePink.png") no-repeat top; }
.pink .sideBarItemBg { background:url("images/over_11s_bg.png") repeat top; }
.pink .sideBarItemBottom { padding-bottom:4px; background:url("images/leftContentNarrowBottomCurvePink.png") no-repeat top; }

.purple .sideBarItemTop { background:url("images/sideBarItemBgTopCurvePurple.png") no-repeat top; }
.purple .sideBarItemBg { background:url("images/leftContentBgPurpleSolid.png") repeat top; }
.purple .sideBarItemBottom { padding-bottom:4px; background:url("images/sideBarItemBgBottomCurvePurple.png") no-repeat top; }

.darkPurple .sideBarItemTop { background:url("images/sideBarItemBgTopCurveDarkPurple.png") no-repeat top; }
.darkPurple .sideBarItemBg { background:url("images/leftContentBgDarkPurpleSolid.png") repeat top; }
.darkPurple .sideBarItemBottom { padding-bottom:4px; background:url("images/sideBarItemBgBottomCurveDarkPurple.png") no-repeat top; }


/* ---- End of sideBarItem color styles ---- */



/* #### END #contentRight CHILD DECLARATIONS #### */




/* #### #contentLeft CHILD DECLARATIONS #### */

/* ---- PAGE HEADER & BREADCRUMB STYLING ---- */


#pageTitle, #pageTitleOrange, #pageTitleGreen, #pageTitleGrey {

	padding-top:5px;
	background:url("images/leftContentTopCurveBlack.png") no-repeat top;	
	width:610px;
	
}

#pageTitleOrange {

	background:url("images/under_11s_top_bg.png") no-repeat top;
	
}

#pageTitleGreen {
	
	background:url("images/over_11s_top_bg.png") no-repeat top;
	
}

#pageTitleGrey {
	
	background:url("images/top_main.png") no-repeat top;
	
}

#pageTitleContent {

	margin-top:5px;
	*margin-top:10px;
	padding:5px;
	background:url("images/sideBarItemBg.png") repeat left;	
	
}

#pageTitleContent .overview {
	
	color:#ffffff;
	font-size:1em;
	
}

#pageTitleOrange #pageTitleContent {
	
	background:url("images/under_11s_bg.png") repeat top;

}

#pageTitleGreen #pageTitleContent {
	
	background:url("images/over_11s_bg.png") repeat top;

}

#pageTitleGrey #pageTitleContent {
	
	background:url("images/middle_main.png") repeat top;

}

#pageTitleBottom {


	margin:0px; 
	padding:0px; 
	height:5px;
	overflow:hidden;
	background:url("images/parents_bottom_bg.png") no-repeat top;	
	width:610px;
	
}

#pageTitleOrange #pageTitleBottom { background:url("images/under_11s_bottom_bg.png") no-repeat top; }
#pageTitleGreen #pageTitleBottom { background:url("images/over_11s_bottom_bg.png") no-repeat top; }
#pageTitleGrey #pageTitleBottom { background:url("images/bottom_main.png") no-repeat top; }


p.pageCategoryHeader { 

	margin:0px; 
	padding:0px;
	
}

#pageTitleContent p.pageCategoryHeader  a{

	position:relative;
	margin:0px;
	color:#ffffff;
	font-size:2em;
	font-weight:700;
	text-decoration:none;	
	
}

#pageTitleContent p.pageCategoryHeader  a:hover{

	text-decoration:underline;
	
}

#pageTitle h1, #pageTitle h2,
#pageTitleOrange h1, #pageTitleOrange h2,
#pageTitleGreen h1, #pageTitleGreen h2,
#pageTitleGrey h1, #pageTitleGrey h2{ 
	
	position:relative;
	padding:0px;
	margin:0px;
	color:#ffffff;
	
}



#breadcrumb {

	padding:3px;

	color:#ffffff;
	text-align:right;
	
}

#breadcrumb a:link, #breadcrumb a:visited {
	
	color:#ffffff;
	font-size:1em;
	font-weight:700;
	text-decoration:none;
	
}

#breadcrumb a:hover { text-decoration:underline; }

span.breadcrumb-currentpage {
	
	color:#cccccc;
	
}

#secondary-nav .button {

	float:left;
	margin:2px;
	font-weight:700;
	
}

#secondary-nav a span.left {

	float:left; 
	height:32px; 
	width:6px;
	background:url("images/leftPink.png") no-repeat left; 
 
}

#secondary-nav a span.centre { 
	
	float:left; 
	background-color:#6C032E; 
	padding-top:5px;
	height:27px;
	color:#ffffff;

}	

#secondary-nav a span.right {  

	float:left; 
	height:32px;
	width:8px;
	_width:6px;
	background:url("images/rightPink.png") no-repeat left; 

}

#secondary-nav .selected .left { background:url("images/leftWhite.png") no-repeat left; }
#secondary-nav .selected .centre { color:#000000; background-color:#ffffff; }
#secondary-nav .selected .right { background:url("images/rightWhite.png") no-repeat left; }


/* ---- Button color styles ---- */

#secondary-nav .orange .left { background:url("images/leftBlue.png") no-repeat left; }
#secondary-nav .orange .centre { background-color:#032252; }
#secondary-nav .orange .right { background:url("images/rightBlue.png") no-repeat left; }

#secondary-nav .grey .left { background:url("images/leftGrey.png") no-repeat left; }
#secondary-nav .grey .centre { background-color:#181816; }
#secondary-nav .grey .right { background:url("images/rightGrey.png") no-repeat left; }

#secondary-nav .button a:link, 
#secondary-nav .button a:visited { text-decoration:none; cursor: pointer; }

/* ---- End of button color styles ---- */


html>body #secondary-nav a:hover .left { 	background:url("images/leftWhite.png") no-repeat left; }
html>body #secondary-nav a:hover .centre { color:#000000; background-color:#ffffff; }
html>body #secondary-nav a:hover .right { background:url("images/rightWhite.png") no-repeat left; }


/* ---- END OF PAGE HEADER & BREADCRUMB STYLING ---- */

div.contentBox, div.contentBoxNarrow, div.contentBoxHome {

	width:610px;
	margin-bottom:5px;
	color:#000000;
}

div.contentBoxNarrow {
	
	float:left;
	width:300px;

}

div.contentBoxHome {

	width:590px;
	margin-left:10px;
	margin-bottom:20px;
	
}

div.contentTop {

	padding:2px 0px;
	background:url("images/leftContentTopCurveWhite.png") no-repeat top;
}

html>body div.contentTop { height:5px; padding:0px }

div.contentBg {
	
	background:#FFF repeat top;
	padding:1px 5px;

	
}

div.contentBg.blackBg 
{
	background: url("images/sideBarItemBg.png") repeat top;
}

div.contentBg.blackBg h2 {
	
	color: #ffffff;

}

h2.homeTitle, div.title h3 {

	margin:0px;
	color:#ffffff;
	font-size:2.3em;
	letter-spacing:-2px;
	
}

.contentBoxHome  div.title h3 {

	font-size:2em;
	line-height:0.7em;
	
}

h2.homeTitle {

	line-height:0.2em;
	padding-bottom:25px;
	padding-left:10px;
	color:#000000;
	
}


div.contentImage {
	
	position:relative;
	margin:0px;
	
}

a.CatLink {

	color:#ffffff;
	text-decoration:none;
}

a.CatLink:hover {

	text-decoration:underline;
}

div.contentText, div.moreText {

	font-size:1em;
	padding-bottom:1px; /*Although small I appear to be very significant, please don't remove me */
	
}

div.contentText a:hover { text-decoration:underline }

.ExperimentPagerUL {

	display:inline;
	margin:0;
	padding:0;
	
}

.ExperimentPagerUL li {

	height:30px; 
	width:158px;
	padding-top:5px;
	text-align:center;
	display:inline;
	list-style-type:none;	
	float:left;	
}

.ExperimentPager   {
	

	background:url("images/block_bg.png");
	background-repeat:no-repeat;
	color:#FFF;
	
}

.ExperimentPager:hover {

	background:url("images/block_bgPurple.png");
	background-repeat:no-repeat;
	
}



.ExperimentPagerSelected {

	background:url("images/block_bgWhite.png");
	background-repeat:no-repeat;
	color:#000;
	
}

.eventDate
{
	width:340px;
	height:30px;
	color: #fff;
	border: 1px solid #637780;
	background-color: #637780;
	text-align:right;
	float:right;
	font-size:1.2em;
	font-weight:bold;
	padding-right:5px;
}

.eventShortDesc
{
	float:right;
	width:345px;
	font-weight:bold;
}

.eventShortDesc h1
{
	color:#65787c;
}

div.contentBottom {

	padding:0px 0px 10px 0px;
	*height:2px;
	background:url("images/bottom_bar_bg.png" ) no-repeat ;
	
}

div.contentText h1, div.contentText h3, div.contentText h4 {

	margin:0px;
	padding-top:3px;
	font-size:1.8em;
	letter-spacing:-2px;
}


div.contentText h1 {

	margin:0px;
	padding:0px;
	/*line-height:0.7em;*/
	font-size: 2.2em;

}

div.contentText h4 {

	font-size:1.5em;
	margin-top:1px;
	letter-spacing:-1px;
	
}


.file_list_title {

	width:390px;
	height:25px;
	padding-top:15px;
	padding-left:10px;
	color:#FFF;
	font-weight:bold;
	background: url("images/downloads_blue_title.jpg" ) no-repeat ;
	
}

.file_list_bottom  {
	
	width:400px;
	height:25px;
	background: url("images/downloads_blue_title_bottom.jpg" ) no-repeat ;
	
}

.file_list_ul {

	list-style-type:none;	
	padding:5px;
	margin:0;
	background:#627981;
	width:390px;
	
}

.file_list_li {

	background:#FFF;
	margin-bottom:2px;
	padding:5px;
	
	
}

.file_list_li a {

	color:#000;
	text-decoration:none;
	
}

.file_list_li a :hover {

	color:#fff;
	text-decoration:underline;
	
	
}

div.contentText a:link, 
div.contentText a:visited { 	

	text-decoration:none;	
	color:#6F3E8F;
}

div.contentText a:hover {

	text-decoration:underline;
	
}

div.contentText h3 a:link,
div.contentText h3 a:visited {

	color:#000000;
	text-decoration:none;

}

div.contentText h3 a:hover {

	text-decoration:underline;	

}

div.title h3 a:link,
div.title h3 a:visited {

	color:#ffffff;
	text-decoration:none;

}

div.title h3 a:hover {

	text-decoration:underline;	

}
/* ---- Jokes Page styling ---- */

.contentInner {

	margin-left:5px;
	margin-bottom:10px;
	
}

.contentInnerTop {
	
	padding-top:10px;
	background:url("images/top_joke.png") no-repeat bottom;
	width:590px;
	
}

html>body .contentInnerTop { padding:0px; height:11px; }

.contentText .contentInner h3 {

	background:url("images/jokes_bg.png") repeat left;
	margin:0px;
	padding:3px 0px 10px 6px;
	font-size:1.4em;
	color:#ffffff;
	width:584px;	

	
}

.contentInnerTextTop {
	
	padding:5px;
	background:url("images/bottom_joke_header.png") no-repeat left;

}

.contentInnerText {
	
	background:url("images/middle_joke.png") repeat-y left;
	padding:1px 25px;
	padding-left:13px;    
	
}

.contentInnerBottom {

	padding:8px;
	background:url("images/bottom_joke.png") repeat-y left;

	
}

#article-content span {

		font-weight:bold;
	
}

#article-content a {

		font-weight:bold;
	
}

#article-content p,
#article-content span,
#article-content a {

		padding-left:5px;
	
}


/* ---- End of Jokes Page styling ---- */

/* ---- tv guide styling ---- */

.tvGuideContainer {



	width:600px; 

	color: #ffffff;

	

}



.containerTopCurve {



	padding:4px;

	background:url("images/mediaContentTopCurve.png") no-repeat;

	

}



.containerMiddle { 



	min-height:174px;

	_height:174px;

	background:#0A0B0B url("images/mediaContentMiddle.png") repeat-x;

}



.programmeContainer {



	float:left;

	width:179px;

	color:#ffffff;

	padding:7px 5px;
	padding-left:0px;

	

}

.programmeAirTime  
{

	padding-left:5px;	
	color:#00BF08; 
	
}



.detailsTitle { font-size:1.2em; }



.programmeDetails  
{
	
	border-left:1px solid #ffffff; 
    padding:0px 5px;	
	
}



.detailsCont { 



	font-size:0.9em;

	padding-bottom:15px; 
	

}



.detailsChannel img { padding-right:5px; }



.containerBottomCurve {



	padding:4px;

	background:url("images/mediaContentBottomCurve.png") no-repeat;

	

}



.noBorderLeft { border-left:0px; }


/**---- End tv guide styling ---- */

#pager {
	
	float:right;
	margin-right:10px;
	color:#ffffff;
	
}

#pager ul {
	
	margin:0px;
	padding:0px;
	
}

#pager ul li {
	
	display:inline;
	list-style-type:none;

}

#pager ul li a {

	color:#cccccc;
	text-decoration:none;
	
}

#pager ul li a:hover {
	
	text-decoration:underline;
	color:#ffffff;
	
}

div.share-container { 

	padding:5px;
	
}


.share-container a span {

	display:none;
	

}

.share-container a {
	
	float:left;
	display:block;
	width:30px; 
	height:35px;
	margin:2px;
	text-decoration:none;	
	
}


.share-container a.share-facebook { background:url("images/shareIcons/facebook_btn_under.png") no-repeat top; } 
.share-container a.share-flickr { background:url("images/shareIcons/btn_flickr_up.png") no-repeat top; } 
.share-container a.share-twitter { background:url("images/shareIcons/twitter_btn_under.png") no-repeat top; }
                                                                                    
.share-container a.share-facebook:hover { background:url("images/shareIcons/facebook_btn_over.png") no-repeat top; } 
.share-container a.share-flickr:hover { background:url("images/shareIcons/btn_flickr_over.png") no-repeat top; } 
.share-container a.share-twitter:hover { background:url("images/shareIcons/twitter_btn_over.png") no-repeat top; }


/* This should be applied to contentBoxNarrow 
   that appear towards the right of #contentLeft. */

div.marginLeft {

	margin-left:10px;

}

/* ---- contentBox color styles - the default white is defined above ---- */

.blue .contentTop { padding-top:3px;  background:url("images/leftContentTopCurveBlue.png") no-repeat top; }
.blue .contentBg { color:#ffffff; background:url("images/leftContentBgBlue.png") repeat top; }
.blue .contentBottom { background:url("images/leftContentBottomCurveBlue.png") no-repeat top; }

.black .contentTop { padding-top:3px;  background:url("images/leftContentTopCurveBlack.png") no-repeat top; }
.black .contentBg { position:relative; color:#ffffff; background:url("images/leftContentBgBlack.png") repeat top; }
.black .contentBottom { background:url("images/leftContentBottomCurveBlack.png") no-repeat top; }

/* ---- End of contentBox color styles ---- */

/* ---- contentBoxNarrow color styles ----- */


/* First the default style */
.contentBoxNarrow .contentTop { background:url("images/leftContentNarrowTopCurveWhite.png") no-repeat top; }
.contentBoxNarrow .contentBg { 	 color:#ffffff; background:#FFF repeat top; }
.contentBoxNarrow .contentBottom { padding-bottom:10px; background:url("images/leftContentNarrowBottomCurveWhite.png") no-repeat top; }

/* now the color styles for contentBoxNarrow */
.contentBoxNarrow.orange .contentTop { background:url("images/leftContentNarrowTopCurveBlue.png") no-repeat top; }
.contentBoxNarrow.orange .contentBg {  color:#ffffff; background:url("images/under_11s_bg.png") repeat top; }
.contentBoxNarrow.orange .contentBottom { background:url("images/leftContentNarrowBottomCurveBlue.png") no-repeat top; }    

.contentBoxNarrow.green .contentTop { background:url("images/leftContentNarrowTopCurvePink.png") no-repeat top; }
.contentBoxNarrow.green .contentBg { color:#ffffff; background:url("images/over_11s_bg.png") repeat top; }
.contentBoxNarrow.green .contentBottom { background:url("images/leftContentNarrowBottomCurvePink.png") no-repeat top; }

.contentBoxNarrow.black .contentTop { background:url("images/leftContentNarrowTopCurveBlack.png") no-repeat top; }
.contentBoxNarrow.black .contentBg { color:#ffffff; background:url("images/leftContentBgBlack.png") repeat top; }
.contentBoxNarrow.black .contentBottom { background:url("images/leftContentNarrowBottomCurveBlack.png") no-repeat top; }

/* ---- END of contentBoxNarrow color styles ----- */

/*---CONTENT BOXES HOME PAGE Added: Wed 9th Feb 2011 ---*/
/*----These boxes are slighing narrower than the default box but 
------not as narrow as contentBoxNarrow---*/

.contentBoxHome .contentImage,
.contentBoxHome .content {
	
	float:left;
	
}

.contentBoxHome .contentImage {

	height:130px;
	padding:5px 0px;	
	overflow:hidden;
	
}

.contentBoxHome .content {

	width:280px;
	padding:5px 0px;
	padding-left:10px;
	
}

.contentBoxHome.pink .contentTop { background:url("images/over_11s_top_home_bg.png") no-repeat top; }
.contentBoxHome.pink .contentBg {  position:relative; color:#ffffff; background:url("images/over_11s_bg.png") repeat top; }
.contentBoxHome.pink .contentBottom { background:url("images/over_11s_bottom_home_bg.png") no-repeat top; }

.contentBoxHome.blue .contentTop { background:url("images/under_11s_top_home_bg.png") no-repeat top; }
.contentBoxHome.blue .contentBg {  position:relative; color:#ffffff; background:url("images/under_11s_bg.png") repeat top; }
.contentBoxHome.blue .contentBottom { background:url("images/under_11s_bottom_home_bg.png") no-repeat top; }

.contentBoxHome.black .contentTop { background:url("images/pt_top_home_bg.png") no-repeat top; }
.contentBoxHome.black .contentBg {  position:relative; color:#ffffff; background:url("images/leftContentHomeBgBlack.png") repeat top; }
.contentBoxHome.black .contentBottom { background:url("images/pt_bottom_home_bg.png") no-repeat top;  }


/* ### CUSTOM BACKGROUND IMAGE STYLING ### */

div#backgroundImages {

	width:700px;
}

#backgroundImages ul {

	list-style-type:none;

}

#backgroundImages ul li {

	float:left;
	margin:10px;

}

#bgChoose {

	margin-top:10px;

}


#bgChoose ul li { 

	float:left;
	width:194px;
	height:208px;
	list-style-type:none;
	margin:10px;

}

#bgChoose ul li a { 

	position:relative; 
	padding:0px 0px 180px 185px;

}

/*Backgrounds*/
#bgChoose ul li#bg1251 { background:url("/images/customise/customise_thumb10_stitched.jpg") no-repeat left; }  
#bgChoose ul li#bg1252 { background:url("/images/customise/customise_thumb2_stitched.jpg") no-repeat left; }  
#bgChoose ul li#bg1253 { background:url("/images/customise/customise_thumb3_stitched.jpg") no-repeat left; }  
#bgChoose ul li#bg1529 { background:url("/images/customise/customise_thumb4_stitched.jpg") no-repeat left; }  
#bgChoose ul li#bg1530 { background:url("/images/customise/customise_thumb5_stitched.jpg") no-repeat left; }  
#bgChoose ul li#bg1531 { background:url("/images/customise/customise_thumb6_stitched.jpg") no-repeat left; }  
#bgChoose ul li#bg1532 { background:url("/images/customise/customise_thumb7_stitched.jpg") no-repeat left; }  
#bgChoose ul li#bg1533 { background:url("/images/customise/customise_thumb8_stitched.jpg") no-repeat left; } 
#bgChoose ul li#bg1534 { background:url("/images/customise/customise_thumb9_stitched.jpg") no-repeat left; } 
#bgChoose ul li#bg2537 { background:url("/images/customise/customise_thumb1_stitched.jpg") no-repeat left; }  

/*Hover state*/
#bgChoose ul li#bg1251:hover { background:url("/images/customise/customise_thumb10_stitched.jpg") -194px 0px; }   
#bgChoose ul li#bg1252:hover { background:url("/images/customise/customise_thumb2_stitched.jpg") -194px 0px; }   
#bgChoose ul li#bg1253:hover { background:url("/images/customise/customise_thumb3_stitched.jpg") -194px 0px; }   
#bgChoose ul li#bg1529:hover { background:url("/images/customise/customise_thumb4_stitched.jpg") -194px 0px; }   
#bgChoose ul li#bg1530:hover { background:url("/images/customise/customise_thumb5_stitched.jpg") -194px 0px; }   
#bgChoose ul li#bg1531:hover { background:url("/images/customise/customise_thumb6_stitched.jpg") -194px 0px; }   
#bgChoose ul li#bg1532:hover { background:url("/images/customise/customise_thumb7_stitched.jpg") -194px 0px; }   
#bgChoose ul li#bg1533:hover { background:url("/images/customise/customise_thumb8_stitched.jpg") -194px 0px; }  
#bgChoose ul li#bg1534:hover { background:url("/images/customise/customise_thumb9_stitched.jpg") -194px 0px; }  
#bgChoose ul li#bg2537:hover { background:url("/images/customise/customise_thumb1_stitched.jpg") -194px 0px; }   
                                                                                                                 
/*Selected state*/
#bgChoose ul li#bg1251Selected { background:url("/images/customise/customise_thumb10_stitched.jpg") -388px 0px; }
#bgChoose ul li#bg1252Selected { background:url("/images/customise/customise_thumb2_stitched.jpg") -388px 0px; }   
#bgChoose ul li#bg1253Selected { background:url("/images/customise/customise_thumb3_stitched.jpg") -388px 0px; }   
#bgChoose ul li#bg1529Selected { background:url("/images/customise/customise_thumb4_stitched.jpg") -388px 0px; }   
#bgChoose ul li#bg1530Selected { background:url("/images/customise/customise_thumb5_stitched.jpg") -388px 0px; }   
#bgChoose ul li#bg1531Selected { background:url("/images/customise/customise_thumb6_stitched.jpg") -388px 0px; }   
#bgChoose ul li#bg1532Selected { background:url("/images/customise/customise_thumb7_stitched.jpg") -388px 0px; }   
#bgChoose ul li#bg1533Selected { background:url("/images/customise/customise_thumb8_stitched.jpg") -388px 0px; }   
#bgChoose ul li#bg1534Selected { background:url("/images/customise/customise_thumb9_stitched.jpg") -388px 0px; }
#bgChoose ul li#bg2537Selected { background:url("/images/customise/customise_thumb1_stitched.jpg") -388px 0px; }

#bgChoose a { background-color:transparent; color:transparent; }
#bgChoose a:hover { background-color:transparent; color:transparent; }

/* ### END OF CUSTOM BACKGROUND STYLING ### */

/* ##### FLICKR QUILT ##### */

.flickr_quilt_div
{
	
	margin: 0;
	padding: 0;
}


.flickr_quilt_div ul {

	float:left;
	margin: 0;
	padding: 0;

	

}

.flickr_quilt_div ul li {

	float: left;
	list-style-type: none;
	margin:0;
	padding:0;

}

.flickr_quilt_div ul li img {

	float:left;
	/*width:58px;
	height:58px;*/

}

/* ##### END OF FLICKR QUILT ##### */


/* ---- Search Results Page styling ---- */

.searchResult {

	margin-bottom:5px;
	padding:5px;
	background-color:#303030;
	
}

.resultRecord {

	margin-left:160px;
	
}

.searchResultImage { float:left; }

.searchResultTitle { font-size:2em; }

.searchResultSummary {

	color:#ffffff;
	font-size:1.2em;

}

.searchResultPath {

	color:#ffffff; 
	display:inline; 
	padding:3px; 
	margin-top:7px; 
	font-size:1.2em;	
	background-color:#1F1F1F;

}

html>body .searchResultPath  { display:inline-block; }

.searchResults .buttonContainer { clear:both; }

.searchResults .green { background-color:#717208; }
.searchResults .green .searchResultPath { background-color:#5E5F06; }

.searchResults .orange { background-color:#e15a00; }
.searchResults .orange .searchResultPath { background-color:#CF5300; }


.searchResults .searchResultTitle a:link, 
.searchResults .searchResultTitle a:visited { color:#ffffff; }

/* ---- End of Search Results Page styling ---- */

/* #### END #contentLeft CHILD DECLARATIONS #### */

/* #### INFO PAGES STYLING #### */


#infoPagesContainer {
	
	width:920px;
	
}

#infoPagesHeader {
	
	height:78px;
	width:920px;
	background:url("images/info_pages_top.gif") repeat-x bottom left;

	
}

html>body #infoPagesHeader { background:url("images/info_pages_top.png") repeat-x bottom left; }


#infoPagesHeader h1 {
	
	color:#ffffff;
	padding-left:85px;
	padding-top:5px;
	font-size:2.9em;
	
}

#infoPagesContent {
	
	margin:0px;
	clear:both;
	background:url("images/info_pages_middle.gif") repeat top left;
	padding:5px 75px 5px 70px;
	margin-left:auto;
	margin-right:auto;
	width:775px;
	
}


html>body #infoPagesContent {	background:url("images/info_pages_middle.png") repeat top left; }

#infoPagesFooter {
	
	
	height:101px;
	background:url("images/info_pages_bottom.gif") no-repeat bottom left;	
	
}

html>body #infoPagesFooter { background:url("images/info_pages_bottom.png") no-repeat bottom left; }

#infoPagesContent a { 

	text-decoration:none;
	color:#472659;
	
}

#infoPagesContent a:hover {

	text-decoration:underline;
	
}

/* #### END OF INFO PAGES STYLING #### */

/*CONTACT FORM STYLING */

#cultivContact {
	
	margin-bottom:30px;
	
}

#cultivContact fieldset { border:1px solid #ffffff; }
#cultivContact legend { display:none; }

#cultivContact .inputRow label {

	vertical-align:top;
	position:relative;
	display:inline-block;
	padding-right:10px;
	width:250px;
	text-align:right;
	font-size:30px;
	letter-spacing:-3px;
	color:#393C3C;
	font-weight:700;

}

#cultivContact .inputRow label.smallerText {

	padding-top:10px;
	letter-spacing:normal;
	font-size:1.2em;
	
}

#cultivContact span { 

	margin-left:264px;

}

#cultivContact .inputRow input {

	height:20px;

}

#cultivContact .inputRow input, 
#cultivContact .inputRow textarea,
#cultivContact .inputRow select {

	font-family:Lucida Grande, Lucida Sans Unicode ,Helvetica, Arial,Verdana,sans-serif;
	width:400px;
	margin-top:8px;
	background-color:#647680;
	border:0px;
	padding:3px;
	color:#ffffff;
	font-weight:700;
	font-size:14px;

}

#cultivContact .inputRow.narrow input,
#cultivContact .inputRow.narrow select {

	width:400px;	

	
}

#cultivContact .inputRow textarea {

	overflow:auto;
	min-height:150px;

}

#cultivContact .submit {

	width:672px;

}

#cultivContact .submit input,
#cultivContact .submitSmall input
{

	float:right;
	width:auto;
	margin-top:10px;
	font-size:1.5em;
	font-weight:700;
	background-color:#442556;
	color:#ffffff;
	border:1px solid #442556;

}

#cultivContact .submitSmall input {
	
	float:none;
	width:auto;
	height:auto;	
	font-size:0.8em;
	padding:4px;
	margin-left:265px;

	
}

#cultivContact .submit input:hover, #cultivContact .submitSmall input:hover {

	color:#442556;
	background-color:#ffffff;
	border:1px solid #442556;

}

/*END OF CONTACT FORM STYLING */


#contentFooter ul {
	
	padding:0px;
	margin:0px;
	
}

#contentFooter ul li {

	display:inline;
	color:#ffffff;
	font-size:1em;
	
}

#contentFooter a { 
	
	color:#ffffff;
	margin:0px 3px 0px 0px;
	text-decoration:none;
	
}

#contentFooter a:hover {
	
	text-decoration:underline;
	
}

/* #### UNIVERSAL BUTTON STYLING #### */

div.buttonContainer {

	margin-top:10px;
	height:21px;
	font-size:0.9em !important;
	
}

div.buttonContainer a.button, 
div.buttonContainer a.buttonWide { 

	float:right;
	min-width:75px;
	_width:75px;
	min-height:26px;
	_padding:5px 0px;
	padding-right:20px;
	padding-top:2px;
	text-align:right;
	color:#000000;
	background:url("images/whiteButton.png") no-repeat right;
	font-weight:700;
	text-decoration:none;	
}

div.buttonContainer a.buttonWide {
	
	min-width:136px;
	_width:136px;
	background:url("images/whiteButtonWide.png") no-repeat right;
	
}

div.buttonContainer a.button:hover { background:url("images/blackButton.png") no-repeat right; color:#ffffff; }
div.buttonContainer a.buttonWide:hover { background:url("images/blackButtonWide.png") no-repeat right; color:#ffffff; }

	
div.buttonContainer a.black  { background:url("images/blackButton.png") no-repeat right; color:#ffffff }
div.buttonContainer a.black:hover { background:url("images/whiteButton.png") no-repeat right; color:#000000; }
div.buttonContainer a.buttonWide.black { background:url("images/blackButtonWide.png") no-repeat right; color:#ffffff; }
div.buttonContainer a.buttonWide.black:hover { background:url("images/whiteButtonWide.png") no-repeat right; color:#000000; }

.contentBoxHome div.buttonContainer a.button { 

	float:left;
	padding:0px;
	_padding:5px 0px;
	margin:0px;
	padding-left:20px;
	padding-top:2px;
	text-align:left;
	text-decoration:none;
	background:url("images/whiteButton.png") no-repeat -1px 0px ;

	
}

.contentBoxHome div.buttonContainer a.button:hover {  background:url("images/blackButton.png") no-repeat -1px 0px ; color:#ffffff; }

/* #### END OF UNIVERSAL BUTTON STYLING #### */


.contourMessageOnSubmit
{
	background: #CFC4C4;
	border: 1px solid #000000;
	font-weight: bold;	
	font-size: 1.4em;
	padding-left: 5px;
	min-width:150px;
}

.competitionClosed
{
	background: #CFC4C4;
	border: 1px solid #000000;
	font-weight: bold;	
	font-size: 1.4em;
	padding-left: 5px;
	min-width:150px;
}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

.newsletter-email, .newsletter-name, .newsletter-lastname, .newsletter-submit {

	width:400px;
	margin-left:auto;
	margin-right:auto;
	margin:10px;
	text-align:right;
	
}

.newsletter-email label, .newsletter-name label, .newsletter-lastname label {
	
	font-weight:700;
	width:100px;
	
}

.newsletter  input {


	background-color:#647680;
	border:1px solid #4D595F;
	font-weight:700;
	color:#ffffff;
	padding:3px;
	
}

.newsletter-submit input {
	
	background-color:#442556;
	border:1px solid #ffffff;
	
}

.newsletter-submit input:hover {
	
	background-color:#ffffff;
	border:1px solid #442556;
	color:#442556;
	
}

/* ######## NEW STYLE RULES AS OF 10TH FEB 2011 ########## */
/* Changed sidebar items, twitter side bar item and home page content boxes*/

.sideBoxContainer { 

	position:relative; 
	margin-bottom:10px;


}

.sideBoxContainer .buttonContainer { 

	position:absolute;
	display:block;
	*display:none;
	right:18px;
	top:105px;
	width:110px;
	height:40px;
	z-index:5;
	
}

.sideBarBox { 

	position:relative;
	margin-left:4px;
	z-index:2;
	width:290px;	
	height:130px;
	*height:auto;
	
			
}

.sideBarBox .bgImage  {
	
	position:absolute;
	left:-3px;
	top:-3px;
	width:300px;	
	height:145px;
	overflow:hidden;
	background:url("images/corners.png") no-repeat;
	*background:transparent;
	z-index:1;
	
}


.sideBarBox .pushContentDown {

	padding-top:70px;
	_padding-top:65px;

	
} 

.sideBarBox .header { 
	
	position:relative;
	float:left;
	left:-3px;
	width:180px; 
	z-index:2;
}

div.header .headerTop {
	
	padding:5px;
	background:url("images/sidebarContentWhiteBgTop.png") no-repeat bottom left;
	
}

html>body div.header .headerTop { height:5px; padding:0px; }


div.header .headerContent {
	
	background-color:#ffffff;
	padding:0px 5px;
	min-height:70px;
	_height:70px;
	font-size:1.2em;
	
}


.headerContent a { color:#000000; text-decoration:none; }
.headerContent a:hover { text-decoration:underline; }

.headerContent span.shortDescription { 	font-size:0.8em; }

div.header .headerBottom {
	
	padding:5px;
	background:url("images/sidebarContentWhiteBgBottom.png") no-repeat;
	
	
}

html>body div.header .headerBottom { height:5px; padding:0px; }

/*sideBarBox Colors*/

.sideBarBox.purple .bgImage { background:url("images/cornersPurple.png") no-repeat; *background:transparent; }
.sideBarBox.purple .headerContent { background:#5D366C; color:#ffffff; _color:#5D366C }
.sideBarBox.purple .headerContent a { color:#ffffff; text-decoration:none; }
.sideBarBox.purple .headerContent a:hover { text-decoration:underline; }
.sideBarBox.purple .headerTop { background:url("images/sidebarContentPurpleBgTop.png") no-repeat bottom left; }
.sideBarBox.purple .headerBottom { background:url("images/sidebarContentPurpleBgBottom.png") no-repeat; }

/*End sideBarBox colors*/
#homeBg { 

	
	background:url("images/homebg.png") no-repeat; 

}


.contentBoxHome .contentBg {
	
	min-height:145px;
	_height:145px;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-moz-border-radius: 5px;
	border-radius: 5px;


}

/*new Twitter block as of 10th Feb 2011*/

.twitterBox {

	width:299px;
	margin-left:1px;
	
}

.twitterBoxHeader {
	
	background:url("images/twitter_top.png") no-repeat;
	padding-top:60px;

}

.twitterMiddle {

	padding:10px;	
	background-color:#4796AC;
	
}

.twitterContent {
	
	position:relative;
	padding:3px;
	padding-bottom:25px;
	margin-bottom:10px;
	background-color:#477F90;
	color:#ffffff;
	font-size:0.9em;
	
}

.twitterBox a { font-size:1.3em; color:#ffffff; text-decoration:none; }
.twitterBox a:hover { text-decoration:underline; }

.twitterContent a { font-size:1em; color:#FFE720; }
.twitterContent a:hover { color:#A3DDC5;}


.tweetDate {

	position:absolute;
	bottom:1px;
	right:1px;
	padding:0px 2px;
	background-color:#ffffff;
	color:#477F90;
	
}

.twitterBottom {
	
	background:url("images/twitter_bottom.png") no-repeat;

}

/*end new Twitter block */

/* ######## END NEW STYLE RULES ########### */


/* #### GENERAL STYLING RULES - HANDY DECLARATIONS TO USE WHEREVER #### */

.clearFloats { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

.floatLeft { float:left; }
.floatRight { float:right; }

.textLeft { text-align:left; }
.textCenter { text-align:center; }
.textRight { text-align:right; }

.txtWeightNormal {font-weight:normal; }

img { border:0px; }

a:link { border:0px; }

.hidden_class {	display:none; }

.mandatorySpan
{
	display:none;
	color:#ff0000;
}

.searchLabel { display:none; }


/* #### END OF GENERAL STYLING RULES - HANDY DECLARATIONS #### */


































































 /* #### 
 
 
 GENERAL STYLING RULES ABOVE SHOULD BE THE LAST GROUP OF DECLARATIONS IN THIS FILE 
 
 
 #### */




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */