/*ISLEWORTH SCHOOL ======================================================= 19 December  2009*/
body 
{		font-family:Helvetica,sans-serif;
		font-size:12px;
        background-color:#ffffff;
         background-repeat: repeat-y; repeat-x;             
}



p {
font-family:Helvetica,sans-serif;
font-color:#191919; 
text-align:justify;
margin-top:0; margin-bottom:12px;
font-size: 12px;
}

/* no spaces between paragraphs */
.nogaps {
margin-top:0; margin-bottom:0;
}

	#wrapper 
	{	
        width:900px;
		margin:0px auto;
		border:0px solid maroon; /*solid border around all text*/
		padding:0px;
	}

	#header 
	{
		border:0px solid #bbb;
		height:70px; /* gap between logo and top of text */
		padding:0px;
        background-color:;
	}
	#content
     {
		margin-top:10px;
		padding-bottom:10px;
	}
	#content div 
    {
		padding:0px;
		border:0px solid #bbb; /*border solid grey around all divs*/
		float:left;
	}
	#content-left 
    {
		width:180px;
		line-height:50%;
		font-size:11px;
	}
	#content-main 
    {
		margin-left:10px;
        margin-right:10px;
		width:550px;
	    background-color:#69co8a;
	}
	#content-right
     {
		margin-left:10px;
		width:134px;
	}
	#footer
     {
		float:left;
		margin-top:10px;
		margin-bottom:10px;
		padding:10px;
		border:1px solid #bbb;
		width:878px;
	}
	#bottom
     {
		clear:both;
		text-align:right;
	}
 
    /* link styles left */
#content-left	a           {
display: block; color:#002809;  /* dark dark green */
 font-weight:bold; padding: 5 5 5 5; text-align:left; valign:top; text-decoration: none;
line-height:2.3; 
text-align:left; /*aligning links to CENTER OF  div*/
font-family:Helvetica, sans-serif;
}
#content-left  a:hover	{
color:maroon; background-color:#CCCCCC;    text-decoration: none;  
   }
   
/* LINKS STYLING for plain links in text */
a {
font-weight:bold;
}

a:link {
color:#363636; /* black */
}

a:visited {
color:gray;
}
a:hover {
text-decoration:none;
color: white;
background-color:#959595; /* light grey color on hover */
}
a:active {
color:black;
background-color:gray;
}
/* end of links styling for plain links in text */
 
/* HEADING STYLES */
h1{ /* light reddish color #990033 centered */
font-style:bold; 
font-family:Helvetica; 
font-size:16px; 
color:maroon;  
text-align:left;
margin:0;
border-bottom:1px solid maroon;  
}
h2{  /* light reddish color #990033 centered */
font-style:bold; 
font-family:Helvetica; 
font-size:13px; 
color:maroon;   
text-align:left;
margin: 0 0 0 0;  
}
h3{ /* light reddish color #990033 */
font-style:bold; 
font-family:Helvetica;
 font-size:12pt; 
 color:maroon; 
 margin-top:30; 
 margin-bottom:2; 
 text-align:left;   
 }
  h4 { /* maroon */
 font-style:bold; 
font-family:Helvetica;
 font-size:10px; 
 color:maroon;  
 margin-top:30; 
 margin-bottom:2; 
 text-align:left;
 }
 h5{ /* maroon */  
 font-style:bold; 
font-family:Helvetica;
 font-size:14px; 
 color:maroon; 
 margin-top:0; 
 margin-bottom:2px; 
 text-align:left;     
 }
  h6{   /* maroon  */
 font-style:bold; 
font-family:Helvetica;
 font-size:12px; 
 color:maroon; 
 margin-top:0; 
 margin-bottom:2px; 
 text-align:left;   
 }
 
 
/* HEADING STYLE */
.headingredbig
{ 
font-style:bold; 
font-family:"Trebuchet MS"; 
font-size:16px; 
color:#660000;  /* very dark red */
text-align:left;
margin:0;
margin-top:0;
} 
 

hr {
color: maroon;
background-color: navy;
width: 100%;
height: 3px;
margin-left: auto;
margin-right: auto;
}

#center
 {
 text-align:center;
 }
 
 /* COMING EVENTS TABLE */
.td      {background-color:#e9dfde; text-align:left;}
.heading    {font-size:20px; font-weight:heavy; font-family:Helvetica;}
.contrastleft   {background-color:#e7c8c5; font-weight:bold; text-align:left; } 
.contrastright  {background-color:#e9dfde; } 


/* LINKS STYLING ABOUT US */
a {
font-weight: bold;
}

a: link {
color: black;
}

a: visited {
color: grey;
}
a: hover {
text-decoration: none;
color: white;
background-color: navy;
}
a: active {
color: aqua;
background-color: navy;
}
 
  
/* table instructions */
table.timetable   {
border-collapse: collapse;
border: 1px solid black; 

  }

table.timetable th,    table.timetable td {
padding: 8px;
border: 1px solid black;
background-color:#faf0e6; text-align:left; font-weight:heavy;
font-size:12px;
font-family: Helvetica;
table-width:80%;
} 

table.timetable .contrast   {
background-color:#ececec; font-weight:heavy;
font-size:14px;
}
 

#nav {
	float: left;
	width: 180px;	
	}
	

.menu { margin: 10px; height: 100px; font-size: 8pt; /*size of font for links*/
font-family: verdana;

 }

.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 11em;

}

.menu li {  background-image:url(images/swirls.gif);

background-image: url(images/swirls.gif) no-repeat top;
/* same colour as background color all except two drop down menus About Us and Newsletter */
float: left; padding: 3px; margin: 0px;


}

.menu li.sub { 
   background-image:url(images/swirls.gif);
  

  
 /* same colour as background color  on two drop down About Us and Newsleter*/ }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; width: 250px;}

.menu a, .menu a:visited { 
border-top-width: 1px; /* WIDER BORDER ON TOP AND BOTTOM links*/	
	border-right-width: 1px;
	border-bottom-width:1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: black;
	border-right-color: #000000;
	border-bottom-color: black;
	border-left-color: black; display: block; text-decoration: none; height: 2em; line-height: 2em; width: 13em; /*width of link itself*/

color:purple;  /*don't know what this colour changes COULD BE TEXT ON HOVER LINK*/ 

padding-left: 1em; /* width of links increase and text to the right */
font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }

.menu b { float: right; margin-right: 5px; }

* html .menu a, * html .menu a:visited { width: 11em; }
* html .menu a:hover { color: #660000; background-color: #006633; /*dark green */
position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #660000; /*dark greyish*/
background-color: #006633; /*dark green */ font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }

.menu li:hover > a { color: #660000;  /*dark greyish*/
background-color: #006633; /*dark green color*/

font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }

.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 7em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }    


/* hot tips navigational right side link details */
#hotlinks {
	margin: 10px;
	width: 160px;
	height: 362px;
	background: #FFFFFF url("images/hotlinks.jpg") no-repeat top;
}
#hotlinks div.inner {
	padding: 125px 20px 20px 20px;
	text-align: left;
	line-height: 28px;
	font-size: 12px;
    color:yellow;
    font-weight:bold;
}


/* STYLING for lists
====================================================isleworth =========================*/
.newlist {
font-style:normal;
font-size:12px;
}