
body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%;  background:url(http://www.playfulcommunities.org.uk/images/build/mainBg.jpg) repeat-y top center; }
a { font-weight:bold; color:#682F73; text-decoration:none;}
a:hover { text-decoration:underline; }
p { margin-bottom:10px; }
.centered { text-align:center; display:block;}
.smallprint {  font-size:0.86em; }
.largeTextBold { font-size:1.2em; font-weight: bold; line-height:1.2em; margin-bottom:20px;}
.largeText { font-size:1.2em; line-height:1.2em; }
.blockItem { display:block;}
.rightAligned { text-align:right;}

h1 { font-size:1.7em; font-weight:normal; color:#000000; margin-bottom:20px; margin-top:10px;}
h1.h17 { font-size:1.7em; line-height:1em; font-weight:normal; color:#000000; margin-bottom:20px; margin-top:10px;} /*R.I - amend space issue */
h2 { font-size:1.3em; font-weight:normal; color:#682F73; margin-bottom:10px; clear:both; color: #000000;}
.doubleLeftCol h2 { border-bottom:1px solid #cccccc; padding-bottom:10px; }
#bottom h2 {font-size: 1.5em; font-weight:bold;}
.middleCol h2 { margin-top:30px;}
h3 { font-size:1em;}
h3.jumpLink { font-size:1.4em; font-weight:normal; background:url(http://www.playfulcommunities.org.uk/images/build/h3JumpLinks.jpg); color:#000000; padding-top:20px; padding-bottom:20px; }
ol li h3 { color:#682F73; display:inline;}
h4 { font-size:1.4em; font-weight:normal; margin-bottom:20px; }
h4 a { font-weight:normal;}
h5 { color:#000000; }

ol { list-style-type: decimal; list-style-position: inside; color:#000000; border-top:2px solid #999999; }
ol li { background:url(http://www.playfulcommunities.org.uk/images/build/bullet-round-green.gif) no-repeat 0px 6px; border-bottom:1px dotted #999999; color:#ffffff; font-weight:bold; padding-left:5px; padding-top:5px; }
ol li a { background:none;}
ol li ul { list-style-type:disc; padding-top:5px; margin-bottom:10px;}
ol li ul li { background:none; color:#682F73; border-bottom:none;  margin-left:30px; padding-top:2px;}
ol li ul li a { font-weight:normal;}

#wrapper { width:960px; margin-left:auto; margin-right:auto; clear:both; line-height:1.4em; font-size:1.4em; color:#555555;}
#siteNavigation { font-size:0.86em;}

#header { margin-bottom:15px; background:url(http://www.playfulcommunities.org.uk/images/build/backgrounds/default.jpg) no-repeat;}
#header dl { float:left; width:287px; margin-left:26px;}
#header dl dt a { padding-left:35px; height:44px; line-height:44px; display:block; color:#FFFFFF; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/area-headers.png) no-repeat; font-size: 1.6em;}
#header dl dd { padding-bottom:20px; padding-left:30px; padding-top:5px; background:url(http://www.playfulcommunities.org.uk/images/build/homepage/area-background.png) no-repeat bottom;}
#header input[type=text] { height:18px; border:1px solid #682F73;}
#header dl dt a:hover { color:#666666; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/area-headers_f2.png) no-repeat; text-decoration:none;}
#header dl dt a.on { color:#666666; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/area-headers_f2.png) no-repeat;}
#header dl dd ul li { list-style-image:url(http://www.playfulcommunities.org.uk/images/build/bullet-arrow-grey.png); color:#682F73;}
#header dl dd ul li a { font-weight: normal; color: #682f73; text-decoration: none;}
#strapline #search { float:right; padding-left:18px;}
#strapline #search input { vertical-align:middle;}

/* RI added the following three lines to work with Immediacy */
#strapline #search #searchBox #Template_ctl10dosearch {vertical-align:top;}
#strapline #search #searchBox img {margin-left:5px; vertical-align:middle;}

#logo { border-bottom:1px solid #ffffff; padding-bottom:9px; margin-bottom:10px; }
#btnSearch { background:url(http://www.playfulcommunities.org.uk/images/build/navigation/submit.png); border:none; color:#ffffff; width:58px; line-height:20px; height:20px; margin-left:5px;}

.playEnglandLogo { text-align:center; line-height:27px;}
.playEnglandLogo a.shareThis { background:url(http://www.playfulcommunities.org.uk/images/build/icons/share-this.png) no-repeat 0 0; color:#ffffff; text-decoration:none; padding-left:22px; width:90px; line-height:27px; height:27px; display:inline-block;}
.playEnglandLogo a.shareThis:hover { background:url(http://www.playfulcommunities.org.uk/images/build/icons/share-this_f2.png) no-repeat 0 0;}

#top { width:760px; margin-right:5px; margin-left:30px; margin-top:33px; margin-bottom:125px; float:left;}

#mainNavigation { float:right; margin-top:5px; }
#mainNavigation li { float:left; padding-left:10px;}
#mainNavigation a { color:#ffffff; text-decoration:none; line-height:27px; text-align:center;}
#mainNavigation a:hover { text-decoration:none;}
#mainNavigation a.home { width:58px; display:block; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/home.png) no-repeat;}
#mainNavigation a.home:hover { background:url(http://www.playfulcommunities.org.uk/images/build/navigation/home_f2.png) no-repeat;}
#mainNavigation a.why { width:139px; display:block; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/why.png) no-repeat;}
#mainNavigation a.why:hover { background:url(http://www.playfulcommunities.org.uk/images/build/navigation/why_f2.png) no-repeat;}
#mainNavigation a.resources { width:80px; display:block; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/resources.png) no-repeat;}
#mainNavigation a.resources:hover { background:url(http://www.playfulcommunities.org.uk/images/build/navigation/resources_f2.png) no-repeat;}
#mainNavigation a.getintouch { width:100px; display:block; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/getintouch.png) no-repeat;}
#mainNavigation a.getintouch:hover { background:url(http://www.playfulcommunities.org.uk/images/build/navigation/getintouch_f2.png) no-repeat;}


ul#breadcrumb { font-size:0.86em; font-weight:normal; border-bottom:1px solid #cccccc; margin-left:30px; margin-right:30px; padding-bottom:15px; margin-bottom:15px;}
ul#breadcrumb a { font-weight:normal;}
ul#breadcrumb li { list-style-image:url(http://www.playfulcommunities.org.uk/images/build/breadcrumb-arrow.gif); float:left; padding-right:22px;}
ul#breadcrumb li.first { list-style-image:none;}


#secondaryNav { padding-left:0px; width:325px;}
#secondaryNav ul { background:url(http://www.playfulcommunities.org.uk/images/build/leftcol_background.jpg) no-repeat right; margin-bottom:15px; padding-left:30px; min-height:570px;}
#secondaryNav ul li { margin-bottom:4px;}
#secondaryNav ul li a { background:url(http://www.playfulcommunities.org.uk/images/build/navigation/secondary-nav.jpg) no-repeat; line-height:38px; display:block; padding-left:30px; padding-right:20px;}
#secondaryNav ul li a:hover { color:#ffffff; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/secondary-nav_f2.jpg) no-repeat; }
#secondaryNav ul li.large a { background:url(http://www.playfulcommunities.org.uk/images/build/navigation/secondary-nav-large.jpg) no-repeat; line-height:1.2em; height:50px; padding-top:9px;}
#secondaryNav ul li.large a:hover { color:#ffffff; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/secondary-nav-large_f2.jpg) no-repeat; }
#secondaryNav ul li a.on { color:#ffffff; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/secondary-nav_f2.jpg) no-repeat; }
#secondaryNav ul li.large a.on { color:#ffffff; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/secondary-nav-large_f2.jpg) no-repeat; }
#secondaryNav ul li.noBg a { background:url(http://www.playfulcommunities.org.uk/images/build/bullet-arrow-grey.png) no-repeat 2px 4px; padding:0px; margin:0px; padding-left:20px; line-height:20px;}
#secondaryNav ul li.noBg a:hover { color:#682F73; background:url(http://www.playfulcommunities.org.uk/images/build/bullet-arrow-grey.png) no-repeat 2px 4px; text-decoration:underline; }
#secondaryNav ul a:hover { text-decoration:none;}

/*-- temporary new styles for sub nav styling - system cannot currently output nested <ul> structure correctly 
	 Created by Ben Copping 07.12.09 --*/
#secondaryNav ul li.parent {margin-bottom:0px;}
#secondaryNav ul li.child {border-left:1px solid #CCC;margin:0 0 0 15px;width:257px;}
#secondaryNav ul li.child a {background:none;font-weight:normal;line-height:1.4em;padding:8px 20px;}
#secondaryNav ul li.child a:hover,
#secondaryNav ul li.on a {background:#DDEDBF;color:#000;text-decoration:none;}

#secondaryNav ul li ul { border:none; background:url(http://www.playfulcommunities.org.uk/images/build/navigation/third-nav-bg.gif) no-repeat bottom left; padding-left:0px; margin-bottom:10px; margin-left:15px; padding-bottom:10px; width:257px; padding-right:0px; min-height:1px;}
#secondaryNav ul li ul li { padding:0px; margin:0px; padding-top:0px;}
#secondaryNav ul li ul li a {  background:url(http://www.playfulcommunities.org.uk/images/build/bullet-round-green.gif) no-repeat 5px 7px; line-height:1.6em; font-weight:normal; display:block; padding:5px; padding-left:10px; margin-left:0px;  }
#secondaryNav ul li ul li a:hover { text-decoration:none; background:#DDEDBF url(http://www.playfulcommunities.org.uk/images/build/bullet-round-green.gif) no-repeat 5px 7px; color:#000000; }
#secondaryNav ul li ul li a.on { text-decoration:none; background:#DDEDBF url(http://www.playfulcommunities.org.uk/images/build/bullet-round-green.gif) no-repeat 5px 7px; color:#000000; }
#secondaryNav ul li ul li a .number { color:#ffffff; padding-right:10px;}

/* Rachel fix */
#secondaryNav ul li.level0 {margin-bottom:0px;}

#secondaryNav ul li.level1 {border-left:1px solid #CCC;margin:0 0 0 15px;width:257px;}
#secondaryNav ul li.level1 a {background:none;font-weight:normal;line-height:1.4em;padding:8px 20px;}
#secondaryNav ul li.level1 a:hover,
#secondaryNav ul li.level1 a.on {background:#DDEDBF;color:#000;text-decoration:none;}

#secondaryNav ul li.level2 {border-left:1px solid #CCC;margin:0 0 0 15px;width:257px;}
#secondaryNav ul li.level2 a {border-top:5px solid #FFF;background: url('http://www.playfulcommunities.org.uk/images/build/child2Bg.gif') 19px 12px no-repeat !important;font-weight:normal;line-height:1.4em;padding:4px 20px 4px 35px;color:#682f73 !important; }
#secondaryNav ul li.level2 a:hover,
#secondaryNav ul li.level2 a.on  {background: #e5e5e5 url('http://www.playfulcommunities.org.uk/images/build/child2On2Bg.gif') 19px 12px no-repeat !important;color:#000;text-decoration:none;}



.leftCol { width:295px; float:left; padding-left:30px;}
.middleCol { width:365px; float:left; padding-left:10px; padding-right:10px;}
.rightCol { width:240px; float:left; padding-left:10px;}

.doubleLeftCol { width:650px; float:left; padding-left:50px; padding-right:10px;}
.doubleMiddleCol { width:595px; float:left; padding-left:10px; margin-right:30px;}
.doubleMiddleCol .middleCol  { width:355px;}
.doubleMiddleCol .rightCol { width:210px;}
.middleRightSpanned { margin-bottom:20px;}

.rightCol img { padding-top:20px;}
.leftCol a { padding-left:15px; background:url(http://www.playfulcommunities.org.uk/images/build/bullet-arrow-grey.png) no-repeat 2px 4px; }


#footer { background:url(http://www.playfulcommunities.org.uk/images/build/footer-background.png) no-repeat; }
#footer { clear:both; padding-top:25px; margin-top:20px;}
#footer .links { float:left; margin-top:20px; }
#footer .links ul li { float:left; padding-left:20px;}
#footer .links ul li a {}
#footer .supporters { color:#999999; float:right; }
#footer .supporters ul { padding-right:40px; margin-top:5px;}
#footer .supporters ul li { float:left; padding-left:20px; line-height:50px; }







.backToTop { font-size:0.86em; font-weight:normal; display:block; float:right; margin-top:10px; margin-right:15px; }

.share { font-size:0.86em; margin-top:20px; vertical-align:middle; margin-bottom:20px; line-height:22px;}
.share a { padding-left:5px; line-height:22px;}
.share img { vertical-align:middle;}


.askAQuestion { float:right; padding-right:7px; padding-left:30px;}
ul.faq { margin-bottom:20px;}
dl.faq dt { font-weight:bold; margin-top:10px;}
dl.faq dd { border-bottom:1px solid #cccccc; padding-bottom:10px;}
ul.faq a { font-weight:normal; padding-left:0px;}
ul.faq li { background:url(http://www.playfulcommunities.org.uk/images/build/faqBg.gif) no-repeat; margin-bottom:5px; padding-left:45px; margin-top:15px; padding-right:25px; line-height:31px;}

.iconLinks { margin-bottom:0px;}
.iconLinks li { margin-bottom:5px; line-height:16px;}
.iconLinks li img {padding-top: 0;}
.iconLinks .p { /*background:url(http://www.playfulcommunities.org.uk/images/build/icons/print.gif) no-repeat 0px;*/ padding-left:25px;}
.iconLinks .d { /*background:url(http://www.playfulcommunities.org.uk/images/build/icons/download.gif) no-repeat 0px;*/ padding-left:25px;}
.iconLinks .s { /*background:url(http://www.playfulcommunities.org.uk/images/build/icons/share.gif) no-repeat 0px;*/ padding-left:25px;}

.boxedContent { background:#DCEDBD; padding:15px; margin:20px; margin-right:40px;}
.doubleMiddleCol .boxedContent { margin-right:30px;}

.boxed { background:url(http://www.playfulcommunities.org.uk/images/build/rightBoxed/tile.gif); margin-top:30px;}
.boxed h4 { background:url(http://www.playfulcommunities.org.uk/images/build/rightBoxed/top.gif) no-repeat; padding-top:20px; padding-left:20px; padding-right:10px;}
.boxed .content { padding-bottom:20px; padding-left:20px; padding-right:10px; background:url(http://www.playfulcommunities.org.uk/images/build/rightBoxed/bottom.gif) no-repeat bottom; }
.boxed .content dl { margin-bottom:20px;}
.boxed .content dl dd { margin-bottom:5px;}

.imageBox { font-size:0.86em; float:right; margin-left:30px; margin-right:20px;}
.doubleMiddleCol .imageBox { margin-right:0px;}
.imageBox img { display:block;}

.jumpLinksOuter {border-top:dashed 1px #999999; margin-top: 10px; margin-bottom: 20px;}
.jumpLinks { border-bottom:dotted 1px #999999;  padding:10px 0 10px 0; margin:0 0 20px 0;}
/*.jumpLinks { border-top:dashed 1px #999999; border-bottom:dotted 1px #999999; padding:10px 0 10px 0; margin:0 0 20px 0; }*/
.jumpLinks ul { display:inline;}
.jumpLinks ul li { display:inline; padding-left:20px;}

.aToZItems { padding:20px;}
.aToZJumpLinks { border-top:dashed 1px #999999; padding:10px 0 10px 0; margin:10px 0 10px 0; }
.aToZJumpLinks .bg { background:url(http://www.playfulcommunities.org.uk/images/build/a-z-jump-bg.jpg) no-repeat; color:#000000; font-size:1.4em; height:56px; padding:20px;}
.aToZJumpLinks .bg a { color:#000000; padding-right:2px;}
.aToZJumpLinks .bg a:hover { color:#76B900; text-decoration:none;}
.aToZJumpLinks .bg a.on { color:#76B900;}
.aToZJumpLinks .bg .jumpTo {padding-bottom:10px;}
.letter { background:url(http://www.playfulcommunities.org.uk/images/build/round-green-large.gif) no-repeat; color:#ffffff; height:36px; width:35px; text-align:center; font-size:1.6em; font-weight:bold; line-height:36px;}
.linkItem { margin-bottom:20px;}
.seeAll a { padding-left:15px; background:url(http://www.playfulcommunities.org.uk/images/build/bullet-arrow-grey.png) no-repeat 0px 2px;}

.nextPrevious { border-top:dashed 1px #999999; border-bottom:dotted 1px #999999; padding:10px 0 10px 0; margin:10px 0 10px 0; }
.nextPrevious .next  { background:url(http://www.playfulcommunities.org.uk/images/build/arrow-purple-right.png) no-repeat right 4px; float:right; padding-right:15px; }
.nextPrevious .previous  { background:url(http://www.playfulcommunities.org.uk/images/build/arrow-purple-left.png) no-repeat left 4px; float:left; padding-left:15px; }


ul.aboutLinks { margin-top:25px;}
ul.aboutLinks li { margin-bottom:5px; margin-top:15px; padding-right:20px; display:inline;}


.first { padding-left:0px; height: 65px;}

.prevHyperlink {width: 45%; padding: 0; margin:0; float:left;}
.nextHyperlink {width: 45%; padding: 0; margin:0; float:right;}

/* Form styles */
td.caption{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#555000; width:200px; float:left; margin-top:10px; vertical-align:bottom; margin-right: 20px;}
#Template_ctl05_ctl00_Whichofthefollowingareasdoesthisexampledemonstratewell { font-size:1.2em; line-height: 1.4em;}
