/* --------------------------------------------------------------
 
CSS Document
Global style  - Green Lanes Shopping Centre // Kids' Club - Barnstaple - Devon
Author - Phil Clayton - Bray Leino Destination - 21 April 2008 

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

/* ---------- Layout --------- */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
}

body {
	background-color: #D4DDD4;
}

.wrap {
	/*border: 1px solid red;*/
	width: 920px;
	position: relative;
	margin: 0 auto;
	padding: 0 25px 0 25px;
	text-align: left;
}
/* ---------- content wraps by id ---------- */

#header {
	background: #fff url('../imgs/header/headerBgGrad.jpg') repeat-x 0 0;
	width: 100%;
	height: 435px;
}

/* ---------- scenes ---------- */
			
#indexScene {
	height: 435px;
	background: transparent url('../imgs/header/indexScene.png') no-repeat 5px 0;
}

#body {
	background: transparent url('../imgs/body/bodyBg.jpg') repeat 0 0;
	width: 100%;
	/*height: 435px;*/
}

#footer {
	background: transparent url('../imgs/footer/skirtingBoard.jpg') repeat-x 0 0;
	width: 100%;
	/*height: 435px;*/
}

/* ---------- end ---------- */

.grass {
	/*border: 1px solid red;*/
	width: 100%;
	height: 60px;
	position: relative;
	bottom: 13.85%;
	left: 0%;
	z-index: 10;
	background: transparent url('../imgs/header/grass1.png') repeat-x bottom left;
}
#mainNav {
	width: 100%;
	border-top: 1px solid #211801;
	border-bottom: 1px solid #000;
	margin: 0;
	padding: 0;
	background: #49310f url('../imgs/navigation/mainNavBg.jpg') repeat-x 0 0;
	text-align: center;
}

.leftColumn {
	/*border: 1px solid red;*/
	width: 288px;
	float: left;
	margin: 15px 0 15px 0;
	padding: 0;
}

.rightColumn {
	/*border: 1px solid red;*/
	width: 619px;
	float: right;
	margin: 15px 0 15px 0;
	padding: 0;
}

/* ---------- leftColumn features --------- */

.featureWrap {
	/*border: 1px solid red;*/
	width: 288px;
	margin: 0;
	padding: 0;
}

.featureTop {
	/*border: 1px solid blue;*/
	width: 288px;
	height: 70px; /* required to force div open */
	margin: 0;
	padding: 0;
}

.featureContentBg {
	/*border: 1px solid blue;*/
	width: 288px;
	margin: 0;
	padding: 0;
}

.featureContent {
	/*border: 1px solid blue;*/
	width: 200px;
	margin: -10px 0 0 45px;
	padding: 0;
}

.featureBottom {
	/*border: 1px solid blue;*/
	width: 288px;
	height: 42px; /* required to force div open */
	margin: -8px 0 0 0;
	padding: 0;
}

/* --------- features variations by id --------- */

#competition .featureTop {
	background: transparent url('../imgs/body/competition_leftColumn/competition_01.png') no-repeat 0 0;
}

#competition .featureContentBg {
	background: transparent url('../imgs/body/competition_leftColumn/competition_02.png') repeat-y 0 0;
}

#competition .featureBottom {
	background: transparent url('../imgs/body/competition_leftColumn/competition_03.png') no-repeat 0 0;
}

#greenList .featureTop {
	background: transparent url('../imgs/body/greenList_leftColumn/greenlist_01.png') no-repeat 0 0;
}

#greenList .featureContentBg {
	background: transparent url('../imgs/body/greenList_leftColumn/greenlist_02.png') repeat-y 0 0;
}

#greenList .featureBottom {
	background: transparent url('../imgs/body/greenList_leftColumn/greenlist_03.png') no-repeat 0 0;
}

/* --------- mainPage --------- */

#mainPage {
	/*border: 1px solid red;*/
	width: 100%;
	margin: 0;
	padding: 0;
}

#mainPage .top {
	width: 100%;
	height: 45px;
	margin: 0;
	padding: 0;
	background: transparent url('../imgs/body/mainPage/mainPageTop.png') no-repeat 0 0;
}

#mainPage .body {
	/*border: 1px solid red;*/
	width: 574px;
	background-color: #fff;
	margin: 0 0 0 5px;
	padding: 0 20px 0 20px;
}

.bodyColLeft {
	/*border: 1px solid red;*/
	width: 280px;
	float: left;
	margin: 0 0 5px 0;
}

.bodyColRight {
	/*border: 1px solid red;*/
	width: 280px;
	float: right;
	margin: 0 0 5px 0;
}

.activity {
	border-bottom: 1px dashed #bdbdbd;
	width: 270px;
	margin: 10px 5px 0 5px;
	padding-bottom: 10px;
}

#mainPage .bottom {
	width: 100%;
	height: 22px;
	margin: 0;
	padding: 10px;
	background:  url('../imgs/body/mainPage/mainPageBottom.png') no-repeat bottom left;
}

#mainPage .feature {
	/*border: 1px solid red;*/
	width: 260px;
	background-color: #FFF0E1;
	margin: -10px 0 10px 0;
	padding: 10px;
}

#mainPage .feature .container {
	/*border: 1px solid red;*/
	width: 157px;
	float: right;
	margin-top: 37px;
	padding: 0;
}

/* --------- mainPage feature variations by id --------- */

#left {
	float: left;
	background: transparent url('../imgs/body/features/thingsToDo.gif') no-repeat 80% 15%;
}

#right {
	float: right;
	margin: 0 0 0 10px;
	background: transparent url('../imgs/body/features/thingsToMake.gif') no-repeat 92% 15%;
}

.featureImg {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

/* ---------- footer ---------- */

.signOffLeft {
	/*border: 1px solid red;*/
	width: 300px;
	margin: 0;
	padding: 15px 0 0 0;
}

/* ---------- Navigation --------- */

#mainNav ul {
	margin: 0;
	padding: 5px 0 3px 0;
}

#mainNav ul li {
	list-style-type: none;
	margin: 0 1.7em 0 1.7em;
	padding: 0;
	display: inline;
	color: #fff;
	font-size: 1.2em;
}

/* ---------- lists --------- */

#greenList ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

#greenList ul li {
	background-image: url('../imgs/body/lists/flower.gif');
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Times, serif;
}

#greenList ul li {
	background-position: 0 .2em;
	font-size: 1em;
	color: #fff;
	font-weight: 100;
	line-height: 190%;
	padding: 0 0 .5em 2.5em;
	height: 35px;
}

ol li {

	
}

/* ---------- links ---------- */

#mainPage a:link {
	color: #1F85FF; 
	text-decoration: none;
	border-bottom: 2px dotted #1F85FF;
	/*padding-bottom: 1px;*/
}

#mainPage a:visited  {
	color: #1F85FF; 
	text-decoration: none;
	border-bottom: 2px dotted #1F85FF;
	/*padding-bottom: 1px;*/
}

#mainPage a:hover {
	color: #666666;
	border: 0;
}

#mainPage a:active {
	color: #666666; 
	text-decoration: none;
	border: 0;
}

#mainNav a:link {
	color: #fff; 
	text-decoration: none;
	border-bottom: 0;
}

#mainNav a:visited {
	color: #fff; 
	text-decoration: none;
	border-bottom: 0;
}

#mainNav a:hover {
	color: #9CED3E;
	border: 0;
}

#mainNav a:active {
	color: #9CED3E; 
	text-decoration: none;
	border: 0;
}

#competition a:link {
	color: #9CED3E; 
	text-decoration: none;
	border-bottom: 2px dotted #9CED3E;
	/*padding-bottom: 1px;*/
}

#competition a:visited  {
	color: #9CED3E; 
	text-decoration: none;
	border-bottom: 2px dotted #9CED3E;
	/*padding-bottom: 1px;*/
}

#competition a:active {
	color: #fff; 
	text-decoration: none;
	border: 0;
}

#competition a:hover {
	color: #fff;
	border: 0;
}

#greenList a:link {
	color: #7A2C7C; 
	text-decoration: none;
	border-bottom: 2px dotted #7A2C7C;
	/*padding-bottom: 1px;*/
}

#greenList a:visited {
	color: #7A2C7C; 
	text-decoration: none;
	border-bottom: 2px dotted #7A2C7C;
	/*padding-bottom: 1px;*/
}

#greenList a:active {
	color: #fff; 
	text-decoration: none;
	border: 0;
}

#greenList a:hover {
	color: #fff;
	border: 0;
}

.activity a:link {
	color: #1F85FF; 
	text-decoration: none;
	border-bottom: 2px dotted #1F85FF;
	/*padding-bottom: 1px;*/
}

.activity a:visited {
	color: #1F85FF; 
	text-decoration: none;
	border-bottom: 2px dotted #1F85FF;
	/*padding-bottom: 1px;*/
}

.activity a:hover {
	color: #666666;
	border: 0;
}

.activity a:active {
	color: #666666; 
	text-decoration: none;
	border: 0;
}

/* --------- imgs ---------- */

.floatRight {
	border: 2px solid #EB008B;
	margin: 0 0 20px 20px;
	padding: 5px;
	float: right;
	clear: right;
}

.scissorDivider {
	margin: 0;
	padding: 0;
	position: relative;
	left: -60px;
}

.scissors {
	width: 85px;
	height: 80px;
	background: transparent url('../imgs/body/icons/scissors.png') no-repeat 0 0;
	position: relative;
	top: 233px;
	left: -45px;
}
.activityImg {
	border: 0 none;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

/* --------- clearing ---------- */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */