/*  Tag Level Styles  */

body {
	background-color: #FFFFFF; 
	margin: 0px;
}


h1	{
	text-align: center;
	font-family:arial;
	}

h2	{
	text-align: center;
	font-family:arial;	

}

h3	{
	text-align: center; 
	font-family:arial;
	} 
	
h4	{
	text-align: center; 
	font-family:arial;
	} 

a:link	{
		color: blue;
		}

a:visited	{
			color: purple;
			}

a:active	{
			color: olive;
			}

p 			{
			color: black; 
			font-size: 12pt; 
			text-indent: 40px; 
			font-family: arial;
			}

li			{
font-family: arial;
padding-bottom:5px;
}
				
dl	{
font-family: arial;
}

dd {
padding-bottom:5px;
list-style-type: disc;}
dt {
padding-bottom:10px;}



img	{
border: 
none;}

form {
float:left;
width: 100%;
clear: both;
margin-left: auto;
margin-right: auto;
}		
			
fieldset.EF {
width: 60%;
margin:auto;
clear: both;
padding: 3px;
border: 2px black solid;
background-color:#B0E0E6;
}			

fieldset.EF label {
float:left;
width: 40%;
margin: 10px;
text-align: right;
font-family: arial;
font-weight: bold;
}

fieldset.EF input {
float:left;
clear:right;
margin: 10px;
}
			
fieldset.EF select {
float:left;
margin:10px;
}	

fieldset.EF button {
font-family: arial;
font-weight: bold;
margin: 3px;
}

div.ButtonContainer {
float: left;
clear: both;
margin-left: 44%;
padding:5px;
}

div.AddThis {
width:18%;
text-align:center;
clear:left;
float:right;
padding:20px;
}

p.SubsTopPara {
float:left;
clear:left;
width:75%;
padding:10px;
}

div#LinkTextDiv
{
margin:20px auto;
width:80%;
border:4px #d3d3d3 double;
clear:both;
overflow:auto;
padding:0px;
}

div#LinkTextDiv fieldset
{
font-weight:bold;
font-family:arial;
text-align:center;
border:none;
padding:5px;
}
/* ---------------------------------- Navbar Css -- */
.NavBar {
margin:auto;
padding:2px 10px;
overflow: auto;
background-color:#00ffff;
//background-image:url('grad.gif');
border: 2px black solid;
width:970px;
clear:both;
}

.QuickLinkBox {
width: 25%;
float:left;
text-align:center;
}

.QuickLinkBox h4 {
margin:0 auto;}

.QuickLinkBox form {
width:150px;
margin: 2px 40px;
}


.BreadCrumbBox {
float:left;
text-align:center;
font:bold 16px arial;
margin:0;
padding:20px 10px 0px 10px;
}

.BreadCrumbBox a {
text-decoration:none;
}

.BreadCrumbBox a:hover {
text-decoration:underline;
color:#fff;
}

.BreadCrumbBox a.current {
text-decoration:underline;
color:red;
}

.AddThis2 {
width:15%;
text-align:center;
float:right;
padding:0px;
margin: 12px 0 12px 0;
}


/* +++++++++++++++++++++++++++++== End of NavBAr css +++++++++++++++++++++++++ */
div.testimonial {
margin: 50px auto;
border:2px black solid;
padding:10px;
}

div.testimonial .comments {
font-family: arial;
font-size:large;
font-weight:bold;
font-style: italic;
}

div.testimonial span.name {
color:red;
}
div.testimonial span.JD {
color:blue;
}

div.testimonial .subjects{
font-weight:bold;
font-style: italic;
}


div.testimonial .area {
text-indent:0;
}

div.testimonial a:hover {
color:#fff;
background:#6495ED;
text-decoration:none;
}

div.testimonial ul {
font-weight:bold;
}

/* Lists with ball icons */


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

.Redball li {
list-style: none;
background: url(ballred.gif) no-repeat 0% 10px; 
padding-left:18px;
line-height:200%;
}

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

.Blueball li {
list-style: none;
background: url(ballblue.gif) no-repeat 0% 11px; 
padding-left:18px;
line-height:200%;
}

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

.Blackball li {
list-style: none;
background: url(ballblck.gif) no-repeat 0% 11px; 
padding-left:18px;
line-height:200%;
}


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

.Purpleball li {
list-style: none;
background: url(ballpurp.gif) no-repeat 0% 11px; 
padding-left:18px;
line-height:200%;
}

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

.Pinkball li {
list-style: none;
background: url(ballpink.gif) no-repeat 0% 11px; 
padding-left:18px;
line-height:200%;
}


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

.Goldball li {
list-style: none;
background: url(ballgold.gif) no-repeat 0% 11px; 
padding-left:18px;
line-height:200%;
}



/* OLD Styles*/

table.individual 	{
border: 4px #d3d3d3 outset; 
width: 600px; 
height: 250px;
margin: 0px auto 80px auto;
font-weight:bold;
color:#000;
}
					
table.individual  td {
border: 2px #d3d3d3 outset;
padding: 3px;
vertical-align: top;
}

table.individual.white{
background-color:#ffffff;
}
table.individual.lilac{
background-color:#ccccff;
}
table.individual.blue{
background-color:#00ccff;
}
table.individual.lime{
background-color:#00ff00;
}
table.individual.yellow{
background-color:#ffff00;
}
table.individual.orange{
background-color:#ff9900;
}
table.individual.silver {
background-color:#c0c0c0;
}
table.individual.green{
background-color:#ccffcc;
}
table.individual.red{
background-color:#ff0000;
}
	


table.agency 	{
border: 4px #d3d3d3 outset;
width: 600px;
height: 250px;
margin: 0px auto 80px auto;
color:#000000;
font-weight:bold;
}	

table.agency   td {
border: 2px #d3d3d3 outset;
padding: 3px;
vertical-align: top;
}

table.agency.white{
background-color:white;
}
table.agency.lilac{
background-color:#CCCCFF;
}
table.agency.blue{
background-color:#00CCFF;
}
table.agency.lime{
background-color:lime;
}
table.agency.yellow{
background-color:yellow;
}
table.agency.orange{
background-color:#ff9900;
}
table.agency.silver{
background-color:silver;
}
table.agency.green{
background-color:#ccffcc;
}
table.agency.red{
background-color:#ff0000;
}	

hr 		{
		color: black;  
		width: 560px; 
		height: 4px;
		}

td.left  	{
			background-color: #87CEEB; 
			width: 140px;
			}

td.TopLeft 	{
			background-image: url("metaltoolbar.gif"); 
			width: 120px; 
			height: 10px;
			}

td.TopRight {
			background-image: url("metaltoolbar.gif"); 
			height: 10px; 
			}

td.footer1 	{
			background-color: #7B68EE; 
			height: 10px;
			}

td.footer2 	{
			background-image: url("metaltoolbar.gif"); 
			height: 10px;
			}

img.banner 	{
		padding: 0;
		}
		
img.mb {
		padding:0;
		margin: 5px 10px 5px 25px;
		}
				
p.info 			{
				text-align: justify;
				}


/* OLD Styles */				

/* ------ NEW DIV Layout Styles --*/
				
div#Header {
float: left;
width: 1000px;
height: 105px;
}
   

div#TopLeft {
float: left;
width: 170px;
height: 100%;
padding: 0;
background-color:#fff;
}
	 
div#TopRight {
float:left;
clear:right;
width:70%;
margin: 1px 15px 1px 15px;
}  


div.MetalBar {
clear: both;
width: 1260px;
background-image:url("metaltoolbar.gif");
background-color: #FFF; 
height: 20px;
}
	  
div#BackGround { 
float: left;
width: 1255px;
background-color:#00bfff;
margin: 0;
padding:0;
}

			
div#SideBar  {
float: left;
padding:0;
width:170px;    
margin: 10px 0 0 0px;
}		


div#MainContain{
float: left;
margin: 0;
width: 1085px;
background-color: #fff;
}		
		
div#MainContent{
width: 90%;
margin: 10px auto 10px auto;
padding: 15px;
}

div#Footer {
float: left;
width: 1260px;
clear: both;
background-color:#7B68EE;
height: 16px;
}
			
div#ToolBar {
width: 90%;
margin:30px auto 50px auto;
border: 1px black outset;
}


div#LowerSideBar  {
width: 90%;
margin:30px auto 50px auto;
overflow:auto;
}	

p#copy {
font-family: "Times New Roman"; 
font-style: italic; 
font-weight:bold;
color: blue; 
text-align: right;
text-indent:0;
}

#LinkBar  {
width: 90%;
padding:4px;
margin: 0 auto;
clear: both;
}

#LinkBar2  {
width: 650px;
padding:4px;
margin: 50px auto;
float:left;
border:1px red solid;
}	

#LinkBar  p, #LinkBar2  p {
font-family: "Times New Roman";
width: 90%;
clear: both;
text-align: center;
font-size: 80%;
text-indent: 0;
margin: 10px auto 10px auto;
}

#LinkBar  p.reg,#LinkBar2  p.reg{
font-family: "Times New Roman";
width: 850px;
clear: both;
text-align: center;
text-indent: 0;
margin: 10px auto 10px auto;
font-size: 120%;
}


#LinkBar a,#LinkBar2  a {
padding:.25em 8px .25em 8px;
}
	

#LinkBar a:hover,#LinkBar2 a:hover,
.LinkList  p  a:hover {
color:#fff;
background:#7B68EE;
text-decoration:none;
}

#LinkBar p.reg a{
padding:.25em 20px .25em 20px;
}
			
div.GBar	{
width:90%;
padding:4px;
margin: auto;
clear: both;
text-align:center;
}	

div.LinkList  {
border: 4px #d3d3d3 ridge;
width: 90%;
margin: auto;
text-align: center;
padding: 1%;
margin-bottom: 40px;
}


.LinkList  p	{
font-size: 8pt; 
text-align: center; 
font-family: "Times New Roman";
}	

.MapPgeTop  {
overflow:auto;
width:100%;
margin:auto;
}

.MapPgeTopUpper {
margin:10px auto;
width:62%;
float:left;
padding:10px;
}

.MathsTop {
overflow:auto;
width:100%;
margin:10px auto 40px auto;
}

.MathsTopUpper {
margin:10px 20px 10px 10px;
width:580px;
float:left;
padding:10px;
}

.MapPgeTop  .Kumon {
width:320px;
margin:10px auto;
overflow:auto;
text-align:center;
}

.Kumon {
width:320px;
margin:10px 10px 10px 20px;
overflow:auto;
text-align:center;
}


.MathsTopLower,
.MapPgeTopLower{
width:90%;
margin:auto;
padding:10px;
clear:both;
}
			
/* ------ NEW DIV Layout Page Specific Styles --*/		
	
div#MainLinks {
width:98%;
padding: 8px;
margin: auto;
clear: both;
border: 2px black solid;
}

#IndTop {
margin:auto;
padding:0 15px;
}

#IndTop h1 {
width:72%;
float:left;
padding:0 5px;
}

#IndTop h2 {
clear:both;
}

#IndGSBox {
width:25%;
float:right;
clear:right;
margin:20px auto;
padding:15px 5px;
overflow:auto;
background:#ff0000;
height:60px;
border:2px outset;
}

#IndGSBox p {
margin:auto;
text-indent:0;
font-size:small;
font-weight:bold;
color:#fff;
padding:5px 0;
clear:both;
}


div#Region	{
width:100%;
margin:auto;
overflow:auto;
line-height:250%;
}


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

#Region ul  li {
list-style: none;
background: url(ballred.gif) no-repeat 0% 15px; 
padding-left:18px;
}

#Region a:hover {
color:#fff;
background:#6495ED;
text-decoration:none;
}

div#RegLeft	{
width: 45%;
float:left;
margin-left:42px;
padding:2px;
}

div#RegRight	{	
width: 45%;
float:left;
padding:2px;
}

div.A{
width:98%;
padding:8px;
margin:auto;
clear:both;
border: 2px black solid;
height:auto;
}
	
div.B	{	
width: 95%;
margin:auto;
clear:both;
padding:5px;
overflow:auto;
}
	
div.B1	{ 
width: 45%;
float:left;
padding:8px;
border: 1px black solid;
overflow:auto;
}

div.B2	{
width: 45%;
float:right;
padding:8px;
border: 1px black solid;
overflow:auto;
}


div.D1	{
width: 90%;
padding:8px;
margin:auto;
}

div.D2	{
width: 90%;
padding:15px;
text-align:center;
margin:auto;
}



table.Subslist {
width:98%;
margin:auto;
font-size:small;
font-weight:bold;
}

table.Subslist  td {
vertical-align:top;
width:12%;
}

table.Subslist  a:hover {
color:#fff;
background:#6495ED;
text-decoration:none;
}

table.Subslist  td ul {
list-style-type: none;
padding: 0;
margin: 0;
width:160px;
}

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

table.Subslist  td ul  li,.B1 ul li {
list-style: none;
background: url(ballblue.gif) no-repeat 0% 2px; 
padding-left:18px;
}


/* -- Index --*/
img#IcutBanner {
width:600px;
height:160px;
}

div#AdBanner {	
width:620px;
padding:4px;
margin:20px auto;
clear: both;
border: 3px #d3d3d3 ridge;
text-align:center;	
}
	
div.Cent {
width: 90%;
margin: auto;
overflow: auto;
text-align:center;
}


#IndBase  {
padding:10px 15px;
overflow:auto;
}

table.ShareValidCopy {
margin:auto;
padding:5px;
width:96%;
height:70px;
}

table.ShareValidCopy td {
width:30%;
text-align:center;
}


/*--OLD INDEX PAGE LAYOUT --*/	
div.B	{	
width: 95%;
margin:auto;
clear:both;
padding:5px;
overflow:auto;
}
	

/* Index, tutorguide, tutorsfaq*/
div.HTDQuote {
border: 4px #D3D3D3 inset;
padding:10px;
width: 80%;
margin: auto;
overflow: auto;
text-align:center;
}


div.HTDQuote a  {
outline: 0;
}



/*county, subjects*/
img.HTD {
margin: 20px auto;
border:2px black inset;
}
		
		
/* ---------- Form Links Table Styles TutorsGuide,TutorsIntro,TutorsTerms --*/
div.FormLinks {
width: 80%;
border: 2px outset;
text-align: center;
margin: auto;
padding:8px;
overflow:auto;
}

div.FormLinks span {
width: 45%;
overflow: auto;
font-size: x-large;
border: 2px outset;
height: 60px;
padding-right:15px;
padding-left:15px;
}

td.FormLinks {
height:60px;
font-weight:bold;
width:50%;
text-align:center;
vertical-align: middle;
font-family:arial;
font-size:xx-large;
}


.FormLinks a:hover {
color:#fff;
background:#7B68EE;
text-decoration:none;
}


/* TutorGuideTutorInto --*/
.FL {
float: left;
}

.FR {
float: right;
}

/* ----- Current Price Table Styles, Agency, TutorsIntro ------- */
table.CurPrice {
width:50%;
margin:auto;
text-align:center;
font-weight:bold;
border:4px outset;
}

table.CurPrice.colour1{
background-color:#FFE4CF;
}

table.CurPrice.colour2{
background-color:#B0E0E6;
}

table.CurPrice tr {
height:50px;
}

table.CurPrice td{
border: 2px outset;
vertical-align: middle;
}

table.CurPrice td.top{
vertical-align: top;
}

table.CurPrice td.wide {
width:50%;
}
/* ----- County Table Styles, TutorsIntro------- */

table.County {
width:96%;
margin:auto;
border:4px outset;
padding:5px;
font-family:arial;
background-color:#FFF5EE;
font-weight:bold;
}


table.County  td{
border: 2px outset;
}

table.County  table.scot{
width:90%;
padding:0;
margin:auto;
border:none;
}

table.County  table.scot td{
border:none;
}

/* --- New Advert Pages Top Container styles  all County pages 69----*/

div.TopContainer {
margin:auto;
padding:10px;
overflow: auto;
background-color:#7FFFDA;
border: 2px black solid;
width:970px;
clear:both;
}


p.TopContHighP {
color:black;
}

p.TopContLowP {
color:black;
}

div.TopAdLeft {
width:72%;
float:left;
margin: auto;
overflow: auto;
}

div.TopAdRight {
width:250px;
float:right;
clear:right;
padding:8px;
overflow: auto;
}

p.PleaScr {
text-align:center;
text-indent:0;
color:red;
}

div.LowerParaCont {
clear:both;
margin:auto;
}


/* ------ Subject Advertisers Table ---*/

table.TutorList {
margin:auto;
width:80%;
border: 3px #D3D3D3 outset;
font-family:arial;
clear:both;
}


table.TutorList  td {
border: 1px #D3D3D3 inset;
vertical-align: middle;
padding:6px;
}


table.SubjectList {
margin:auto;
width:80%;
font-weight:bold;
}

table.SubjectList  td {
vertical-align: top;
}

/* all subjeects and counties  152--*/
div.DropDown {
width: 85%;
margin: 40px auto 40px auto;
border: 4px #D3D3D3 outset;
text-align: center;
overflow: auto;
}


.Lblue {
background-color:#00ffff;
padding:5px 15px;
}

/* most subjects and counties 65 */
div.DropDown2 {
margin: 40px auto;
border: 3px #D3D3D3 outset;
text-align: center;
padding:5px;
}

div.DropDown  p {
text-indent: 0;
}


div.DropDown a {
padding:15px;
font-weight:bold;
}

div.DropDown2  p {
text-indent: 0;
}


div.DropDown2 a {
padding:15px;
font-weight:bold;
}

div.DropDA {
text-align:right; 
float:left; 
margin-left:100px;
margin-right:15px;
width: 40%;
}

div.DropDA2 {
text-align:center; 
margin:auto;
padding:5px;
}

div.DropDB {
text-align:left; 
float:left; 
width: 45%;
}

div.DropDB2 {
text-align:center; 
margin:auto;
}

/*  ---- ThankYou Pages   ----- */

p.TYPtext {
text-align:center;
font-size:120%;
width:90%;
margin:auto;
padding:10px;
text-indent:0;
}

div.AReadIcon {
width:40%;
margin:auto;
text-align:center;
padding:15px;
}




/*___Regional Map Specific --*/

div#RMContent{
margin: 5px 6px 5px 6px;
padding: 10px;
}

div.RMText {
width:96%;
margin:auto;
padding:5px;
}

div.RMImMap {
width:80%;
margin: 10px auto 10px auto;
padding: 25px;
text-align: center;
}



div.RMImMap p {
text-indent: 0;
padding: 8px;
}

table.PlacesList {
margin:auto;
width:96%;
font-weight:bold;
}

table.PlacesList td {
vertical-align: top;
}

table.RMLinkTab{
margin: auto;
width: 94%;
border: 3px #D3D3D3 outset;
font-family: arial;
}

table.RMLinkTab  td {
border: 1px #D3D3D3 inset;
padding: 12px;
vertical-align: top;
}

div.GSBox {
width: 40%;
margin: 20px auto;
overflow: auto;
text-align: center;
border: 4px #D3D3D3 double;
padding:20px;
}

/* Adevert Pages */

table.key {
margin: 40px auto;
width:60%;
border: 3px #D3D3D3 outset;
font-family:arial;
font-weight:bold;
}


table.key  td {
border: 1px #D3D3D3 inset;
vertical-align: middle;
padding:6px;

}


.TIcon {
margin:3px 20px 5px 20px;
border:0;
}



/*----- NON SPECIFIC TAGS ---*/


ul.TopList  li{
padding-bottom:10px;
list-style-type:disc;
}	
		
div.center{
width:80%;
padding: 10px;
margin: auto;
clear: both;
text-align:center;
}	
	
.LeftAl{
text-align:left;
}

.RightAl{
text-align:right;
}


.MidAl{
text-align:center;
}

.Small {
font-size:small;
}

.XS {
font-size:x-small;
}

.Large {
font-size:large;
}

.VBig {
font-size:x-large;
}

.Ital {
font-style: italic;
}
	

.UndLine {
text-decoration: underline;
}
		
.NoInd {
text-indent:0;
}