/* CSS Document */

/*

Website USER(s) Colours

Home =     #ff0000

Visitors = #F6921E

Students = #8BC53F

Parents =  #25A9E0

Staff =    #652D90

*/



body			
{ 
background:#ffffff;
margin-top:20px;
padding:0px;
text-align: center; 
min-width: 674px;
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
color:#333333;
}

#ribbon
{
display:none;
}

#wrapper 		
{ 
width:655px;
height:auto; 
text-align:left; 
background:#ffffff url(../img/header/background.png) top left no-repeat;
border:#aaaaaa solid 2px;
margin:0px auto;
margin-bottom:10px;
padding:5px;
}


/* Header */

#header
{
position:relative;
width:655px;
height:192px;
background:none;
z-index:1;
}


/* Main Menu */

#mainmenu		
{ 
display:none;}

#mainmenu a
{
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration: none;
color:#333333;
}

/* Submenu */
	
#rightcolumn
{
position:relative;
margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:20px;
padding:0px;
width:190px;
height:auto;
float:right;
text-align:center;
}
			
#submenu
{
display:none;
}



/* ---------------------------------------- Main Content --------------------------------- */


#featured
{
width:418px;
height:auto;
margin:5px;
padding:10px;
background:#ffffcc;
border:#666666 solid 1px;
}

#item
{
width:418px;
height:auto;
margin-top:10px;
padding:10px;
background:none;
}

#item.home
{
border:0px;
}

#item.visitors
{
border:#B50B30 solid 1px;
}

#item.pupils
{
border:#0099cc solid 1px;
}

#item.staff
{
border:#6D6EC0 solid 1px;
}

#fullpage
{
width:620px;
height:auto;
margin-top:10px;
padding:10px;
background:none;
clear:both;
}


/* ---------------------------------------- Main Content --------------------------------- */

/* Footer */
				
#footer			
{
clear:both;
position:relative;
background:url(../img/footer/background.png) top left no-repeat;
width:645px;
height:40px;
margin:0px;
padding:0px;
z-index:1
}
		
				
/* Text - Headers */

/* Header 1 */

h1				
{
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
text-align:left;
display:block;
margin:0px;
margin-bottom:10px;
padding-top:5px;
}
			
h1.home			
{
color:#333333;
border-bottom:#333333 solid 1px;
}
				
h1.visitors		
{
color:#F6921E;
border-bottom:#F6921E solid 1px;
}

h1.students		
{
color:#8BC53F;
border-bottom:#8BC53F solid 1px;
}

h1.parents		
{
color:#25A9E0;
border-bottom:#25A9E0 solid 1px;
}

h1.staff		
{
color:#652D90;
border-bottom:#652D90 solid 1px;
}

/* Header 2 */

h2				
{
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
text-align:left;
display:block;
margin:0px;
margin-bottom:10px;
background-color:#ffffff;
border:0px;
}

h2.home			
{
color:#22b24c;
}

h2.visitors			
{
color:#F6921E;
}

h2.students			
{
color:#8BC53F;
}

h2.parents
{
color:#25A9E0;
}

h2.staff			
{
color:#652D90;
}
				




/* Text - Body */
				
p				
{
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
color:#333333;
font-weight:normal;
text-align:justify;
margin:0px;
padding:0px;
margin-top:10px;
z-index:1;
}

small
{
font-family: Arial, Helvetica, sans-serif;
font-size:8pt;
color:#999999;
}	

/* Hyperlinks */				

a, a:link		
{
font-size:9pt;
color:#000000;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

a:hover			
{
font-size:9pt;
color:#aaaaaa;
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
}
				
a:visited		
{
font-size:9pt;
font-family: Arial, Helvetica, sans-serif;
}



/* Misc */


table			
{
vertical-align:top;
}

table a
{
color:#FF0000;
}

td				
{
vertical-align:top;
}

/* Show Hide */

.container { 
font-family: Arial, Helvetica, sans-serif; 
font-size:10pt; 
margin:4px 0; 
} 
.container img { 
vertical-align:bottom; 
} 
.container span { 
font-weight:bold;
} 
.off { 
display:none; 
} 
.on { 
display:block; 
margin:10px; 
text-align:justify; 
color:#003; 
background-color:#eef; 
} 


/* HR Dividers */
		
hr				
{
border:0px;
border-bottom:#cccccc dashed 1px;
}


img
{
border-color:#999999;
}