/*comments ..... container sets page width,container=64em col1=39em, col2=8em, col3=10em   */
/*need to add footer */

* { margin: 0; padding: 0; }

body {
        font: normal 80% Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
	margin: 0;
	padding: 0;
}

br { clear: both; }
p, h1, h2, h3, h4 { margin: 0; }

p {
	line-height: 1.5em;
	margin-bottom: 1em;
}

p a { border-bottom: 1px dotted red; }

a {
	text-decoration: none;
	color: red;
}

a:hover { border-bottom: 1px solid red; }
h1 a { background: none; }

h1 {
	position: absolute;
	right: 2.5em;
	top: 2pt;
}

img { border: none; }
li {
	margin-bottom: .5em;
	list-style-type: square;
}

blockquote { font-style: italic; }
textarea { overflow: auto; }

.inputbox, textarea {
	border: 1px solid #AAA;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
        width: 100% ;
	padding: .1em .2em;	
	font: normal .9em Arial, Helvetica, sans-serif;
}

.button {
	background: url(http://www.kid-safe.co.uk/images/button-bg.gif) repeat-x;
	color: #000 !important;
	padding: .1em .8em;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #EEE;
	border-left: 1px solid #EEE;
	text-decoration: none;
	font: normal .75em Tahoma, Arial, Verdana, sans-serif;
	cursor: pointer;
}

em.posted {
	color: #888;
	font-size: .9em
}

#header { vertical-align: middle; border-bottom: 1px dashed #CCC; margin-bottom: 1em; }
#headerfree { vertical-align: middle; overflow: hidden; }

#col-1 p { font-size: .95em; }
#col-1 h3 { font-size: 1.2em; }
#col-1 h3 a:hover { border-bottom: 1px solid black; }
#col-1 h3 a { border-bottom: 1px dotted black; }
#col-1 h3 a, h3 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #222;
}
#col-1 em { color: #888; font-size: .7em }

#container h1 a img { margin-top: 0em; }
#container h1 a:hover { border: none; }
#container h1 { position:absolute; right:1.5em; top:0; }

#container {
	width: 64em;
	margin: 0em auto;
	text-align: left;
	height: 100%;
	position: relative;
}

#containerfooter {
        width: 64em;
        margin: 0em auto;
	text-align: middle;
	height: 100%;
        position: relative;
}

#containertest {
        width: 64em;
        margin: 0em auto;
	text-align: left;
	height: 100%;
        position: relative;
}

#col-1, #col-2, #col-3 {
	padding: 0 1em;
	float: left;
}

#col-1 {border-left: 1px dashed #CCC; right: 2.5em; }

#col-1, #col-2, #col-3 { border-right: 1px dashed #CCC; }

#col-1 {
	width: 39em;
	padding: 1 1em 0 0;
}

#col-1 .article {
	padding-left: 0.5em;
	background: transparent url(./images/briefcase.gif) no-repeat left 1.3em;
}

#col-1 h3 {	margin: .1em 0 1em; }
#col-1 p img, #individual p img { float: left; }
#col-1 p img { margin: 0 .5em .5em 0; }
#individual p img { margin: 0 1em 1em 0; }
#col-1 p.stamp { font-size: .8em; }

#col-1 p.stamp span a {
	color: #888;
	margin-right: .3em;
}

#col-1 p.stamp span {
	background: transparent url(http://www.kid-safe.co.uk/images/icn-techt.gif) no-repeat center left;
	padding-left: 1.3em;
	margin-left: .5em;
}

#col-2 { width: 8em; }

#col-3 p.rss a {
	background: transparent url(http://www.kid-safe.co.uk/images/xml.gif) no-repeat left center;
	padding: .2em 0 .2em 1.7em;
}
#col-3 p a:hover { color: red; }

#col-3 p a {
	border: none;
	color: #666;
}

#col-3 { width: 10em; }
#col-2, #col-3 { margin-top: 8em; }
#col-2 p, #col-3 p {
	font-size: .9em;
	line-height: 1.3em;
}

#col-3 p { margin: 0 0 .3em; }
#col-2 h3, #col-3 h3 {
	font-size: 1em;
	margin: 1em 0 .5em;
}

#col-3 div {
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	padding: 1em 0;
	margin: 1em 0;
}

#col-3 div p a span {
	display: none;
}

#col-3 div p a {
	display: block;
	text-align: center;
}

#col-3 div #arc90 { margin-bottom: .5em; }

#col-3 div #arc90 a {
	background: transparent url(./images/arc90_logo.gif) no-repeat;
	width: 104px;
	height: 41px;
	margin-left: .5em;
}

#col-3 div #arc90blog a, #col-3 div #arc90lab a { padding-top: 4em; }

#col-3 div #arc90blog a {
	background: transparent url(./images/arc90_blog.gif) no-repeat center 1em;
	float: left;
}

#col-3 div #arc90lab a {
	background: transparent url(./images/arc90_lab.gif) no-repeat center .3em;
	margin-left: 6em;
}

#col-3 div p a:hover { color: #025067; }

.stamp, #col-2 p {
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	background: transparent url(http://www.kid-safe.co.uk/static/images/x-black.gif) repeat-x bottom;
}

/* x-black.gif - seperation, border line */
/* Individual styles */

#individual #container { margin-top: 1em; }
#individual #navigation {
	background: transparent url(./images/basement-img.gif) no-repeat left bottom;
	text-align: right;
	padding-top: 1em;
	border-bottom: 1px solid #000;
}
#individual #navigation span { font-size: .9em; }
#individual h1 {
	left: 0;
	width: 350px;
}

#individual h1 a {
	background: transparent url(./images/sub-header2.gif) no-repeat left bottom;
	width: 160px;
	height: 25px;
	display: block;
	margin-left: 1.2em;
}

#individual h1 a span { display: none; }
#individual .posted { font-size: 1em; }

#individual h3 {
	font-size: 1.7em;
	margin-bottom: .5em;
}

#individual h4 {
	font-size: 1.5em;
	margin-top: 2em;
}

#individual .article { font-size: 1.15em; }

/* About */
.about p img {
	float: right;
	margin: 1em 0 0 0;
	padding: 1em;
	border: 1px solid #CCC;
}

#trackback h4 { margin-top: 0; }
#trackback {
	border: 1px solid #CCC;
	background-color: #F9F9F9;
	padding: 1em;
	margin-bottom: 1em;
}
#pings p a.more:hover { text-decoration: underline; }
#pings p a.more {
	font-size: .9em;
	border: none;
}
#pings p, .comment-box p {
	line-height: 1.3em;
	margin: .7em 0 .5em;
}
#pings { margin-top: 2em; }
.comment-box {
	margin-top: 0;
	margin-bottom: 3em;
	padding-left: 1em;
	border-left: 9px solid #EEE;
}
.comment-box em { font-weight: bolder; }

#individual form { margin-top: 1em; }
#individual form #left {
	width: 50%;
	float: left;
	padding-top: 1em;
}
#individual form p { margin-bottom: .5em; }
#individual form p em { font-size: .75em; }
#individual form p#action {
	text-align: center;
	margin: 2em 0 1em;
}
#individual label {
	float: left;
	width: 9em;
}
#individual form span { margin-right: 2em; }
#individual form .radio label { float: none; }
.sub-content { margin-top: 4em; }
.indiv-footer {
	display: block;
	font-size: .9em;
	border-top: 1px solid #000;
	margin-top: 4px;
	text-align: right;
	padding-top: 3px;
}
.indiv-footer img { vertical-align: middle; }

/* #footer {border-top:1px dashed #cccccc; padding:10px; text-align:center; clear:both; height: 43px; background-image: url(http://www.kid-safe.co.uk/images/star.jpg); background-position: 50% 50%; background-repeat: no-repeat; } */

#footer2 {text-align:center; clear:both; height: 43px; background-image: url(http://www.kid-safe.co.uk/static/images/footerdash.jpg); }

#footertest1 { height: 43px; padding: 0; border-top: 0; border-bottom: 1px dashed #cccccc; url(http://www.kid-safe.co.uk/images/star.jpg); background-position: 50% 50%; background-repeat: no-repeat; }

#footertest2 { height: 43px; border-bottom: 1px dashed #cccccc; background-image: url(/images/star.jpg) no-repeat center center; }

/*
		Copy the below CSS into your site's style sheet or reference in the head of your document.
		*/
		.arc90_sidenoteLNK { padding: 0 .3em; }
		.arc90_sidenoteTXT {
			width: 12em;
			line-height: 1.2em;
			font-size: .8em;
			padding: .5em;
		}
		/* Below are the styles for the four color schemes use in side notes */
		.arc90_sidenoteCLR0 {
			border: 1px solid #318484;
			background-color: #D1E8E8;
		}
		.arc90_sidenoteCLR1 {
			background-color: #FFF6A9;
			border: 1px solid #F2D700;
		}
		.arc90_sidenoteCLR2 {
			background-color: #FFCFCF;
			border: 1px solid #FF3535;
		}
		.arc90_sidenoteCLR3 {
			background-color: #CEFFCE;
			border: 1px solid #039B00;
		}
		/* The below attirbutes handle the alternating floating */
		
		/* Float the odd numbered sidenotes to the right. */
		div.arc90_sidenoteCLR0, div.arc90_sidenoteCLR2 {
			margin: 1em 0 1em 1em;
			float: right;
		}
		/* Float the even numbered sidenotes to the left. */
		div.arc90_sidenoteCLR1, div.arc90_sidenoteCLR3 {
			margin: 1em 1em 1em 0;
			float: left;

		}
		
.arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; float: none; } 
.arc90_linkpicIMG { padding: 0 4px 4px 0; background: #FFF url(/c/images/linkpic_shadow.gif) no-repeat bottom right; }