* {padding : 0; margin : 0;} /*resets all to zero*/

/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 101%; }

body{
font-family: verdana, sans-serif;
color: #fff;
text-align: center;
min-width: 890px;
background : #000;
line-height: 1.3;
font-size: x-small;  /* for IE5 Win */
voice-family: "\"}\""; 
voice-family: inherit;
font-size: small; /* for compliant browsers */
}
/*be nice to Opera*/ 
html>body {  
font-size: small;
}

/*  TEXT AND HEADINGS  */


h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, p, fieldset, address {  margin : 0; }

p, td, tr {	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	text-align: left;
	    font-size: 110%;
		line-height: 140%;
		margin: 0 30px 10px 0;
	}

	td, tr {line-height: 100%;}

blockquote {border: solid 1px #333;
margin: 10px 0 0 10px;
width: 230px;
padding: 10px 20px;
font-weight: 900;
color: #666;
}




h1 {
    font-size: 350%;
	color: #eee;
	font-weight: 900;
	text-align: left;
	line-height:90%;
	padding:0px;
	letter-spacing: -0.05em;
	 word-spacing: 0.2em;
	 margin: 15px 15px 15px 0;
	}

.logo {display: none;}

h2 {
    font-size: 200%;
	color: #e0bb43;
	font-weight: 900;
	text-align: left;
	padding:0 0 10px 0;
	margin-top: 5px;
	letter-spacing: 0em;
	}

#header h2 {color: #000;
padding:0;
float: left;
	margin: 90px 0 0 170px;}	 
	
*html #header h2 {
	margin: 90px 0 0 85px;}	 	
	
h3 {
    font-size: 120%;
	color: #666;
	font-weight: bold;
	margin: 10px 0 5px 0px;
	}


h4 {
    font-size: 110%;
	color: #333;
	font-weight: 100;
	padding:0px;
	text-align:left;
	height: 24px;
		margin: 18px 0 10px 0;

	}


h5 {
    font-size: 100%;
	color: #FFF;
	font-weight: bold;
	padding:10px;
	text-align:right;
	}
h6 {
    font-size: 230%;
	color: #fff;
	font-weight: 900;
	text-align: left;
	padding:0 0 10px 0;
	margin: 25px 0;
	}
	
td h6 { font-size: 100%;}	
	
.yellow-text {color: #fcbd3b;}

/*  MAIN LAYOUT BLOCKS  */	
	

#container{
width: 888px;
background : #000;
text-align: left;
margin: 0px auto;
font-size: 83%;
position: relative;
border: 1px solid #000;
}

#header, #left, #centre, #feature, #footer {float: left;}


#header {background: #d3d3d4 url(../img/rock-and-pop-header.gif) no-repeat;
height: 86px;
border-bottom: 0px solid #ff7300;
width: 100%;

}
#footer {background: #000;
height: 20px;
width: 848px;
border-top: 1px solid #c8b208;
margin: 0px;
padding: 20px;
}

#nav {background: #000;
float: right;
height: 600px;
width: 200px;
padding: 15px;
}

#main, #parents, #areas, #tuition, #school, #staff, #newcentre, #contact, #awards {
border-top: 0px solid #333;
border-left: 0px solid #333;
float: left;
width: 628px;
min-height: 600px;
background: #000 url(../img/parents-bg.jpg) no-repeat;
}
#awards {
background: #000 url(../img/awards-bg.jpg) no-repeat;
}

#main { background: #000 url(../img/rock-and-pop-school-main.gif) no-repeat;
}



#school p, td, tr {font-size: 115%;}
#school h1 {	 margin: 15px 0px;}

#contact h1 {margin: 15px 0px;}

#gallery {margin-left: 0px;}

#left-col {width: 285px; float: left; padding: 15px 5px 0 0;}
#right-col {width: 285px; float: right; padding: 15px 0;}


img.main {float: right;
border: 0px solid #c8b208;
margin: 0px 0;}


ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	}

	
/*  link styles */
	
a:link {
		color: #cfa92c;
	    text-decoration: none;
}
a:visited {
	color: #82761d;
		    text-decoration: none;
}
a:hover {
	color: #f7e031;
		    text-decoration: underline;
}
a:active {
	color: #f7e031;
}
.footer a {
		color: #333;
	    text-decoration: none;
}
.footer a:hover {
		color: #ff7300;
	    text-decoration: none;
}


#header a {color: #000;
font-weight: bold;
margin: 0px 0 0 600px;}



/* menu styles */

	
#nav ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	}

#nav li {
	list-style: none;
	margin: 15px 0;
	padding: 0;
	font-size: 125%;
	font-weight: 900;
	}
#nav li li {
list-style: disc outside;
	margin: 5px 15px;
	padding: 0;
	font-size: 100%;
	font-weight: 900;
	}
	
/* FORM STYLE: */





 fieldset {margin: 0 2em 0 0; }

input, textarea	 { 
		font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; 
		border-color: black; border-width:1px; border-style:solid; 
		color:black; background-color:white; 
		font-size: 0.9em;}
input.noborder	 { 
		border-color: white; border-width:1px; border-style:none; }

.formleft {
	float: left;
	text-align: right;
	width: 10em;
	padding-right: 10px;
	font-size: 1em;
}
.formright {
	font-size: 1em;
}
form br {
	clear: both; }