@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	margin: 0;
	padding: 0.8em 0em 0.8em 0em;
	}

div#wrapper {
	font-size: 100%;
	width: 62em;
	margin: auto;
	padding: 0em;
	text-align:left;
	}

#left {
	width: 6.5em;
	padding: 0em;
	margin: 0em;
	float: left;
	}
	
#left img {
	width: 6.5em;
	padding: 10.3em 0em 0em 0em;
	margin: 0em;
	}
	
#main {
	width: 48em;
	padding: 0em;
	margin: 0em;
	float: left;
	}

#right {
	width: 6.5em;
	padding: 0em;
	margin: 0em;
	float: left;
	position: relative;
	left: -0.5em;
	}
	
#right img {
	width: 6.5em;
	padding: 10em 0em 0em 0em;
	margin: 0em;
	}
	
#logo {
	float: left;
	width: 20em;
	height: 9.5em;
	margin: 0em;
	padding: 0em 0em 0em 1em;
	}

#logo img {
	width: 12em;
	margin: 0em;
	padding: 1em 1em 0em 1.2em;
	}

#header {
	margin: 0.5em 0em 0.1em 0em;
	padding: 0em;
	font-size: 1em;
	width: 15em;
	height: 2em;
	}
	
#header h1 {
	background: url(images/earlyyearssupplies.jpg) no-repeat top left;
	margin: 0.5em 0em 0.1em 0em;
	padding: 0em;
	font-size: 1em;
	width: 15em;
	height: 2em;
	float: left;
	}
	
#header h1 span {
	display: none;
	}
	
#header h2 {
	background: url(images/strapline.jpg) no-repeat top left;
	margin: 0em;
	padding: 0em;
	width: 8em;
	font-size: 2em;
	height: 0.8em;
	float: left;
	position: relative;
	left: 0.3em;
	}
	
#header h2 span {
	display: none;
	}
	
#content {
	float: left;
	width: 48em;
	margin: 0em;
	padding: 0em 0em 0em 0em;
	}	

#nav {
	padding: 0.8em 0em 0em 1.5em;
	margin: 0em;
	}

#nav a {
	padding: 1.1em 0em 0em 0em;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:1.7em;
	}

#nav a:hover {
	padding: 1.1em 0em 0em 0em;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:1.7em;
	}

#nav span {
	display: none;
	}
	
ol {
	padding: 0em;
	margin: 0em;
	float: left;
	width: 47em;
	}
	
li {
	font-size:1.2em;
	padding: 0em;
	margin: 0em;
	}

li#nav-one {
	padding: 0em;
	margin: 0em;
	display: inline;
	}
	
li#nav-one a {
	background-image: url("images/tabgreen.jpg");
	width: 6.25em;
	float: left;
	}
	
li#nav-one a:hover{
	background-image: url("images/tabgreenhover.jpg");
	width: 6.25em;
	float: left;
	}
	
li#nav-two {
	padding: 0em;
	margin: 0em;
	display: inline;
	}
	
li#nav-two a {
	background-image: url("images/tabblue.jpg");
	width: 6.25em;
	float: left;
	}
	
li#nav-two a:hover{
	background-image: url("images/tabbluehover.jpg");
	width: 6.25em;
	float: left;
	}
	
li#nav-three {
	padding: 0em;
	margin: 0em;
	display: inline;
	}
	
li#nav-three a {
	background-image: url("images/tabyellow.jpg");
	width: 6.25em;
	float: left;
	}
	
li#nav-three a:hover{
	background-image: url("images/tabyellowhover.jpg");
	width: 6.25em;
	float: left;
	}

li#nav-four {
	padding: 0em;
	margin: 0em;
	display: inline;
	}

li#nav-four a {
	background-image: url("images/taborange.jpg");
	width: 6.25em;
	float: left;
	}

li#nav-four a:hover{
	background-image: url("images/taborangehover.jpg");
	width: 6.25em;
	float: left;
	}

li#nav-five {
	padding: 0em;
	margin: 0em;
	display: inline;
	}

li#nav-five a {
	background-image: url("images/tabteal.jpg");
	width: 6.25em;
	float: left;
	}

li#nav-five a:hover{
	background-image: url("images/tabtealhover.jpg");
	width: 6.25em;
	float: left;
	}

li#nav-six {
	padding: 0em;
	margin: 0em;
	display: inline;
	}

li#nav-six a {
	background-image: url("images/tabpurple.jpg");
	width: 6.25em;
	float: left;
	}

li#nav-six a:hover{ 
	background-image: url("images/tabpurplehover.jpg");
	width: 6.25em;
	float: left;
	}

#box {
	width: 47.5em;
	margin: 0em;
	padding: 0em;
	position: absolute;
	z-index: 1;
	border: 0.25em solid #999999;
	background-color: #FFFFFF;
	}

#topleft { 
	float: left;
	width: 2em;
	position: relative;
	top: -0.25em;
	left: -0.25em;
  	}

#topright { 
	float: right;
	width: 2em;
	position: relative;
	top: -0.25em;
	left: 0.65em;
	}

#boxcontent { 
	float: left;
	font-size: 1em;
	width: 43.5em;
	padding: 0em;
	margin: 0em;
	position: relative;
	top: 0em;
	}

#bottomleft { 
	float: left;
	position: relative;
	top: 0.25em;
	left: -0.25em;
  	}

#bottomright { 
	float: right;
	position: relative;
	top: 0.25em;
	left: 0.25em;
	}

#maintop {
	width: 34em;
	padding: 1em 0em 0em 1em;
	margin: 0em;
	float: left;
	}
	
#maintop h3 {
	padding: 0.5em 0em 0.5em 0em;
	margin: 0em;
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	color: #A5BE29;
	}

#maintop p {
	padding: 0em 0em 2em 0em;
	margin: 0em;
	font-size: 0.7em;
	color: #999999;
	line-height: 1.8em;
	}

#maintopright {
	width: 7em;
	padding: 1em 0em 0em 0em;
	margin: 0em;
	float: left;
	}
	
#maintopright img {
	width: 6.5em;
	padding: 0em 0em 0em 0.5em;
	margin: 0em;
	position: relative;
	left: 1em;
	}

#mainleft {
	padding: 1em 0em 0em 1em;
	margin: 0em;
	width: 17em;
	float: left;
	}

#mainleft h3 {
	padding: 0.5em 0em 0.5em 0em;
	margin: 0em;
	font-size: 1.3em;
	font-style: italic;
	font-weight: bold;
	color: #73BEEF;
	}

span.standard {
	padding: 0em 0em 2em 0em;
	margin: 0em;
	font-size: 0.7em;
	color: #999999;
	line-height: 1.8em;
	}

span.larger {
	padding: 0em 0em 0em 0em;
	margin: 0em;
	font-weight: bold;
	color: #999999;
	font-size: 0.9em;
	}

#mainleft h4 {
	padding: 0em 0em 0em 0em;
	margin: 0em;
	font-weight: bold;
	color: #999999;
	font-size: 0.9em;
	}

.mainrange {
	width: 43.5em;
	padding: 0em 0em 0em 0em;
	margin: 0em;
	float: left;
	}
	
.mainrangeleft {
	padding: 0em 0em 0em 1em;
	margin: 0em;
	width: 22em;
	float: left;
	}

.mainrangeleft h3 {
	padding: 0.5em 0em 0.5em 0em;
	margin: 0em;
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	color: #A5BE29;
	}

.mainrangeleft p {
	padding: 0em 0em 0.5em 0em;
	margin: 0em;
	font-size: 0.7em;
	color: #999999;
	line-height: 1.5em;
	}

.mainrangeleft p.highlight {
	padding: 0em 0em 0.5em 0em;
	margin: 0em;
	font-size: 0.7em;
	font-weight: bold;
	color: #999999;
	line-height: 1.8em;
	}

.mainrangeleft p.material {
	padding: 0em 0em 0em 0em;
	margin: 0em;
	font-size: 0.7em;
	color: #006600;
	line-height: 1.8em;
	}

.mainrangeleft p.material a:link { color: #006600; text-decoration: none;}
.mainrangeleft p.material a:visited { color: #006600; text-decoration: none;}
.mainrangeleft p.material a:hover { color: #006600; text-decoration: underline;}
.mainrangeleft p.material a:active { color: #006600; text-decoration: none;}

#mainright {
	width: 25em;
	margin: 0em;
	padding: 1.5em 0em 0em 0em;
	float: left;
	}

#mainright img {
	width: 25em;
	margin: 0em;
	padding: 0em;
	float: right;
	position: relative;
	left: 1em;
	}

.mainrangeright {
	width: 18em;
	margin: 0em;
	padding: em 0em 0em 0em;
	float: left;
	}

.mainrangeright img {
	width: 18em;
	margin: 0em;
	padding: 0em;
	position: relative;
	left: 1.5em;
	}

.mainrangeright p {
	padding: 0em 0em 0em 0em;
	margin: 0em;
	font-size: 0.7em;
	color: #999999;
	text-align: right;
	position: relative;
	top: -2em;
	left: 1em;
	}

.mainrangeright p a:link { color: #999999; text-decoration: none;}
.mainrangeright p a:visited { color: #999999; text-decoration: none;}
.mainrangeright p a:hover { color: #999999; text-decoration: underline;}
.mainrangeright p a:active { color: #999999; text-decoration: none;}

#footerlinks { 
	font-size: 0.55em;
	font-weight: normal;
	color: #006699;
	padding: 4em 0.3em 0.3em 0.3em;
	margin: 0em;
	text-align: center;
	}

ul.bottomlinks {
	margin: 0em;
	padding: 0em 0em 0.2em 0em;
	text-align: center;
	}
	
li.bottomlinks {
	display: inline;
	margin: 0em;
	padding: 0em 0.2em 0em 0.2em;
	}
	
.bottomlinks a:link { color: #999999; text-decoration: none;}
.bottomlinks a:visited { color: #999999; text-decoration: none;}
.bottomlinks a:hover { color: #999999; text-decoration: underline;}
.bottomlinks a:active { color: #999999; text-decoration: none;}

li.bottomselect {
	display: inline;
	color: #FF9900;
	margin: 0em;
	padding: 0em 0.3em 0em 0.3em;
	}

#footer { 
	font-size: 0.6em;
	padding: 1em 0.3em 0em 5em;
	margin:0;
	text-align: left;
	}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}