body {
	
	font-family: Verdana, sans-serif;
font-weight: 100;
	color: #535F6D;
	padding: 0;
margin: 0 0 1px 0;
	background: url(images/bodygradient.jpg) repeat-x #50d7ff;
/*font-size: 76%;*/
font-size: 11px;
}

.site_id {
position: absolute;
z-index: 10;
width: 723px;
height: 79px;
font-family: Verdana, sans-serif;
font-weight: 100;
margin: 0; 
padding: 0 0 1px 0;
}

.site_id  p {
margin: 10px 0 0 0; 
padding: 0 0 40px 0;
background: url(banner30.jpg) repeat-x bottom right #fff;
}

.site_id h1,
.site_id h2,
.site_id p { 
	font-family: Verdana, sans-serif;
	text-align: left;
}

a {COLOR: #35beee; TEXT-DECORATION: underlined;}
a:visited {COLOR: #FE0434;  TEXT-DECORATION: underlined;}
a:hover {COLOR: #5B7AA9; TEXT-DECORATION: underlined;}
a:active {COLOR: #5B7AA9; TEXT-DECORATION: underlined;}

h1, h2, h3, h4 { font-family: Verdana, sans-serif;
 font-weight: 100;
margin: 0;
padding: 0; 

}
h1 {font-size: 40px;
margin: 0;
padding: 0; 
line-height: 1;

}
h2 {font-size: 22px;
color: #33d0ff;
margin: -10px 0 -10px -1px;
}

h3 {font-size: 12px;
font-weight: 700;
margin: 20px 0 0 0;
}

#footer {
	font-family: Verdana, sans-serif;
width: 100%;

margin-top: 20px; 
text-align: center;

position: absolute;
bottom: 0;
}

#content { 
position: relative;
z-index: 5;
line-height: 1.5;
border-top: solid 1px white;
margin: 0 0 0 0;
padding: 283px 0 0 27px;
font-size: 11px;
background: url(images/contentgradient.jpg) repeat-x white;
background-position: 254px left;
}

#content p { margin: 0 280px 1.5em 0; }
#quizpage #content p { margin: 0 100px 1.5em 0; }
#diamondsforschools2 #content p { margin: 0 288px 1.5em 0; }

.images #content { 
margin-right: 200px;
}



#container { position: relative;
margin-left: auto;
margin-right: auto; 
width: 723px;

background: white;
border-left: solid 1px #535f6c;
border-right: solid 1px #535f6c;
padding: 0px;
margin-top: 0px;
padding-top: 0px;
}

/*
ul {
list-style-type: none;
margin: 0;
padding: 0 10px 0 0;

}

li {
display: inline;
float: left;
}

li a {
display: block;

padding: 0.1em 0.5em;
margin: 0 0 1em 0;
text-decoration: none;
}

ul ul {
list-style-type: none;
margin: 0 0 0 1em;
padding: 0;
font-size: 10px;
}
*/

img, div {margin:0;
padding:0;
border: none;
}

#navigation {
position: absolute;
z-index: 10;
top: 80px;
font-family: Verdana, sans-serif;
font-weight: 100;
font-size: 10px;
font-weight: 100;
margin: 0;
padding: 0 0 1px 0;
width: 723px;
height: 26px;
background: url(images/navbar.jpg) repeat-x;}

#navigation ul {
padding: 0 0 0 42px;
margin: 0;
}

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

#navigation #navdivider {
padding: 8px 10px 0 10px;
margin: 0;
}

#navigation a img {
padding: 0;
margin: 0;
}

#illustrations {
/*border: solid gray 1px;*/
position: absolute;
right: 20px;
width: 170px;
margin: 0;
padding: 0;
}

p {
padding: 0;
margin: 0;
}



#image_bar { 
position: absolute;
z-index: 10;
top: 107px;
width: 723px;
height: 147px;
margin: 0;
padding: 0;
border: none;
}



.left-float { clear: left;
float: left; 
margin: 0 11px 0 0;}

h4 { display: inline; 
float: none;
margin-right: 3px; font-weight:bold;}

h4 a {
display: block;
color: #35beee;
font-size: 12px;
margin-top: -3px;
}

#acknowledgements {
clear: both;
height: 36px;
width: 723px;
padding: 30px 0 0 0;}

#acknowledgements img {
border: none;
margin: 0;
padding: 0;
float: left;
}

#acknowledgements a {
border: none;
margin: 0;
padding: 0;
display: inline;
}

#text_navigation {
font-size: 9px;
padding: 5px 0 15px 0;
margin: 0;
text-align: center;
color: #535f6c;
}

#text_navigation a {
padding: 0 5px;
color: #535f6c; text-decoration: none;
}

#text_navigation a:visited {COLOR: #FE0434;  text-decoration: none;}
#text_navigation a:hover {COLOR: #5B7AA9; text-decoration: underlined;}
#text_navigation a:active {COLOR: #5B7AA9; text-decoration: underlined;}

#identity_column {width: 220px;
/*float: right;*/
position: absolute;
right: 0;

padding: 0 0 0 11px;
margin: 0;}

#diamondsforschools2 #identity_column {width: 288px;}

#identity_column a img {
margin: 0;
padding: 0 57px 0 0;
float: right;
}

#identity_column img {
margin: 0;
padding: 0;
float: right;
}

.homepage #identity_column a img {
margin: 0;
padding: 0 19px 0 0;
float: right;
}

hr {
width: 671px;
color: #535f6c;
background: #535f6c;
border: none;
height: 1px;
}

.bullet {
float: left;
padding: 0 7px 0 0;
margin: 0 0 0 0;
}

.lessonpacks .bullet {
margin: 0 0 25px 0;
}

.library .bullet {
position: relative;
top: -3px;
/*margin: -3px 0 0 0;
overflow: visible;*/
}

.library .pdf {
top: 0px;
margin: 0 0 0 0;
}

img.centred { margin: 0 90px; }