body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#333;
border-top:5px #333 solid;
}

a{
color:#fff;
text-decoration:underline;
font-weight:bold;
}

a:hover{
color:#000;
}

a:focus{
outline:none;
}

p{
margin:0;
line-height:1.1em;
}

h1{
visibility:hidden;
display:none;
}

h2{
font-size:2em;
margin-bottom:10px;
}

h3{
font-size:1.2em;
line-height:1.2em;
margin:0 0 15px 0;
}

h4{
margin:0;
color:#990000;
}

ul{
list-style:none;
margin:0;
}

.clear{
clear:both;
height:0;
line-height:0;
margin:0;
padding:0;
border:0;
}

.clearLeft{
clear:left;
}

.clearRight{
clear:right;
}

.hideMe {
display:none !important;
visibility: hidden;
width: 0px !important;
}

#wrapper{
width:950px;
margin:auto;
}

#header{
height:118px;
width:950px;
}

#header a{
display:block;
}

#nav{
padding:0 0 0 40px;
margin-top:55px;
position:absolute;
z-index:22;
}

#nav li{
height:34px;
float:left;
margin:0 0 0 7px;
}

#nav a{
text-indent:-9999px;
height:60px;
background-position:0 0;
}

#nav a:hover{
background-position:0 -60px;
}

.nav1{
width:90px;
background:url(images/nav1.png) no-repeat;
}

.nav2{
width:119px;
background:url(images/nav2.png) no-repeat;
}

.nav3{
width:92px;
background:url(images/nav3.png) no-repeat;
}

.nav4{
width:77px;
background:url(images/nav4.png) no-repeat;
}

#nav .current, #nav .current:hover{
background-position:0 -180px;
}

.textToggle, .oldSite{
position:absolute;
top:0;
color:#fff;
/*border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
border-bottom:#ccc 1px solid;*/
font-size:.6em;
padding:3px 6px;
float:right;
text-decoration:none;
background:#333;
}

.textToggle{
margin:0 0 0 27px;
}

.oldSite{
margin:0 0 0 133px;
}

.textToggle:hover, .oldSite:hover{
color:#fff;
text-decoration:underline;
}

#nav_topics{
width:823px;
font-size:.9em;
margin:0 0 0 36px;
background:#333;
}

#nav_topics a{
text-decoration:none;
}

#nav_topics ul{
padding:20px 0;
margin:0;
}

#nav_topics li{
display:inline;
margin:0;
float:left;
}

#nav_topics a{
display:block;
color:#fff;
font-size:.9em;
margin:0 1px 1px 0;
padding:2px 17px;
font-weight:bold;
background:#666;
}

#nav_topics a:hover{
color:#333;
background:#ccc;
}


#logo{
width:890px;
height:92px;
position:absolute;
z-index:21;
margin: 52px 60px 0px 0px;
background:url(images/logo.png) no-repeat right;
}

#page_wrapper{
width:950px;
}

#page{
width:950px;
min-height:500px;
font-size:.7em;
line-height:1.5em;
padding:0;
}

#content{
padding:10px 0 0 0;
margin:0 0 0 50px;
/*border:1px #ccc dotted;*/
}

#home{
width:823px;
margin:0 0 0 36px;
}

#columnLeft{
width:388px;
float:left;
}

#columnRight{
width:407px;
margin:0 0 0 390px;
}

#columnLeft, #columnRight{
padding-bottom:40px;
}

#footer{
color:#fff;
width:950px;
height:150px;
font-size:.6em;
}

#footer span{
padding:0 70px 0 0;
position:relative;
top:35px;
float:right;
}

#footer a{
color:#fff;
font-weight:bold;
text-decoration:none;
border-right:1px #fff solid;
padding-right:5px;
}

#footer a.last {
	border: none;
}

#footer a:hover{
color:#000;
}

#footer ul{
	padding:0;
	position:relative;
	top:75px;
	left:450px;
	width: 430px;

}

#footer li{
display:inline;
margin-right:7px;
}


a#CNLogo {
	display:block;
	width: 112px;
	height: 50px;
	position: absolute;
	margin: 25px 0px 0px 270px;
	/*border: red solid thin;*/
	border: none;
}
#CNLogo span {
	display: none;
}

#subNav{
font-size:.8em;
width:801px;
height:28px;
padding:19px 0 0 20px;
margin-left:37px;
background:url(images/subNav.jpg) no-repeat top;
}

#subNav ul{
width:770px;
padding:0 0 3px 0;
height:24px;
background:url(images/subNav-line.gif) repeat-x bottom;
}

#subNav li{
float:left;
margin:0 2px 0 0;
}

#subNav a{
display:block;
padding:1px 8px 2px 8px;
text-decoration:none;
background:#333;
}

#subNav a:hover{
color:#fff;
background:#999;
}

#subNav a.current{
color:#000;
border-top:1px #666 solid;
border-right:1px #666 solid;
border-left:1px #666 solid;
height:23px;
position:relative;
background:#fff;
}

#container{
margin:0 0 0 50px;
}
#siteLinks .floatRight {
	float:right;
	margin:0 15px 0 0;
}

	.grid {
		width: 795px;
		overflow: hidden;
		margin: 0 -10px;
	}
	.grid-item {
		float: left;
		padding: 0 10px;
		margin-bottom: 40px;
	}
	.grid-item a {
		position: relative;
		display: block;
		width: 245px;
		height: 138px;
		background-size: cover;
	}
	.grid-item span {
		position: absolute;
		max-width: 200px;
		left: 0;
		bottom: -15px;
		padding: 10px;
		background: #FFFFFF;
		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);
		border-radius: 8px;
	}

	.grid-item a.parents-and-carers {
		background-image: url('/images/grid/childnet-parents-and-carers.png');
	}
	.grid-item a.things-to-do {
		background-image: url('/images/grid/childnet-things-to-do.png');
	}
	.grid-item a.need-help {
		background-image: url('/images/grid/childnet-need-help.png');
	}
	.grid-item a.smartie-the-penguin {
		background-image: url('/images/grid/childnet-fun-smartie-the-penguin-activities.png');
	}
	.grid-item a.guide-to-technology {
		background-image: url('/images/grid/childnet-parents-guide-to-tech.png');
	}
	.grid-item a.children-safe-online {
		background-image: url('/images/grid/keeping-under-5s-safe-online.png');
	}


	.grid-item a.teachers-and-professionals {
		background-image: url('/images/grid/childnet-teachers-and-professionals.png');
	}
	.grid-item a.resources {
		background-image: url('/images/grid/childnet-resources.png');
	}
	.grid-item a.smart-crew {
		background-image: url('/images/grid/captain-kara.png');
	}
	.grid-item a.digiducks {
		background-image: url('/images/grid/digiduck.png');
	}
	.grid-item a.smartie-the-penguin {
		background-image: url('/images/grid/smartie-the-penguin.png');
	}
	.grid-item a.need-help-2 {
		background-image: url('/images/grid/childnet-need-help-2.png');
	}