body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
}

*html body {
	font-size: 80%;
}


/* general margin settings */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { 
margin:0; 
padding:0; 
} 


/* header */

#header {
  background: #fec22c;
  color: #fff;
}

#header img {
  color: #fff;
  border: none;
  text-align: left;
}


/* logo */

.logo {
	background: url(../images/curve.gif) no-repeat;
	height: 80px;
	margin: 0;
	padding: 0;
}

.logo h1 {
margin: 0 10px 0 200px;
padding: 40px 0px 0px 10px;
}

.logo h2 {
margin-left: 200px;
padding-left: 10px;
}

.logo p {
font-weight: bold;
text-align: right;
font-size: 1.2em;
margin: 0 10px 0 200px;
padding: 30px 0px 0px 10px;
}

.logo img {
float: right;
padding: 10px 20px;
}


/* navigation */

#navigation_child {
	float: left;
}

#navigation_child ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation_child ul li.first {
border-top: 1px solid #fec22c;
}

#navigation_child ul li{
padding: 5px;
margin: 5px 0 0 10px;
border-bottom: 1px solid #fec22c;
width: 180px;
list-style-type: none;
}

#navigation_child ul li ul li{
padding: 3px 0;
margin: 0;
border: none;
background: none;
width: 180px;
font-weight: normal;
border-top: 1px dashed #fec22c;
}


#navigation_child ul li a {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #000;
	padding: 5px 40px 3px 0;
}

#navigation_child a.current {
color: #000000;
font-weight: bold;
font-size: 1em;
}

#navigation_child a:hover {
	text-decoration: none;
}

#navigation_child ul li ul li a {
background: none;
text-decoration: underline;
color: #b01710;
}

#navigation_child ul li ul li a.current {
background: none;
text-decoration: none;
color: #b01710;
font-weight: bold;
font-size: 1em;
}

#navigation_child ul li ul li a:hover {
background: none;
}


/* content */

#content {
	margin: 0 20px 0 200px;
	padding: 0px 0 0 10px;
}

#content_child {
	padding: 0 0 0 10px;
	margin: 0 20px 0 200px;
}

/* links */
a:link, a:visited { 	color: #ba0000; text-decoration: underline; }
a:hover{ 	color: #ba0000; text-decoration: none;}

a.image:link, a.image:visited { border: none; text-decoration: none; }
a.image:hover{ text-decoration: none; background: none; border: none;}

a.image img, a.image:visited img {
border: none;
text-decoration: none;
}

a.home_link:link, a.home_link:visited { text-decoration: none;}

/* page styles */

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

p.note {
font-size: 0.85em;
line-height: 1em;
margin-top: 1em; 
margin-bottom: 1em; 
}

h1 {
font-size:1.3333em; 
line-height: 1.125em; 
margin-top: 1.125em; 
margin-bottom: 1.125em; 
	color: #000;
	margin: 0;
	padding: 0;
}

h1.no_banner {
padding-bottom: 5px;
border-bottom: 1px solid #fec22c;
}

h2 { 
font-size:1.25em; 
line-height: 1.2em; 
margin-top: 1.2em; 
margin-bottom: 1.2em; 
color: #ba0000;
}


h3 { 
font-size:1.1667em; 
line-height: 1.286em; 
margin-top: 1.286em; 
margin-bottom: 1.286em; 
	color: #ba0000;
}

h4 { 
	font-size: 1.0833em;
	color: #000;
	margin-top: 1.3846em;
	margin-bottom: 1.3846em;
	line-height: 1.3846em;
}

h4.faq { 
	font-size: 100%;
	color: #6600B9;
	padding: 4px 0;
	margin: 30px 0 10px 0;
	border-bottom: 1px solid #ccc;
}

h5 { 
	font-size: 100%;
	color: #333;
	margin: 20px 0 10px 0;
}

h6 { 
	font-size: 90%;
	color: #666;
	margin: 20px 0 10px 0;
}

ul li {
list-style-type: disc;
font-size: 1em;
line-height: 1.5em;
margin-top: 1.5em; 
margin-bottom: 1.5em; 
margin-left: 20px;
}

ol li {
font-size: 1em;
line-height: 1.5em;
margin-top: 1.5em; 
margin-bottom: 1.5em; 
margin-left: 20px;
}

table {
	margin: 0;
	b/order-collapse: collapse;
	color: #333;
}

th {
	border-top: 1px solid #ccc;
	text-align: left;
	padding: 10px;
	vertical-align: top;
}



td {
	vertical-align: top;
	border-top: 1px solid #ccc;
	padding: 10px;
	text-align: left;
}



/* image styles */

.screenshot {
width: 200px;
float: right;
font-size: 90%;
text-align: center;
}

.screenshot img {
border: 1px solid #000;
}


img.packshot {
float: right;
padding: 8px;
}

img.bett {
float: right;
padding: 0;
}
.screenshot_left {
float: left;
}

.screenshot_right {
float: right;
width: 200px;
padding: 10px;
text-align: center;
}

.screenshot_right img {
margin: 5px 0 10px 0;
border: 1px solid #000;
}

.screenshots ul {
float: right;
list-style-type: none;
width: 180px;
}

.screenshots ul li {
padding: 0 0 20px 0; margin: 0;
text-align: center;}

.screenshots ul li a:active, .screenshots ul li a:visited{
text-decoration: underline;}

/*general styles*/

blockquote {
padding:  0;
line-height: 1.5em;
margin-top: 1.5em; 
margin-bottom: 1.5em; 
margin-left: 0px;
margin-right: 0px;
}

.clear {
clear: both;
}

.book {
clear: both;
margin: 0 0 20px 0;
}

.book img {
float: left;
margin: 0 8px 8px 0;
border: 1px solid #000;
}


.videos img {
float: right;
}

.registered {
vertical-align: text-top;
font-size: 80%;
padding: 0;
margin: 0;
line-height: 0.7em;
}

/* footer */

#wrapper-footer {
	text-align: left;
}


#footer {
  background: transparent;
  font-size: 85%;
  clear: both; 
  border-top: 1px solid #cccccc;
padding: 10px 10px 100px 10px;
margin: 0;
}

.keystage1 {
background: url(../images/ks1/ks1_banner_left.jpg) repeat-x bottom left;
min-height: 145px;
width: 45%;
margin:0;}

.keystage1_inner{
background: url(../images/ks1/ks1_banner.jpg) no-repeat bottom right;
padding: 10px;
min-height: 145px;
}

*html .keystage1 {
padding: 0;
margin: 0;
height: 145px;
}

*html .keystage1_inner{
margin: 0;
height: 145px;
}

.keystage1 h2 {
color: #000000;
font-size: 1.3em;
}


.keystage1 p a{
width: 65%;
color: #b01710;
font-size: 1.2em;
font-weight: bold;}

.keystage2 {
background: url(../images/ks2/ks2_banner_left.jpg) repeat-x bottom left;
min-height: 145px;
float: right;
width: 45%;
padding:0;
margin:0;}

*html .keystage2 {
padding: 0;
margin: 0;
height: 145px;
}

.keystage2_inner {
background: url(../images/ks2/ks2_banner.jpg) no-repeat bottom right;
padding: 10px;
min-height: 145px;
}

*html .keystage2_inner {
margin: 0;
height: 145px;
}

.keystage2 h2 {
color: #ffffff;
font-size: 1.3em;
}


.keystage2 p a, .keystage2 p a:visited{
width: 75%;
color: #fec22c;
font-size: 1.2em;
font-weight: bold;}

.quote {
float: right;
padding: 10px;
margin-top: 10px;
}

.quote ul {
list-style-type: none;
padding: 0; margin: 0;
}

.quote img {
float: right;
}

.quotmark {
color: #ba0000;
font-size: 2.0em;
}

.highlight {
float: left;
margin-right: 0px;
width: 30%;
}

img.left {
float: left;
padding-right: 10px;
}

img.right {
background: none;
float: right;
width: auto;
padding: 0;
margin: 0;
}

.right {
float: right;
width: 30%;
padding: 0 10px;	
margin: 10px 0 10px 10px;
background: #efefef;
}


.right h3 {
color: #333;}

.centre {
margin-right: 30%;
}

.right img {
float: right;
}

.covers ul {
padding: 0; margin: 0;
}

.covers li {
display: inline;
float: left;
width: 120px;
margin-top: 10px;
}

/* 
------------------------------
components listing styles
------------------------------
*/

table.components {
margin: 0;
border-coll/apse: collapse;
}

table.components th{
vertical-align: top;
padding: 0 0 0 8px;
text-align: left;
}

table.components th.top {
padding: 20px 5px 10px 8px;
font-size: 1em;
color: #9A1B26;
text-align: left;
}

table th p{
font-weight: normal;}

table.components td {
margin: 4px;
padding: 8px;
vertical-align: top;
width: 25%;
}

table.components td img {
float: left;
margin: 0 4px 4px 4px;
}


table.components th {
width: 20%;
}

table.components td img{
border: 1px solid #9A1B26;
}

.ks1_banner {
background: url(../images/ks1/ks1_banner_left.jpg) repeat-x bottom left;
min-height: 145px;
padding:0;
margin:0;}

.ks1_banner .inner{
background: url(../images/ks1/ks1_banner.jpg) no-repeat bottom right;
padding: 0 0 10px 0;
min-height: 145px;
}

*html .ks1_banner {
padding: 0;
margin: 0;
height: 145px;
}

*html .ks1_banner .inner{
padding: 0;
margin: 0;
height: 145px;
}

.ks1_banner p {
width: 75%;
padding-left: 10px;
}

.ks1_banner h1 {
padding-top: 10px;
padding-left: 10px;
}

.ks1_banner h2 {
padding-left: 10px;
}

.ks2_banner {
background: url(../images/ks2/ks2_banner_left.jpg) repeat-x bottom left;
min-height: 145px;
padding:0;
margin:0;}

*html .ks2_banner {
padding: 0;
margin: 0;
height: 145px;
}

.ks2_banner .inner{
background: url(../images/ks2/ks2_banner.jpg) no-repeat bottom right;
padding-bottom: 10px;
min-height: 145px;
margin: 0;
}

*html .ks2_banner .inner{
padding: 0;
margin: 0;
height: 145px;
}

.ks2_banner h1 {
color: #ffffff;
padding-top: 10px;
padding-left: 10px;
}

.ks2_banner h2 {
color: #fec22c;
padding-left: 10px;
}

.ks2_banner p {
color: #ffffff;
width: 75%;
padding-left: 10px;
}


.ks1_highlight {
background: #ffffe2;
margin: 0;
padding: 0 0 0 5px;
border: 2px solid #ffa622;
}

.ks1_highlight a {
color: #ff7300;
padding: 0;
margin: 0;}

.ks1_highlight h3 {
padding: 0;
margin: 0;
}

.ks1_highlight img {
padding: 0;
margin: 0;
}

.series_editor {
float: left;
width: 30%;
padding-right: 10px;
}

.series_editor img{
float: left;
padding-right: 5px;
}

.series_editor p{
margin-top: 0;}

/* 
------------------------------
tour
------------------------------
*/

.tour ul {
padding: 0;
margin: 0;
text-align: center;
}

.tour ul li {
list-style: none;
float: left;
display: inline;
background: none;
width: 45%;
}
.tour ul li ul li {
list-style: disc;
float: none;
display: list-item;
background: none;
margin-right: 20px;
width: auto;
text-align: left;
}

/* 
------------------------------
anthologies
------------------------------
*/

.anthologies h5{
clear: both;
}

.anthologies ul {
padding: 0;
margin: 0;
text-align: center;
}

.anthologies ul li {
list-style: none;
float: left;
display: inline;
background: none;
width: 30%;
}


.clearleft {
clear: left;
}