/*	Kids TV screen style sheet
	Created: Thursday 02.11.09
	Last Updated: Monday 02.11.09
	Author:	Scott Harrington, scott@thinkstorm.co.uk
	----------------------------------------------------*/


/* typography 

-----------------------------------------------------------*/

/* font sizing guide:

10px = 0.625em

11px = 0.6875em

12px = 0.75em

13px = 0.8125em

14px = 0.875em

15px = 0.9375em

16px = 1em

17px = 1.0625em

18px = 1.125em

19px = 1.1875em

20px = 1.25em

26px = 1.625em

(divide desired pixel height by 16 to get 'em' value) */


body {

	font-size: 100%; /* convert 16px base font size to 12px */

	line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */

	font-family: Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Arial, sans-serif;

	background-color: #ffffff;
	
	background-image: url(../images/bgroundNEW.gif);
	
	background-repeat: repeat-x;
	
	margin: 0;

}


p {

	font-size: 0.75em;
	
	line-height: 18px;
	
	color: #525252;
	
	margin: 0.875em 0;
	

}

.newsbox p{
padding-right:100px;
margin-bottom: 20px;
}

#rightColumn p{
padding-right:100px;
}

p.newsDate {

	font-size: 0.75em;
	
	font-weight: bold;
	
	line-height: 18px;
	
	color: #717679;
	
	margin: 3px 0px 0px 0px;
	
	

}


/* h1 and variants

-----------------------------------------------------------*/

h1.newsTitle {

	font-size: 0.8125em;
	
	font-weight: 200;
	
	color: #9E0918;
	
	font-weight: bold;
	
	margin: 15px 0px 0px 0px;
	


}


h1.home {
margin-top: 15px;

	font-size: 24px;
	
	font-weight: 250;
	
	text-align: left;
	
	color: #000000;
	
	background-image: url(http://www.primaryleisure.co.uk/assets/images/features_h1.gif);
	
	background-position: right;
	
	background-repeat: no-repeat;
	
	padding-bottom: 10px;
	
	letter-spacing: -0.2pt;
	
	border-bottom: solid 1px #cccccc;


}


h1.news {

letter-spacing: -0.2pt;
	
	border-bottom:1px solid #CCCCCC;

	color: #000000;

		font-size: 24px;

	font-weight:normal;

	line-height:1.25em;

	margin:0px 0px 5px 0px;

	padding:55px 0 5px;

}

h1.about{

letter-spacing: -0.2pt;
	
	border-bottom:1px solid #CCCCCC;

	color: #000000;

		font-size: 24px;

	font-weight:normal;

	line-height:1.25em;

	margin:0px 0px 5px 0px;

	padding:55px 0 5px;

}

h1.income {


letter-spacing: -0.2pt;
	
	border-bottom:1px solid #CCCCCC;

	color: #000000;

		font-size: 24px;

	font-weight:normal;

	line-height:1.25em;

	margin:0px 0px 45px 0px;

	padding:55px 0 5px;

}


h1.pos {

letter-spacing: -0.2pt;
	
	border-bottom:1px solid #CCCCCC;

	color: #000000;

		font-size: 24px;

	font-weight:normal;

	line-height:1.25em;

	margin:0px 0px 45px 0px;

	padding:55px 0 5px;

}


h1.advertising {

letter-spacing: -0.2pt;
	
	border-bottom:1px solid #CCCCCC;

	color: #000000;

		font-size: 24px;

	font-weight:normal;

	line-height:1.25em;

	margin:0px 0px 45px 0px;

	padding:55px 0 5px;

}

form#freeform{
margin-top: 40px;
}


/* h2 and variants 

-----------------------------------------------------------*/

h2 {

	font-size: 1em;
	
	font-weight: bold;
	
	color: #9E0918;
	
	margin: 45px 0px 0px 0px;
	


}


h2.news {

	color:#9E0918;

	font-size:1em;

	font-weight: bold;

	line-height:1.25em;

	margin:0px 0px 0px 0px;

	padding:25px 0px 0px 0px;

}


/* h3 and variants

-----------------------------------------------------------*/

h3.left {

	border-bottom:1px solid #CCCCCC;
	
	border-top:1px solid #CCCCCC;
	
	color:#535353;
	
	font-size:1.125em;
	
	
	
	
	line-height:1.25em;
	
	margin:0px 0px 25px 0px;
	
	padding:15px 0 5px 0px;
	
}


h3.left1 {

	border-bottom:1px solid #CCCCCC;
	
	border-top:1px solid #CCCCCC;
	
	color:#535353;
	
	font-size:1.125em;
	
	
	

	
	line-height:1.25em;
	
	margin:0px 0px 25px 0px;
	
	padding:15px 0 5px 0px;
	
}


h3.leftPad {

	border-bottom:1px solid #CCCCCC;
	
	color:#000;
	
	font-size:1.0625em;
	
	font-weight:lighter;
	

	
	line-height:1.25em;
	
	margin:50px 0px 25px 0px;
	
	padding:0px 0 5px;
	
}


h3.incomeWhite {
line-height:1.5em;
	font-size: 1.25em;
	
	font-weight: bold;
	
	color: #ffffff;
	
	margin: 6px 0px 0px 0px;
	
	
	
	text-align: center;

}


h3.posWhite {
line-height:1.5em;
	font-size: 1.25em;
	
	font-weight: bold;
	
	color: #ffffff;
	
	margin: 6px 0px 0px 0px;
	

	
	text-align: center;

}


h3.advertisingWhite {
line-height:1.5em;
	font-size: 1.25em;
	
	font-weight: bold;
	
	color: #ffffff;
	
	margin: 6px 0px 0px 0px;
	
	
	
	text-align: center;

}




.home h3.incomeWhite {
line-height:1.5em;
	font-size: 1.25em;
	
	font-weight: bold;
	
	color: #ffffff;
	
	margin: 11px 0px 0px 0px;
	
	
	
	text-align: center;

}


.home h3.posWhite {
line-height:1.5em;
	font-size: 1.25em;
	
	font-weight: bold;
	
	color: #ffffff;
	
	margin: 11px 0px 0px 0px;
	

	
	text-align: center;

}


.home h3.advertisingWhite {
line-height:1.5em;
	font-size: 1.25em;
	
	font-weight: bold;
	
	color: #ffffff;
	
	margin: 11px 0px 0px 0px;
	
	
	
	text-align: center;

}


/* holds content within a portrait layour & positioned left

-----------------------------------------------------------*/

#wrapper {

	width:940px;
	
	height:100%;
	
	margin:0 auto;
	
	padding:0;

}


/* holds the logo header and website Navigation

-----------------------------------------------------------*/


#header {
position: relative;
	width:940px;
	
	height:122px;
	
	padding-top: 25px;
	
	background-image: url(../images/banner_new.gif);
	
	background-repeat: no-repeat;

	float: left;

}


#header ul {
position: absolute;
bottom: 30px;
right: 0;


	list-style-image:none;
	
	list-style-position:outside;
	
	list-style-type:none;
	
	margin-left:0;
	
	padding:0px 0px 0px 0px;
	

	
}


#header li {

	display: inline;

	margin-left:0px;

	margin-right:0px;

	padding-left:0px;
	
	line-height: 1.5em;

}


#header li a {

	font-size: 0.8125em;
	
	font-weight: lighter;
	

	
	color: #ffffff;
	
	text-decoration: none;
	
	background-color: #9E0918;
	
	padding: 2px 5px 3px 5px;

}

#header li a:hover {

	font-size: 0.8125em;
	
	font-weight: lighter;
	
	
	
	color: #000000;
	
	text-decoration: none;
	
	background-color: #fece71;

}


/* holds the home background for the podpage

-----------------------------------------------------------*/

#podBG {

	width:940px;
	
	height:654px;
	
	background: url(../images/home_bg.png) no-repeat 270px 35px;
	
	padding: 25px 0px 0px 0px;

	float: left;

}


/* Internal left column and definition lists

-----------------------------------------------------------*/


.leftColumn {

	width:220px;
	
	padding: 40px 250px 0px 0px;

	float: left;

}


.leftColumn dl {

	color:#000000;
	
	font-size:0.75em;
	
	letter-spacing:0.1pt;
	

}


.leftColumn dt {

	color:#9E0918;
			
	font-weight:bold;
	
	padding-bottom: 3px;
	
}


.leftColumn dd {

	color:#000000;
	font-size:0.875em;
	line-height: 1.2em;
	padding-bottom: 25px;
	
}


.rightColumn {

	width:220px;

	padding: 40px 0px 0px 250px;

	float: left;

}


.rightColumn dl {

	color:#000000;
	
	font-size:0.75em;
	
	letter-spacing:0.1pt;

clear: both;
}


.rightColumn dt {

	color:#9E0918;
			
	font-weight:bold;
	
	text-align: right;
	
	padding-bottom: 3px;
	
}


.rightColumn dd {

	color:#000000;
	line-height: 1.2em;
	text-align: right;
	font-size:0.875em;
	
	padding-bottom: 25px;
	
}


/* holds the home News Column

-----------------------------------------------------------*/

#homeNews {

	width:300px;
	
	height: 100%;

	float: left;
	
	padding-top: 20px;

}


#homeNews a {

	color: white;
	
	background-color: #9E0918;
	
	padding: 2px;
	
	text-decoration: none;

}


#homeNews a:hover {

	color: black;
	
	background-color: #8CC63F;
	
	padding: 2px;
	
	text-decoration: none;

}

/* holds the home content Column

-----------------------------------------------------------*/

#homeContent {

	width:590px;
	
	height: 100%;
	
	margin-left: 50px;
	
	padding: 20px 0px 25px 0px;

	float: left;

}


#homeContent p {

	padding: 0px 90px 0px 0px;

}


#homeContent a {

	color: #9E0918;
	
	text-decoration: underline;

}


#homeContent a:hover {

	color: #9E0918;
	
	text-decoration: none;

}


/* holds the Three Columns

-----------------------------------------------------------*/

#columnOne {

	background-image:url(../images/column-one.jpg);

	background-repeat:no-repeat;
	
	background-position: bottom;

	float:left;

	height:240px;

	line-height:normal;

	margin-right:20px;

	padding:0px 25px 0 10px;

	width:265px;

}


#columnTwo {

	background-image:url(../images/column-twoa.jpg);

	background-repeat:no-repeat;
	
	background-position: bottom;
	
	float:left;

	height:240px;

	line-height:normal;

	margin-right:20px;

	padding:0px 25px 0 10px;

	width:265px;

}


#columnThree {

	background-image:url(../images/column-threea.jpg);
	
	background-repeat:no-repeat;
	
	background-position: bottom;
	
	float:left;
	
	height:240px;
	
	line-height:normal;
	
	padding:0px 25px 0 10px;
	
	width:265px;

}


.paddingBox {

	padding: 25px 0px 0px 95px;
	
	color: black;

}

.paddingBoxA {

	padding: 10px 0px 0px 95px;
	
	color: black;

}


#columnOne a {

	color: white;
	
	background-color: #9E0918;
	
	padding: 2px;
	
	text-decoration: none;

}


#columnOne a:hover {

	color: black;
	
	background-color: #8CC63F;
	
	padding: 2px;
	
	text-decoration: none;

}


#columnTwo a {

	color: white;
	
	background-color: #9E0918;
	
	padding: 2px;
	
	text-decoration: none;

}


#columnTwo a:hover {

	color: black;
	
	background-color: #8CC63F;
	
	padding: 2px;
	
	text-decoration: none;

}


#columnThree a {

	color: white;
	
	background-color: #9E0918;
	
	padding: 2px;
	
	text-decoration: none;

}


#columnThree a:hover {

	color: black;
	
	background-color: #8CC63F;
	
	padding: 2px;
	
	text-decoration: none;

}


/* Banner to seperate Content

-----------------------------------------------------------*/

#bannerSeperate {

	background-image:url(../images/banner_split.gif);
	
	background-repeat:no-repeat;
	
	float:left;
	
	margin: 28px 0px 14px 0px;
	
	width:940px;
	
	height:56px;

}


/* holds the left columns for the content pages

-----------------------------------------------------------*/

#leftColumn {

	background-image:url(../images/leftImage.jpg);
	
	background-repeat:no-repeat;
	
	background-position: top;
	
	padding:400px 0px 0px 0px;
	
	margin-bottom: 25px;
	
	float:left;
	
	width:300px;
	
	height:100%;

}


#leftColumn a {

	color: white;
	
	background-color: #9E0918;
	
	padding: 2px;
	
	text-decoration: none;

}


#leftColumn a:hover {

	color: black;
	
	background-color: #8CC63F;
	
	padding: 2px;
	
	text-decoration: none;

}


#leftColumna {

	background-image:url(../images/leftImageaA.jpg);
	
	background-repeat:no-repeat;
	
	background-position: top;
	
	padding:400px 0px 0px 0px;
	
	margin-bottom: 25px;
	
	float:left;
	
	width:300px;
	
	height:100%;

}


#leftColumna a {

	color: white;
	
	background-color: #9E0918;
	
	padding: 2px;
	
	text-decoration: none;

}


#leftColumna a:hover {

	color: black;
	
	background-color: #8CC63F;
	
	padding: 2px;
	
	text-decoration: none;

}


#leftColumnb {

	background-image:url(../images/leftImagea.jpg);
	
	background-repeat:no-repeat;
	
	background-position: top;
	
	padding:400px 0px 0px 0px;
	
	margin-bottom: 25px;
	
	float:left;
	
	width:300px;
	
	height:100%;

}


#leftColumnb a {

	color: white;
	
	background-color: #9E0918;
	
	padding: 2px;
	
	text-decoration: none;

}


#leftColumnb a:hover {

	color: black;
	
	background-color: #8CC63F;
	
	padding: 2px;
	
	text-decoration: none;

}


#leftColumnc {

	background-image:url(../images/leftImageb.jpg);
	
	background-repeat:no-repeat;
	
	background-position: top;
	
	padding:400px 0px 0px 0px;
	
	margin-bottom: 25px;
	
	float:left;
	
	width:300px;
	
	height:100%;

}


#leftColumnc a {

	color: white;
	
	background-color: #9E0918;
	
	padding: 2px;
	
	text-decoration: none;

}


#leftColumnc a:hover {

	color: black;
	
	background-color: #8CC63F;
	
	padding: 2px;
	
	text-decoration: none;

}


.opportunities {

	background-image:url(../images/column-oneL.jpg);
	
	background-repeat:no-repeat;
	
	width: 300px;
	
	height: 225px;
	
	padding: 5px 0px 0px 0px;
	
	margin-bottom: 15px;

}


.opportunitiesb {

	background-image:url(../images/column-twoaL.jpg);
	
	background-repeat:no-repeat;
	
	width: 300px;
	
	height: 225px;
	
	padding: 5px 0px 0px 0px;
	
	margin-bottom: 15px;

}


.opportunitiesc {

	background-image:url(../images/column-threeaL.jpg);
	
	background-repeat:no-repeat;
	
	width: 300px;
	
	height: 225px;
	
	padding: 5px 0px 0px 0px;
	
	margin-bottom: 15px;

}

/* Ul	styling			

-----------------------------------------------------------*/


#rightColumn ul, .rightColumnPOS ul{
color: #000;
float: left;
font-size: 12px;
width: 500px;
margin-left: 50px;

}

#rightColumn li, .rightColumnPOS ul{
background:url(../images/bullet.gif) no-repeat left top;
line-height: 1.3em;
padding: 0 0 30px 30px;

margin: 0 0 32px 0;
border-bottom: 1px solid #adadad;

}




/* holds the right columns for the content pages

-----------------------------------------------------------*/

#rightColumn {
	
	padding:0px 0px 0px 50px;
	
	float:left;
	
	width:590px;
	
	height:100%;
	
	margin-bottom: 25px;

}


#rightColumnG {
	
	padding:0px 0px 0px 50px;
	
	float:left;
	
	width:590px;
	
	height:100%;
	
	margin-bottom: 25px;

}


.rightColumnIncome {

	background-image:url(../images/pat_pod.jpg);
	
	background-repeat:no-repeat;
	
	background-position: right top;
	
	border-bottom:1px solid #CCCCCC;
	
	padding:0px 0px 45px 0px;
	
	float:left;
	
	width:640px;
	
	height:600px;
	
	margin-bottom: 50px;

}


.rightColumnIncome dl {

	color:#000000;
	
	font-size:0.75em;
	
	letter-spacing:0.2pt;

}


.rightColumnIncome dt {

	color:#E7058B;
			
	font-weight:bold;
	
	padding-bottom: 3px;
	
}


.rightColumnIncome dd {

	color:#000000;
	
	line-height: 18px;
	
	padding-bottom: 20px;
	
}


.rightColumnPOS {

	background-image:url(../images/finley_pod.jpg);
	
	background-repeat:no-repeat;
	
	background-position: right top;
	
	border-bottom:1px solid #CCCCCC;
	
	padding:0px 0px 15px 0px;
	
	float:left;
	
	width:640px;
	
	height:600px;
	
	margin-bottom: 50px;

}


.rightColumnPOS dl {

	color:#000000;
	
	font-size:0.75em;
	
	letter-spacing:0.2pt;

}


.rightColumnPOS dt {

	color:#F78F1E;
			
	font-weight:bold;
	
	padding-bottom: 3px;
	
}


.rightColumnPOS dd {

	color:#000000;
	
	line-height: 18px;
	
	padding-bottom: 20px;
	
}


.rightColumnAdvertising {

	background-image:url(../images/rupert_pod.jpg);
	
	background-repeat:no-repeat;
	
	background-position: right top;
	
	border-bottom:1px solid #CCCCCC;
	
	padding:0px 0px 15px 0px;
	
	float:left;
	
	width:640px;
	
	height:600px;
	
	margin-bottom: 50px;

}


.rightColumnAdvertising dl {

	color:#000000;
	
	font-size:0.75em;
	
	letter-spacing:0.2pt;

}


.rightColumnAdvertising dt {

	color:#7D4199;
			
	font-weight:bold;
	
	padding-bottom: 3px;
	
}


.rightColumnAdvertising dd {

	color:#000000;
	
	line-height: 18px;
	
	padding-bottom: 20px;
	
}



/* holds the Footer

-----------------------------------------------------------*/

#footer-wrapper {

	background-color:#ffffff;
	
	border-top:10px solid #8cc63f;
	
	margin:25px 0px 0px 0px;
	
	padding:0;
	
	float:left;
	
	height:120px;
	
	width:100%;

}


#footer {
	background-color:#ffffff;
	
	background-image:url(../images/footer-bground.jpg);
	
	background-position:right center;
	
	background-repeat:no-repeat;
	
	height:110px;
	
	margin:0 auto;
	
	padding:10px 0 0;
	
	width:940px;
	
}


#footer a:link, a:visited, a:active {

	font-size: 1em;

	font-weight: normal;

	text-decoration: none;

	color: #000000;

}


#footer a:hover {

	font-size: 1em;

	font-weight: normal;

	text-decoration: none;

	color: #000000;

}


/* Additional classes

-----------------------------------------------------------*/

.newspreview {
margin-bottom: 40px;

}

.newsbox {

	border-bottom:1px solid #CCCCCC;
	
	float:left;
	
	line-height:1em;
	
	margin:0;
	
	padding:10px 0 30px 0;
	
	width:100%;

}

.green {

	color: #8cc63f;
	
	float: left;
	
	font-size: 11px;
	
	font-weight: lighter;
	
	padding-top: 5px;
	
}


p#designstorm {
	
	color: black;

	background-repeat: no-repeat;

	float: left;

}


.clearBoth {

	clear:both;

}


label {

	float:left;

	font-size:0.95em;

	width:120px;

}


.contactL {

	width: 390px;
	
	height: 100%;
	
	float: left;

}


.contactR {

	width: 100px;
	
	height: 100%;
	
	float: left;

}


.gallery_image {

	background:#FFFFFF none repeat scroll 0 0;
	
	border:1px solid #D8D8D8;
	
	padding: 4px;
	
	height:176px;
	
	float: left;
	
	width:176px;
	
	margin: 0px 10px 10px 0px;

}