body {	font-family : Verdana, Arial, Helvetica, sans-serif;
margin: 0;	padding: 0;	
background : #fff2fe url(../images/nav_stripes.gif) repeat-y fixed 0px 0px;
} 
body, h3, h4,td {
    font-size: x-small;
    f\ont-size: small         
}
/* ==================================== LAYOUT ===============================*/
#layer-navbar{
	position:absolute; 
	width:200px; 
	z-index:4; 
	top: 2px; 
	left: 279px;
}
#layer-logo{
	position:absolute; width:145px; height:64px; z-index:2; top: 7px; left: 8px;
}

#layer-content{
	background: url(../images/page_design_01.gif) no-repeat top left;
	padding-top:92px;
	padding-left:175px;
	width:755px;
	w\idth:580px;
}

 .text_top_of_page,.read_more {
    font-size: xx-small;      
        f\ont-size: x-small         
    }
html>.text_top_of_page,html>.read_more  { font-size: x-small }


html>body, html>h3, html>h4   { font-size: small }

h2 {
    font-size: small;      
        f\ont-size:    medium         
    }
html>h2  {    font-size:    medium   }
	
h1 {
    font-size: medium;      
        f\ont-size:    large         
    }
html>h1 {font-size: large}
	
h1 {font-family: Arial, Helvetica, sans-serif; margin: 0 0 3px 0; font-weight: bold; color: #993399}
h2 {font-family: Arial, Helvetica, sans-serif;	margin: 3px 0 3px 0;font-weight: bold;color: #ff6633} 
table.table-news{
	margin-top:5px;
}
table.table-news h2 a{
	color: #ff6633;
	text-decoration: none;
}
table.table-news h2 a:hover{
	color: #9370DB;
}
h2.text_narrow_height {	margin: 0 0 3px 0}
h2.text_narrow_height a{
	text-decoration:none;
		COLOR: #660066;
}
h3 {margin: 3px 0 3px 0;font-weight: bold; color: #FF6633}
table.intro h2, table.intro h3{
	color:black;
}
h4 {margin: 3px 3px 9px 0px; color: #FF6633}
p {margin: 6px 0 6px 0}
ul {margin: 6px 20px 6px 30px}
HR {color : #663366;margin: 0;padding: 0;height : 1px;}

/*==================================== 		MENUS	 =========================================*/
div#lyrmainmenu, div#layer-menu {position:absolute; height:132px; z-index:6; top: 76px; left: 4px; width: 152px;font-family: Arial, Helvetica, sans-serif;
text-align:center}
div.menu_main table td {padding: 0}
A.menu_item div {font-size: 12px;	font-weight: bold;	color: #660066;	width: 115px;cursor: pointer; cursor: hand;	
padding : 2px 2px 2px 3px; text-align:left}
div.menu_sub {visibility: hidden; position:absolute;font-family: Arial, Helvetica, sans-serif;	font-size: 12px;font-weight: bold;	
color: #660066;	z-index:7;width:150px}
div.menu_sub table {background-color : #FFFFFF;text-align:left}
div.menu_sub table td {padding : 0;border : 1px solid #9999cc;}
div.menu_sub A {text-decoration:none; color: #990000;font-family: Arial, Helvetica, sans-serif;	font-size: 12px;font-weight: bold}
div.menu_sub A div {width: 150px;cursor:pointer;cursor: hand;padding:2px 6px 2px 5px}
div.menu_sub_item_hilite {background-color : #99CCFF;}
.menu_item_home {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #660066; width: 120px; cursor: hand; padding : 2 2 2 5; text-align: left; }
.menu_heading_home {font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 3px 0px 6px 0px; font-weight: bold; text-align: center; color: #003399}

#layer-menu-top{
height:16px;
	background : url(../images/menu_slice_top.gif) no-repeat;
}
#layer-menu-middle{
	padding:0 6px 2px 6px;
	background : url(../images/menu_slice_middle.gif) repeat-y;
}
#layer-menu-bottom{
	height:10px;
	background : url(../images/menu_slice_bottom.gif) no-repeat;
}

/*==========================   IMAGES  =========================*/
/*dont specify div for first two classes as could be applied to IMG or DIV*/
.image-container-right,.container-right{
	float:right;
	margin-left:10px;
}
.image-container-left{
	float:left;
	margin-right:10px;
}
div.image-container-right div, div.image-container-left div{
	width: 200px;
}
div.image-container-right img, div.image-container-left img, div.container-right img{
  border: 1px solid black;
}
.ptype-home-access #layer-content .intro .float-right {
	border: 1px solid #000000;
}

div.border-none img{
	border:0 none;
}
div.image-container-right, div.image-container-left {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : xx-small;
	text-align : center;
	margin-top : 0px;
	margin-bottom : 0px;
}

.float-right{
	float:right;
}
.ptype-home-access #layer-content .teacher-info form {
	margin: 0px;
	padding: 0px;
}

.float-left{
	float:left;
}
div.image-container{
	text-align:center;
	font-style:italic;
    font-size: xx-small;      
        f\ont-size: x-small         
}
.image-border{
	border:1px solid black;
}

.nav_sliced_image img, .nav_sliced_image a, .menu_main img {display: block;  margin: 0;  border: 0;  padding: 0}
A:link {color : #990000;} 
A:hover { color : #FF0000; } 
A.menu_heading {text-decoration:none;	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;margin: 0 0 2px 0;font-weight: bold}
A.menu_item {text-decoration:none; color: #990000}
A.menu_rhs {font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; font-weight: bold; color: #FFFFFF; text-decoration: none}
A.menu_rhs:hover {color: #99FFFF}
A.menu_rhs_heading {  font-weight: bold; color: #FFFFFF; text-decoration:none}
.form_required {margin-bottom: 3px;	font-weight: bold;	color: #ff6633;	text-align: right} 
div.links_breadcrumbs{border-bottom : 1px solid #660066;	margin : 5px 5px 5px 0px;	padding: 5px 5px 5px 0px;
	font-weight: bold;	text-decoration: none}
div.links_breadcrumbs A {text-decoration:none; color: #990000}
.anchorpad {padding-bottom : 40em;}
table.table-information, table.table_information {border-collapse: collapse;	background : #CCFFFF;margin : 10px 0px 10px 20px;width:500px}
table.table-information td, table.table_information td {border: 1px solid #006699;	padding: 5px;	vertical-align : top}
table.table-information th, table.table_information th {border: 1px #006699 solid;	padding: 5px;	background : #9999FF;	color : White;	text-align : left;}
.links_section {background-color : White;	font-weight : bold;	margin : 10px;	padding : 5px;	border : 2px solid #660066;}
.text_pullquote_mauve {	margin : 10px 0 10px 0;	background-color : #CCCCFF;	padding: 10px;	border : 2px solid #660066;}
.text_pullquote_blue_narrowwidth {
	margin : 10px 10px;
	background: #66CCFF;
	padding: 10px;
	position:relative;
	width: 282px;
	border : 2px solid #660066;
	background-color: #66CCFF;
} 
.text_pullquote_white {margin : 10px;	padding: 10px;	background : white;	text-align:center;	border : 5px solid #CC99CC;}
.text_pullquote_blue {margin : 10px;background: #66CCFF;padding: 10px; border : 2px solid #660066;}
.text_pullquote_salmon {background: #FFCCCC;	margin : 10px;	padding : 10px;	border : 2px solid #660066;}
.text_pullquote_green {	margin : 10px;	background: #66CCCC;	padding: 10px;	border : 2px solid #660066;}
.text_pullquote_green h2, .text_pullquote_green h3 {color: #333333;}
.text_pullquote_blue h2,  .infobox_small h2, .infobox_small h2, .infobox h2 {color : #660066;}
.text_pullquote_blue h3, .infobox_small h3,  .infobox h3 {	color : #663366;}
.text_quote {font-style: italic; margin-top: 6px}

.text-pullquote-blue-small-right {float: right; margin : 5px 5px;background: #66CCFF; padding: 5px; padding-right: 0px; position:relative;
	width: 240px;	border : 1px solid #660066;} 




div.text_quote {margin-bottom:0px}
.text_quote_source {font-style: italic;	font-weight: bold;	margin: 0 0 12px 0}
.text-qca{
	font-style:italic;
}
.text-path{
	font-style:italic;
}
img.image_margin_right {margin-right : 6px;	margin-top:3px;}
.margin_right {margin-right : 10px}
.margin_left{
	margin-left:10px
}
img.border{	border:1px solid black;}
div.layout_main {width:580px; margin-left: 175px; margin-top: 93px;}
.printonly {display:none;}
.text_emphasis { font-weight: bold} 
.text_disclaimer { font-size: smaller; font-style: italic} 
.text_disclaimer_copyright { font-size: 9px; text-align: center; margin-top: 0px} 
.text_work_in_progress {  color: #FF66CC; font-weight: bold}
.smallprint{ font-size: x-small;}    
.read_more { font-weight: bold; color: #FF6633}
table.pullout  { background-color : #FFFFCC;margin-left:auto;margin-right:auto;}
.headerlink {font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	color: #000000;	margin: 0}
.title_story {  font-weight: bold}
.title_story_inline {  font-style: italic}
.comment_suggestion {  color: #990099; font-weight: bold}
.title {font-size: 20px; font-weight: bold; color: #990099}
.title h2 {color:#cc0099}
.backgrdfact {padding : 10px 0px 10px 0px;	background: #FFCC66;}
.backgrdpict {padding : 10px 0px 10px 0px;	background: #0099FF;}
table.factfile {background: #FFFFFF;}
.clear{clear:both}

/* ==================================== OCT 05 ==================================*/
#layer-menu {
	background: url(../images/menu_heading_characters.gif) no-repeat top left;
	padding-top:57px;
}
#layer-menu div.menu{
	/*background: url(../images/menu_slice_middle.gif) repeat-y top left;	*/
	padding-bottom:10px;
	background: white url(../images/menu_slice_bottom.gif) no-repeat bottom left;
}
#layer-menu img{
	margin:0;
	display:block;
}
#layer-menu h2{
	border-left: 2px solid #9966cc;
	border-right: 2px solid #9966cc;
	margin:0;
	font-size:small;
	f\ont-size:medium;
}
#layer-menu h2 a{
	text-decoration:none;
	font-weight:bold;
	color:purple;
}
#layer-menu h2 a:hover{
	color:red;
}
#layer-menu ul {
	border-left: 2px solid #9966cc;
	border-right: 2px solid #9966cc;
	padding:0 0 0 5px;
	margin:0;
	text-align:left;
	padding-right:2px;
	border-bottom:1px solid white;
}
#layer-menu ul li{
	background:url(../images/nav_bullet.gif) no-repeat 0.5em left;
	padding-left:10px;
	margin:0 0 0 2px;
	border-bottom:1px solid white;
	list-style:none;
}
#layer-menu ul li a{
	text-decoration:none;
	font-weight:bold;
	color:purple;
	display:block;
	padding:2px 5px 2px 2px;
	margin:0;
	width:130px;
	w\idth:122px;
}
#layer-menu ul li a:hover{
	background-color:#CCCCFF;
}

#layer-menu ul li ul.submenu {
	display:none;
	position:absolute; 
	left:140px;
	z-index:7;
	margin:0;
	padding:0;
	background-color:white;
	font-weight: bold;
	color: #660066;
	border:2px solid #9999cc;
	width:13em;	
}
#layer-menu ul li ul.submenu li{
	padding:1px;
	margin:0;
	background-color:white;
	list-style:none;
	border-bottom:1px solid white;
	background:none;
}
#layer-menu ul li ul.submenu li a{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	display:block;
	margin:0;
	color:#990000;
	background-color:white;
	border-bottom:1px solid white;
	padding:0;
	width:100%;
}
#layer-menu ul li ul.submenu li.highlight a{
	background-color: #99CCFF;
}
#layer-menu ul li ul.submenu li a:hover{
	background-color:#CCCCFF;
}
div.menu-services a#menuitem1, div.menu-services a#menuitem2,div.menu-services a#menuitem3, div.menu-services a#menuitem4, div.menu-services a#menuitem5, div.menu-services a#menuitem6, div.menu-services a#menuitem7, div.menu-services a#menuitem8, div.menu-try-buy a#menuitem1, div.menu-try-buy a#menuitem2 {
	background: url(../images/nav_bullet_triangle.gif) no-repeat 5px right;
}
span.new{
	font-weight: bold;
}

/* ==================================== WEEKLY NEWSLETTER ===============================*/
body table.intro, body table.teachers,body table.foundation, body table.ks1,body table.ks2{
	width:100%;
}

table td.newsletter-icon {
	width: 90px;
}

p.center {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body table.teachers table, body table.teachers table td {
	text-align: center; 
	border: 0px none #FF0000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-spacing: 0px 0px 0px 0px;
	border-collapse: collapse;
}
body table.teachers table tr {
	border: 0px none #0000FF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-spacing: 0px 0px 0px 0px;
	border-collapse: collapse;
}
.newsletter-cell-one {
	width: 289px;
}
.newsletter-cell-two {
	width: 116px;
}
span.content-club-only {
	font-style: italic;
}
/* ==================================== WEEKLY NEWSLETTER ===============================*/

.container-news{
border: 2px dotted #996699;
padding: 2px 2px 2px 4px;
height: 11.2em;
margin-top:5px;
background-color: #F0D6F0;
width:46%;
float:left;
}
.container-news-left{
	margin-right:10px;
}
.container-news img{
float: left;
margin-right: 7px;
border: 1px solid black;
}

.container-news h2{
font-size: 1.1em;
margin-bottom: 7px;
color: #660066;
}
/*
.rts-award-box h1{
color: #08517A;
}*/
.container-news p{
font-size: 0.9em;
margin-bottom: 0px;
}
.container-news a{
color: #CC0000;
}
.channel-4-annoucement object{
float: left;
margin: 2px 2px 0px 2px;
}

p.extra-emphasis {
	font-size:large;
}

.gosh-box, .oup-box{
border: 2px dotted #996699;
padding: 2px 4px 2px 4px;
height: 5.1em;
background-color: #F0D6F0;
margin-bottom: 5px;
}


.gosh-box h1, .oup-box h1{
float: left;
font-size: 1em;
margin-bottom: 5px;
color: #660066;
border: 0px solid black;
}

.oup-box h1{
width: 150px;
margin-bottom: 10px;
}

.gosh-box h1{
width: 160px;
}

.gosh-box p, .oup-box p{
font-size: 0.9em;
margin-bottom: 10px;
clear: both;
display: inline;
}

.gosh-box img, .oup-box img{
float: right;
border: 1px solid black;
}


/* ==================================== Home access ===============================*/
body.ptype-home-access h1, body.ptype-home-access h2, body.ptype-home-access  p  { color:#491448; margin:2px;}
 body.ptype-home-access h1 {margin-top:15px; margin-left:10px;}
 body.ptype-home-access .intro { background-image:url(../images/bg_star.gif) ; background-position:top-left; background-repeat:no-repeat; border:1px solid #fff2fe; margin-bottom:10px; }

body.ptype-home-access .login {background-color:#f7cfcd; 
 width:96%; padding:3px;  height:auto;
 }
body.ptype-home-access h2 {font-size:1.1em;} 
body.ptype-home-access h2.login {font-size:1.5em; font-weight:none;} 
 body.ptype-home-access .login form { margin:3px;}
 body.ptype-home-access .login  .small-star {vertical-align:middle;}
body.ptype-home-access .footnote {font-size:0.8em; font-style:italic;    }
body.ptype-home-access .login .box-left {  width:46%; float:left;  }

body.ptype-home-access form { margin-top:15px;}
body.ptype-home-access form img {vertical-align:middle;}
body.ptype-home-access .teacher-info p {clear:both;}
body.ptype-home-access .teacher-info  {margin-top:10px; }
body.ptype-home-access .teacher-info  .box-left, body.ptype-home-access .teacher-info  .box-right {background-color:#ffffff; border :2px solid #f1b2ad;   padding:5px;}

body.ptype-home-access h2.clear { margin-top:7px; margin-bottom:6px; padding-top:6px; height:10px; clear:both;}
 body.ptype-home-access .teacher-info  .box-left {float:left; width:47%;}
  body.ptype-home-access .teacher-info  .box-right {float:right;  width:47%;}
   body.ptype-home-access .teacher-info  .lower {margin-top:10px;}
  body.ptype-home-access .teacher-info img.tr-button { float:left; margin-left:5px;}  body.ptype-home-access .teacher-info img.tr-button2 { float:right; margin-left:15px; margin-bottom:2px;}  
  body.ptype-home-access .teacher-info p.center-btn { margin-left:60px; margin-bottom:10px; margin-top:10px;}