/* styles */

.hiddenPic {
	display: none;
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size: 100.01%;
	text-align: left;
	background-color: #efefef;
	}


body a{
color: #0000FF;
text-decoration: none;
} 

body a:hover, body a:focus{
color: #0066FF;
text-decoration: underline;
}


h1 {
	font-size: 180%;
}

h2 {
	font-size: 107%;
	margin-bottom: .3em;
	color: #CC9933;
}

h2.white {
	color:#FFFFFF;
	margin: 0em;
}


h3 {
	font-size: 85%;
	color: #006699;
	}

h4 {
	font-size: 80%;
	font-weight: bold;
}

h5 {
	font-size: 80%;
	font-weight: bold;
	color: Gray; 
	float: left;
}

p {
	font-size: 75%;
	margin-bottom: .5em;
}

.tabletext td {
	font-size: 75%;
	line-height: 1.3em;
}

.tabletext h2 {
	font-size: 150%;
}

.tabletext p {
	font-size: 100%;
}

.tabletext a {
	font-size: 100%;
color: #0000FF;
	text-decoration: none;
}

.tabletext a:hover, .tabletext a:focus{
	color: #0066FF;
}


#footer p{
font-size: 60%;
color: #CCCCCC;
text-align: center;
}


.whiteunderline{
border-bottom: thin;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
}

/* Layout */

#wrapper{
	position: relative;
	width: 770px;
	margin: auto;
	text-align: left;
	background-color: #FFFFFF;
  }

#banner{
	clear: left;
	width: auto;
}

#content {
width: auto;
float: left;
}

#top {
width: auto;
background-image: url(images_general/bgblue.gif);
background-repeat: repeat;
padding-top: 2px;
}

#toplineH {
width: auto;
background-image: url(images_general/line_topH.gif);
background-repeat: repeat-x;
	background-position: left top;
	line-height: 6px;
}


#main {
width: auto;
padding: 8px;
}


#rightcol {
clear: both;
float: right;
width: 175px;
background-image: url(images_general/bgpale.gif);
background-repeat: repeat;
}


#rightnav {
padding: 0px 0px 0px 5px;
float: left;
width: 173px;
}

#newsnav {
float: left;
width: 180px;
background-color: #FFCC00;
}

#leftcol {
	clear: left;
	float: left;
	width: 180px;
}
#leftnav {
	background-image: url(images_general/corner_leftcol.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#newsemailbg {
	background-color:#FFCC00;
	background-repeat: no-repeat;
	background-position: right bottom;
}

#newsemail {
	background-color:#FFCC00;

}



.leftnavJuniors {
	background-color:#FF9933;
}


.leftnavSeniors {
	background-color: #99CC33;
}

.leftnavStudyCentre {
	background-color: #CC9933;
}

.leftnavAcademy {
	background-color: #6699CC;
}

.leftnavFormation {
	background-color: #CCCC66;
}

.leftnavParents {
	background-color: #9999CC;
}

.leftnavRest {
	background-color: #99CCCC;
}

.leftnavIndex {
	background-color: #99CC66;
}

#footer{
	height: 30px;
	margin-top: 10px;
}


.navbox{
width: auto;
padding: 0px 5px 0px 5px;
}

.imageleft{
float: left;
margin: 8px;
}

.imageright{
float: right;
margin: 2px;
}


.floatright {
float: right;
}



/* Navigation */

#globalnav {
width: auto;
background-color: #CCCCFF;
text-align: right;
font-size: 75%;
color: #000066;
}

#globalnav a{
color: #000066;
	text-decoration: none;
}

#globalnav a:hover, #globalnav a:focus{
	color: #0066FF;
}


.nav ul {
font-size: 75%;	
margin: 0px 0px 0px 20px;
}

.nav ul li{
	list-style: outside;
	list-style-position: outside;
	list-style-image: url(images_general/arrowdots.gif);
}

.nav ul li a{
color: #0000FF;
text-decoration: none;
text-align: left;

}

.nav ul li a:hover, #nav ul li a:focus{
	color: #0066FF;
	text-decoration: underline;
}


.gototop a{
color:  #996600;
text-decoration: none;
float: right;
}

.top a:hover, #top a:focus{
	color: #0066FF;
	text-decoration: underline;
}

.topnav ul {
font-size: 75%;	
margin: 0px 0px 0px 20px;
}

.topnav ul li{
	list-style: outside;
	list-style-position: outside;
	list-style-image: url(images_general/arrowdots.gif);
}

.topnav ul li a{
color: #996600;
text-decoration: none;
text-align: left;

}

.topnav ul li a:hover, #topnav ul li a:focus{
	color: #0066FF;
	text-decoration: underline;
}



/* NEWS EMAIL */
#newsemail {
	background-color:#FFCC00;
}

.newsemail ul {
	font-size: 75%;
	margin: 0px 0px 0px 20px;
}

.newsemail ul li {
list-style: outside;
	list-style-position: outside;
	list-style-image: url(images_general/arrowdots_brown.gif);
	}

.newsemail ul li a{
	color: #996600;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
} 

.newsemail ul li a:hover, #newsemail ul li a:focus{
		color: #0066FF;
	text-decoration: underline;
}

/* BULLET NAV */
.navbullet ul {
	font-size: 75%;
	margin: 0px 0px 0px 20px;
	margin-bottom: 10px;
}

.navbullet ul li {
list-style: outside;
	list-style-position: outside;
	list-style-image: url(images_general/bullet_orange.gif)}

.navbullet ul li a{
color: #0000FF;
text-decoration: none;
text-align: left;
} 

.navbullet ul li a:hover, #navbullet  ul li a:focus{
		color: #0066FF;
	text-decoration: underline;
}

/* BULLET NAV 1 */
.navbullet1 ul {
	font-size: 75%;
	margin: 0px 0px 0px 20px;
	margin-bottom: 10px;
}

.navbullet1 ul li {
list-style: outside;
	list-style-position: outside;
	list-style-image: url(images_general/bullet_brown.gif);
	}

.navbullet1 ul li a{
color: #0000FF;
text-decoration: none;
text-align: left;
} 

.navbullet1 ul li a:hover, #navbullet1 ul li a:focus{
		color: #0066FF;
	text-decoration: underline;
}




.clearit{
clear: both;
}

.clearleft{
clear: left;
}

.clearright{
clear: right;
}

.horizontalblue {
	background-image: url(images_general/line_blueH.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	clear: both;
	line-height: 2px;
}

.verticalgrey {
	background-image: url(images_general/line_greyV.gif);
	background-repeat: repeat-y;
	width: 2px;
}


.leftnavcorner {
	background-color:#FF9933;
	background-image: url(../images_general/corner_leftnav.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	clear: both;
}

.imageJuniors-main {
background-image: url(images_sub/images_juniors/boypainting.jpg);
background-repeat: no-repeat;
}