/* some image replacement */

#bcot {
	background: url(../i/bcot.gif) no-repeat top left;
	font-size: 1px;
	color: #fff;
	padding: 37px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/: 37px;
}

#bcot2 {
	background: url(../i/bcot.gif) top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	height: 37px;
	width: 549px;
	position: relative;
}
#bcot2 a:link, #bcot2 a:visited {
	position: absolute;
	width: 100%;
	height: 100%;
	text-decoration: none;
	text-indent: -9000px;
	}

#other {
	background: url(../i/h_os.gif) no-repeat 5px 0px;
	padding: 29px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 29px; 
}
#cont {
	background: url(../i/h_con.gif) no-repeat 5px 0px;
	padding: 29px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 29px; 
}


/* little boxes */

.box {
	background: url(../i/box_top.gif) no-repeat;
	width: 468px;
	margin: 0px 0px 10px;
	padding: 0;
}

.box p, .box2 p {
	margin: 0px;
	border-top: 0px;
	border-right: 5px solid #CCCCCC;
	border-bottom: 0px;
	border-left: 118px solid #CCCCCC;
	padding: 0px 40px 0px 30px;
}
.box2 {
	background: url(../i/school.gif) no-repeat;
	width: 468px;
	margin: 10px 0px;
	padding: 0;
}

.bott {
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: block;
	width: 468px;
	background: url(../i/box_bot2.gif) no-repeat;
	height: 20px;
}
#content .bott a:link, #content .bott a:visited, #content .bott a:hover {
	display: block;
	width: 468px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 1px;
	color: #CCCCCC;
	text-indent: 15px;
}

#content .bott a:hover {
	background: url(../i/box_bot3.gif) no-repeat;
	}

/* thats the boxs sorted, now for some image replacement tiny text first then replace bg image */
#bcotfor, #forhe, #forevery {
	font-size: 1px;
	color: #cccccc;
	 }

#bcotfor {
	background: url(../i/business.gif) no-repeat 122px 5px ;
	height: 23px;
}

#forhe {
	background: url(../i/he.gif) no-repeat 122px 5px ;
	height: 23px;
}
#forevery {
	background: url(../i/eveyone.gif) no-repeat 122px 5px ;
	height: 23px;
}

#atschool {
	text-indent: -9000px;
	height: 23px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* image replacement finished now just the bg images for the boxes */ 
.a { background: url(../i/box_sch.jpg) no-repeat right top; }
.b { background: url(../i/box_every.jpg) no-repeat right top; }
.c { background: url(../i/business_hp.jpg) no-repeat right top; }
.d { background: url(../i/box_he.jpg) no-repeat right top; }

/* damn internet explorer defualt margins aaaaarrrgghhh */
.box h2 { margin: 0; padding: 0; }

/* sort the layout for the hompage */
#content {
	float: left;
	margin: 0px;
	width: 485px;
}

/* some colour for the links */

a:link, a:visited { color: #006699; }
a:hover, a:active { color: #990000; }

#content a:link, #content a:visited { color: #333; }
#content a:hover, #content a:active { color: #990000; }

/* style the list bg's */
#sites li {
	background: url(../i/b.gif) no-repeat 0 0.5em;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 0px 16px;
}

#link li {
	font-size: 1.1em;
	background: url(../i/li_hp.gif) no-repeat 0.4em;
	padding-left: 30px;
	margin: 0.5em 0;
	}
	
#content address {
	font-style: normal;
	font-size: 0.9em;
}