html{overflow-y: scroll}

body /* Main page container */
{
 margin-left:auto;
 margin-right:auto;
 width: 900px;  /* Width of page = 6 buttons x 150 pixels */
 font-family:"Trebuchet MS", Arial, sans-serif;
 color:#000000;
 font-size:62.5%; 
 font-weight:normal;
 background-color: #ffffff;
 z-index: 0;

}

.alevelphilosophytutorpage /* Page's content */
{
	width: 900px;  /* Width of page = 6 buttons x 150 pixels */
}

.alevelphilosophytutorcolumn /* Page's central column */
{
 float:left;
 width:434px;
 padding-left: 40px;
 padding-right:40px;
 border-left: 1px solid #cccccc;
 border-right:1px solid #cccccc;
 color:#333333;   /*Dark grey */
 font-size:14px;
}

.leftcolumn
{
 float:left;
 width:165px;
 padding-right:0px;
 color:#666666;
 font-size:14px;
 z-index: 0;
}

.rightcolumn
{
 float:left;
 width:185px;
 padding-left:30px;
 padding-right:0px;
 color:#999999;
 font-size:14px;
}

.columnshim{
	width:100%;
	height:12px; 
     float:left;
     background-color:#ffffff;
}

.rightlabel{
  	color:#888888;			/* Tried #cfd7d3 */ 
	font-size:14px; 
	font-weight:bold;
	margin:0px 0px 5px 0px;
     float:left;
	}

.leftlabel{
  	color:#888888;			 
	font-size:14px; 
	font-weight:bold;
	margin:0px 0px 5px 0px;
     float:none;
	}

ul.rightlist li{
	font-size: 13px;
     line-height: 15px;
     padding: 0 0 10px 0;
     float:none;
}

ul.leftlist li{
	font-size: 13px;
     line-height: 15px;
     padding: 0 0 10px 0;
     float:none;
}
     
h1, h2, h3{
	text-align:left;
	margin:0px 0px 0px 0px;
	font-weight:normal;
  	color:#333333; 
	}

h1{
	font-size:20px;
	margin:0px 0px 5px 0px;
	}

h2{ 
  	color:#777777; 
	font-size:14px; 
	font-weight:bold;
	margin:15px 0px 10px 0px;
	}

em{
	font-size: 12px;
	font-style: italic;
	color: #777777;
} 

     
p.faqanswer{
	margin:5px 0 0 20px;	
}
     
.small{
	font-size: 10px;
}

div.emailform{
	background-color:#cfd7d3; /* Light grey=#D4D4D4; */
	padding:30px 30px 30px 30px;
     margin-top:25px;
     width:374px;
}     

div.formfield{
	font-size:13px;
     margin: 0 0 20px 0;
     width:374px; /* Central column (516) minus its padding (2x40) minus form padding (2x30)*/
     height:40px;
}     

div.formfield.tickbox{
	font-size:13px;
     margin: 5px 0 15px 0;
     width:374px; /* Central column (516) minus its padding (2x40) minus form padding (2x30)*/
     height:35px;
}     

.fieldname{
	padding-left:2px;
}

.fieldname.instruction{
	padding-left:2px;
	font-size: 10px;
}

.userinput{
	font-size:13px;
     color:#555555;
 	font-family:"Trebuchet MS", Arial, sans-serif;
     width: 100%;
}

.formbutton{
	font-size:14px;
     color:#333333;
 	font-family:"Trebuchet MS", Arial, sans-serif;
}


.buttons{
	font-size:14px;
     color:#333333;
 	font-family:"Trebuchet MS", Arial, sans-serif;
}

div.faq{
	height: 45px;
	margin:0 0 20px 0;
}
     
a
{
text-decoration:none;
}

a img 
{ 
border: 0px; 
}

a{
	color:#A86453;
	text-decoration:none;
	border:none;
}

a.grey{
	color:#999999;
	}

a:hover{
	color:#999999;
	}
	
a img{
	border: none;
	}

.fgwhite{
	color:#FFFFFF;
	}
	
.foot.grey
	{
	color:#999999;
	text-align:left;
	font-size:10px;
	line-height:20px; 
	}
	
.foot.link
	{
	color:#999999; 
	text-align:right;
	font-size:11px;
	line-height:20px;
	}  

.alevelphilosophytutorarrow{
  	display: block;
  	width: 33px;
  	height: 10px;
  	background: url("/tutorimages/alevelphilosophytutorarrow.gif") no-repeat 0 0;
}

.alevelphilosophytutorarrow:hover{ 
  	background-position: 0 -10px;
}

.alevelphilosophytutorarrow span{
  display: none;
}
     
     
     
.greyrule{
height: 1px;
width: 100%;
border-top:1px solid #cccccc;
float: left;
}

.h1rule{
	padding: 0px 0px 20px 0px;
     }

.purplerule{
height: 1px;
width: 100%;
border-top:1px solid #A86453;
float:left;
}

.whiterule{
float: left;
width: 100%;
height:1px;
border-width:0px;
color:#FFFFFF;
background-color:#FFFFFF;
}
  
/* UNIQUE OBJECTS */


#header
{
 background-image:url(/tutorimages/alevelphilosophytutor.jpg);
 background-repeat:no-repeat;
 background-color:#800000;
 height: 85px;
 padding-top:18px;
 padding-left:10px;
 padding-right:33px;
 text-align:right;
 color:#000000; 
}

#headerphiljoyce{
 font-size: 19px;  
 line-height: 30px;
}

#headerusp{
 font-size: 23px;  
 line-height: 30px;
}

#alevelphilosophytutorpj{
	float: left;
     padding: 0 20px 0px 0;
}



#testimonialrule{				/* Same as .greyrule */
	height: 1px;
	width: 100%;
	border-top:1px solid #cccccc;
	float:left;	width:135px; 
     padding:2px 0px 0px 0px;	/* Hack to overcome IE no-show */
}


#navbar_container{
 width: 900px;  /* Width of page = 6 buttons x 150 pixels */
}



		
#footer_container
	{
     clear: both;
 width: 900px;  /* Width of page = 6 buttons x 150 pixels */
	height:45px;
	padding-top:8px;
	}
	
#footer_left
	{
	width: 440px; /* Two footer inc padding divs must be less than 896 */
	float:left;
	padding-left:2px;
	}

#footer_right
	{
	width: 440px; /* Two footer inc padding divs must be less than 896 */
	float:right;
	padding-right:2px;
	padding-top: 23px; /* Because right footer only has one line */
	}
  
  
  
  
<!-- /* End of page layout divs */ -->

<!-- /* Start of detail divs */ -->



#logo
{
 float:right;
}
	
ul
{
list-style-type:none;
margin:0px;
padding:0px;
}

li
{float:left;
}



	<!-- /* End of detail divs */ -->

	 								 								 								<!-- /* TNAV BEGINS */ -->

	#tnav, #tnav ul			 /* all tnav lists */ 
		{ 
		float: left;
		background-color:#999999;
		font-size:15px;
		color:#ffffff;
		z-index:200;
		}
	
	#tnav li				/* all list items */
		{ 
		width: 150px;		    
		float: left;
		}

	
	#tnav li ul			 /* second-level lists */ 
		{
		position : absolute;
		left: -999em;
		width: 150px;	
		border: solid #999999 0px;
		background-color:#dfdfdf;
		}
	
	#tnav li ul ul				/* third-and-above-level lists */
		{
		left: -999em;
		margin-left : 150px;	/* 2 less than button width */
		margin-top : -29px;
		width: 150px;	/* 2 less than button width */
		}
	
	#tnav li a.head				/* Top menu list properties */
		{
		display : block;
		color : #ffffff;
		text-decoration :none;
		text-align:center;
		font-weight:bold;
		font-size:14px;
		padding-top:3px;
		padding-bottom:8px;
		padding-left:24px;
		padding-right:25px;
		width:auto;
		background-image:none;
		}
	
	#tnav li a
		{
           height:auto;			/* Allows drop downs to adjust to one or two lines */
		width: 134px;		
		display : block;
		color : #666666;
		text-align:left;
		font-weight:normal;
		font-size:14px;
		padding-top:6px;
		padding-bottom:6px;
		padding-left:8px;
		padding-right:8px;
		line-height:17px;
		background-image:none;
		}
	
	#tnav li a.head:hover 
		{
		color : #ffffff;
		background-image:none;
		background-color:#7e7e7e;
		}
	
	#tnav li a:hover 
		{
		color : #333333;
		background-image:none;
		background-color:#cccccc;
		}
	
	#tnav li:hover ul ul, 
	#tnav li:hover ul ul ul, 
	#tnav li.sfhover ul ul, 
	#tnav li.sfhover ul ul ul 
		{
	 	left: -999em;
		}
	
	#tnav li:hover 	 		/* makes IE7 think something changes on hover */
		{
  	visibility: visible;  
		}
	
	#tnav li:hover ul, 			 		/* lists nested under hovered list items */
	#tnav li li:hover ul, 
	#tnav li li li:hover ul, 
	#tnav li.sfhover ul, 
	#tnav li li.sfhover ul, 
	#tnav li li li.sfhover ul 
		{
		left: auto;
		}
<!-- /*  TNAV ENDS */ -->


<!-- /*  LNAV BEGINS */ -->
	
	#lnav ul		 /* all lists */
		{ 
		width : 140px;
		z-index:20;
		}
	
	#lnav li 		/* all lnav list items */
		{ 
		position : relative;
		}
	
	#lnav li ul				/* second-level lists */
		{
		position : absolute;
		left: -999em;
		margin-left : 165px;
		margin-top : -30px;
		width: 165px;
		border: solid #999999 1px;
		}
	
	#lnav li ul ul					/* third-and-above-level lists */
		{
		left: -999em;
		}
	
	#lnav li a
		{
		width: 161px;		
		display : block;
		color : #666666;
		text-decoration : none;
		background-color : white;
		border: none;	
		font-size: 14px;
		padding-left:2px;
		padding-right:2px;
		padding-top:6px;
		padding-bottom:6px;
		line-height:17px;
		}
	
	#lnav li a:hover 
		{
		color : #333333;
		background-color:#cccccc;
		}
	
	#lnav li:hover 						 /* makes IE7 think something changes on hover */
		{
    visibility: visible;  
		}
	
	#lnav li:hover ul ul, 
	#lnav li:hover ul ul ul, 
	#lnav li.sfhover ul ul, 
	#lnav li.sfhover ul ul ul 
		{
		left: -999em;
		}
	
	#lnav li:hover ul,		 /* lists nested under hovered list items */ 
	#lnav li li:hover ul, 
	#lnav li li li:hover ul, 
	#lnav li.sfhover ul, 
	#lnav li li.sfhover ul, 
	#lnav li li li.sfhover ul 
		{
		left: auto;
		}
				 					 					 					<!-- /*  LNAV ENDS */ -->
	
           
	
			/*** - - - Slideshow CSS begins - - - ***/


/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ 
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 0px;
z-index: 0;
}

#simplegallery1 .gallerydesctext{ 
text-align: center;
font-size: 10px;
padding: 2px 5px;
}

/*Make sure your page contains a valid doctype at the top*/
#simplegallery2{ 
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 0px;
z-index: 0;
}

#simplegallery2 .gallerydesctext{ 
text-align: center;
font-size: 10px;
padding: 2px 5px;
}