/*  oliver twist css */


body {
width: 100%;
height: 100%;
margin:0px;
position: relative;
}



div,dl,dt,dd,h2,h3,h4,h5,h6,pre,blockquote,th,td{
 margin:0px;padding:0px;
	background-color: #ffffff;
	color: #000000;
}

a:link {color: #000;text-decoration: none}	
a:visited {color: #000;text-decoration: none}

.maintext a, .maintext a:visited {
color: #000;
text-decoration: underline;
}

a:hover {color: #000;
	text-decoration: underline;
}
a:active {color: #000}

table{border-collapse:collapse;border-spacing:0;}

img{border:0;}

address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}

#page-container{
margin: 0 auto 0 auto;
padding:12px;
width:800px;
border:solid 0px #fff;
background-color:#ffffff;
position: relative;
}



#header{
width:346px;
height:127px;
float:left;
}

#header h1{
text-indent:-9999px;
}

#main-nav-wrapper{
width:450px;
height:79px;
margin:0px;
padding:0px;
float:right;

}

#navwrap{
width:100%; 
height:100%;
position:relative;
margin:0px;
padding:0px;

}

#main-nav{
font-size:22px;
font-family:Geneva, Arial, Helvetica, sans-serif;
list-style-type:none;
marker-offset:0px;
margin-top:0px;
position:relative;
margin:0px;
padding:0px;
}

#main-nav ul#sub-nav {
left:-350px;
margin:0px;
padding:0px;
position:absolute;
top:142px;
width:179px;
font-size:14px;
font-family:Geneva, Arial, Helvetica, sans-serif;
list-style-type:none;
marker-offset:0px;

	}


th{text-align:left;}

h1,h2,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}


body {font:13px/1.231 verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

table {font-size:inherit;font:100%;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body{text-align:left;}

h6 {
	font-size: 10px;
}

h3 {
	font-size: 13px;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 700px;
  max-width: 800px;
  width: 780px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 350px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}


form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	vertical-align:middle;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}



#header{text-align:left;}



.rightalign {text-align:right;align:right;}

.headimg {
	width: 340px;
	height:79px;
	float: left;
	background-image:url(images/newTitleTreat.gif);
	background-repeat:no-repeat;
	position:relative;
	margin:0px;
	padding:0px;
}



.headimg h1 {
text-indent:-9999px;
}

.topnav {
	width: 450px;
	height: 24px;
	padding: 2px;
	float: right;
	display: block;

	list-style-type:none;
	marker-offset:0px;
	padding-top:25px;
	position:relative;
	padding-left:0px;
	margin-left:0px;
	


}

.topnavwrap{

	position:relative;
	margin:0px;
	padding:0px;

}
.menuitem1 {
	width: 80px;
	height: 22px;
	background-color: #666633;
	text-align: center;
	float: left;
	vertical-align: middle;
	margin-left: 2px;
}
.menuitem2 {
	width: 150px;
	height: 22px;
	background-color: #CC9900;
	text-align: center;
	float: left;
	vertical-align: middle;
	margin-left: 2px;
}
.menuitem3 {
	width: 80px;
	height: 22px;
	background-color: #cccc33;
	text-align: center;
	float: left;
	vertical-align: middle;
	margin-left: 2px;
}
.menuitem4 {
	width: 125px;
	height: 22px;
	background-color: #996633;
	text-align: center;
	float: left;
	vertical-align: middle;
	margin-left: 2px;
}

.qformat {color: #996600;}

.smallgrey {
	color: #999999;
	font-size: 10px;
	}

.docslist_tc h3 {
	color: #996633;
	font-weight: bold;
	
}


.docslist_tc {
position: absolute;
top: 185px;
left: 15px;
width: 184px;
	
}

.docslist_th {
position: absolute;
top: 270px;
left: 15px;
width: 184px;
}

.docslist_act {
position: absolute;
top: 290px;
left: 15px;
width: 184px;

}


.docslist_lr {
position: absolute;
top: 290px;
left: 15px;
width: 184px;
}

.docslist_th h3 {
color: #cccc33;
font-weight: bold;
}


.docslist_lr h3 {
color: #CC9900;
font-weight: bold;
}

.docslist_act h3 {
color: #666633;
font-weight: bold;
}


.maintext {
width: 581px;
}

.maintext2 {
	width: 611px;
}


.videoop {
	width: 581px;
}

.v1 {
	width: 431px;float: left;
	height: 100px;
}

.v2 {
	width: 75px;float: left;
	height: 100px;
}

.v3 {
	width: 311px;float: left;
	height: 200px;
}

.v4 {
	width: 135px;float: left;
	height: 154px;
	padding-top: 40px;
	
}

.v5 {
	width: 135px;float: left;
	height: 154px;
	padding-top: 40px;
	
}


.w1 {
	width: 193px;float: left;
	padding-left:1px;
	padding-bottom:0px;
}

.w2 {
	width: 175px;float: left;
	padding-left:1px;
	padding-bottom:0px;
	text-align:center;
}

.w1 img {
 	border:1px;
	border-color:#fff	
}

.y1 img {
 	border:1px;
	border-color:#fff	
}

.x1 {
	width: 280px;float: left;
	padding-left:2px;
	padding-bottom:0px;
	color: #CC9900 ;
	font-weight: bold;
	text-align:center;
}

.x2 {
	width: 260px;float: left;
	padding-left:20px;
	padding-bottom:0px;;
	text-align:left;
	
}

.y1 {
	width: 201px;float: left;
	padding-left:0px;
	padding-bottom:2px;
	text-align:center;
}

.z1 {
	width: 280px;float: left;
	padding-left:2px;
	padding-bottom:0px;
	text-align:center;
}


#content img{
border-width:0px;
border-color:#000000;
}

.border1{
border-width:0px;

border-color:#000000;
}

/* Classes */

.clear {
clear:both;

}

.pdf{
width:250px;
border:none;
margin:0px auto;
background-image:url(imgs/acrobat_icon.jpg);
background-repeat:no-repeat;
background-position:left;
text-indent: 80px;
padding-top:20px;
height:80px;
font-size:20px;

}

.pdf img{
border:none;
}



blockquote{
font-size:12px;
font-family:Courier, Courier New;
color:#666666;
}

.navlinks a{
color:#666666;
text-decoration:none
}

.navlinks a:visited{
color:#666666;
}

.active{
list-style-type:disc;

}

.active a{
color:#000000;
text-decoration:none;
font-weight:bold;

}

.active a:visited{
color:#000000;
text-decoration:none;
font-weight:bold;
}



#sidebar-a {
	float:left;
	width:180px;
	
}

#sidebar-a ul{
margin-left:-10px;
}

#content {
	padding-top:15px;
	padding-bottom:12px;
	float:right;
	width:580px;
}




#footer{
width:650px;
font-size: 11px;
margin: 0 auto 0 auto;
padding: 10px 290px 10px 15px;
text-align: right;

}

.larger{
font-size:16px;
font-weight:bold;
}

.largest{
font-size:18px;
font-weight:bold;
}

/* Link Styles */

a{
color:#000000;
text-decoration:none
}

a:hover{
color:#333333;
text-decoration:underline;
}

a:visited{
color:#000000;
}

a:active{
color:#000000;
}



.maintext img {
 	border:1px;
	border-color:#fff	
}

.maintext3 {
	width: 581px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#cc9900;
	font-weight: bold;
}

#list-menu {
width: 180px;
margin: 0px;
left:-348px;
list-style-type: none;
padding:2px;
position:absolute;
top:80px;
}

#list-menu ul {
margin: 0px;
list-style-type: none;
padding: 0;
margin-left: 0;
font-family: verdana, arial, sanf-serif;
font-size: 14px; 
} 

#list-menu li {
margin: 2px 0 0 0;
} 

#list-menu a {
display: block;
width:175px;
padding: 2px 2px 2px 5px;
border: 0px;
background-color: #CCcc33;
text-decoration: none; /*lets remove the link underlines*/
} 

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #fff;
}

#list-menu a:hover {
border: 0px ;
background-color: #996633;
color: #ffffff;
} 





#list-menu-lr {
width: 180px;
margin: 0px;
left:-348px;
text-align: left;
list-style-type: none;
padding:2px;
position:absolute;
top:90px;
/* this width value is also effected by
the padding we will later set on the links. */
}

#list-menu-lr ul {
margin: 0px;
padding: 2;
list-style-type: none;
padding: 0;
margin-left: 0;
font-family: verdana, arial, sanf-serif;
font-size: 14px; 
} 

#list-menu-lr li {
margin: 2px 0 0 0;
} 

#list-menu-lr a {
display: block;
width:175px;
padding: 2px 2px 2px 5px;
border: 0px;
background-color: #CC9900;
text-decoration: none; /*lets remove the link underlines*/
} 

#list-menu-lr a:link, #list-menu-lr a:active, #list-menu-lr a:visited {
color: #fff;
}

#list-menu-lr a:hover {
border: 0px ;
background-color: #666633;
color: #ffffff;
} 

.tcblank{
display: block;
height:120px;
width:180px;}





#list-menu-act {
width: 180px;
margin: 0px;
left:-348px;
text-align: left;
list-style-type: none;
padding:2px;
position:absolute;
top:90px;
/* this width value is also effected by
the padding we will later set on the links. */
}

#list-menu-act ul {
margin: 0px;
padding: 2;
list-style-type: none;
padding: 0;
margin-left: 0;
font-family: verdana, arial, sanf-serif;
font-size: 14px; 
} 

#list-menu-act li {
margin: 2px 0 0 0;
} 

#list-menu-act a {
display: block;
width:175px;
padding: 2px 2px 2px 5px;
border: 0px;
background-color: #666633;
text-decoration: none; /*lets remove the link underlines*/
} 

#list-menu-act a:link, #list-menu-act a:active, #list-menu-act a:visited {
color: #fff;
}

#list-menu-act a:hover {
border: 0px ;
background-color: #cc9900;
color: #ffffff;
} 




#list-menu-tc {
width: 180px;
margin: 0px;
left:-348px;
text-align: left;
list-style-type: none;
padding:2px;
position:absolute;
top:90px;

/* this width value is also effected by
the padding we will later set on the links. */
}

#list-menu-tc ul {
margin: 0px;
list-style-type: none;
padding: 0;
margin-left: 0;
font-family: verdana, arial, sanf-serif;
font-size: 14px; 

} 

#list-menu-tc li {
margin: 2px 0 0 0;
} 

#list-menu-tc a {
display: block;
width:175px;
padding: 2px 2px 2px 5px;
border: 0px;
background-color: #996633;
text-decoration: none; /*lets remove the link underlines*/
} 

#list-menu-tc a:link, #list-menu-tc a:active, #list-menu-tc a:visited {
color: #fff;
}

#list-menu-tc a:hover {
border: 0px ;
background-color: #cccc33;
color: #ffffff;
} 


#game_popup {
background-color: #000000;
margin: 0px;
padding: 10px;
}

#game_popup div {
background-color: #000000;
margin: 0px;

}



/* download bits */

.pdf_para {
margin: 1em 0 3em 0;
}

a.pdf {
margin: 0;
padding: 0 0 20px 35px;
font-size: 100%;

height: 32px;
background: transparent url('images/PDF.gif') top left no-repeat;

}

a.pdf_sidebar {
margin: 0;
padding: 0 0 40px 35px;
font-size: 100%;

height: 32px;
background: transparent url('images/pdf_doc.gif') top left no-repeat;

}

a.pdf span {
display: none;
}


.float_left {

float: left;
padding: 0 5px 5px 0;
}


/*  Page H2 headers */


h2 span {

display: none;

}


.hide {
margin: 0;
display: none;
}




ul#people_menu {
margin: 0;
padding: 0;


}

ul#people_menu li  {
margin: 0;
list-style: none;
display: inline;

}

ul#people_menu a span  {

display: none;
}

#people_brownlow  {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/brownlow_rollover.jpg') top left no-repeat;
width: 190px;
height: 165px;
}

#people_sikes {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/sikes_rollover.jpg') top left no-repeat;
width: 190px;
height: 165px;
}

#people_fagin {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/fagin_rollover.jpg') top left no-repeat;
width: 190px;
height: 165px;
}


#people_oliver  {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/oliver_rollover.jpg') top left no-repeat;
width: 190px;
height: 165px;
}

#people_nancy {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/nancy_rollover.jpg') top left no-repeat;
width: 190px;
height: 165px;
}

#people_dodger {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/dodger_rollover.jpg') top left no-repeat;
width: 190px;
height: 165px;
}

ul#people_menu a:hover  {
background-position: 0 -165px;
}




ul#london_menu {
margin: 0;
padding: 0;


}

ul#london_menu li  {
margin: 0;
list-style: none;
display: inline;

}

ul#london_menu a span  {

display: none;
}



#london_workhouses {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/workhouse2.jpg') top left no-repeat;
width: 578px;
height: 154px;
}

#london_streetlife {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/streetlife2.jpg') top left no-repeat;
width: 578px;
height: 154px;
}

#london_faginsden {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/faginsden2.jpg') top left no-repeat;
width: 578px;
height: 154px;
}

ul#london_menu a:hover  {
background-position: 0 -154px;
}



/* splash page  */

body#splash {
width: 100%;
height: 100%;
margin:0px;
background: #000000;

}

#splash-container {
margin: 0 auto 0 auto;
padding: 12px;
width: 412px;
height: 100%;
background-color:transparent;
text-align: center;

}

#splash-container p a {
color: #ffffff;

font-size: 11px;
text-decoration: underline;

}




/* homepage navigation image rollovers */


ul#home_menu {
margin: 0;
padding: 0;
width: 420px;

}

ul#home_menu li  {
margin: 0;
list-style: none;
display: inline;

}

ul#home_menu a span  {

display: none;
}

#home_teacher  {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/teacherscentre2.jpg') top left no-repeat;
width: 155px;
height: 150px;
}

#home_mail {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/maildickens2.jpg') top left no-repeat;
width: 257px;
height: 150px;
}

#home_activities {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/activiteshome2.jpg') top left no-repeat;
width: 155px;
height: 150px;
}


#home_learning  {
float: left;
margin: 0 2px 2px 0;
background: transparent url('images/learningresources2.jpg') top left no-repeat;
width: 257px;
height: 150px;
}



ul#home_menu a:hover  {
background-position: 0 -150px;
}