/* CSS Document */

/*

Website USER(s) Colours

Home =     #ff0000

Visitors = #F6921E

Students = #8BC53F

Parents =  #25A9E0

Staff =    #652D90

*/



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

#ribbon
{
position:absolute;
top:0px;
right:0px;
width:200px;
height:150px;
margin:0px;
padding:0px;
background:url() top right no-repeat;
z-index:1000;
}

#wrapper 		
{ 
margin:0px auto; 
width:674px;
height:auto; 
text-align:left; 
background:url(../img/content/content_background.gif) repeat-y;
margin-bottom:10px;
}


/* Header */

#header
{
position:relative;
width:674px;
height:182px;
background:url(../img/header/header_0910.gif);
z-index:1;
}


/* Main Menu */

#mainmenu		
{ 
position:relative;
width:674px; 
height:38px;
background:url(../img/menu/mainmenu_0910.gif);
z-index:1;
}

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

/* Colours for Main Menu Users */

#mainmenu a span
{
padding-left:8px;
padding-right:8px;
}

#mainmenu a span.home
{
color:#333333;
}

#mainmenu a span.visitors
{
color:#F6921E;
}

#mainmenu a span.students
{
color:#8BC53F;
}

#mainmenu a span.parents
{
color:#25A9E0;
}

#mainmenu a span.staff
{
color:#652D90;
}

#mainmenu a span.sitemap
{
color:#aaaaaa;
padding-left:40px;
}

/* Colours for Main Menu Rollovers */

#mainmenu a:hover span
{
color:#ffffff;
}

#mainmenu a:hover 
{
color:#ffffff;
text-decoration:none;
}

/* List Styles */

#mainmenu ul
{
list-style:none;
padding:0px;
padding-left:18px;
padding-top:9px;
margin:0px
}

#mainmenu li
{
list-style:none;
float:left;
padding:0px;
margin: 0px;
}

#mainmenu li.sitemap
{
padding-left:30px;
}


#mainmenu p				
{
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:9pt;
color:#333333;
text-align:justify;
margin:0px;
padding:0px;
z-index:1;
}

/* Submenu */
			
#submenu
{
position:relative;
width:674px; 
height:38px;
z-index:1;
}

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

/* Colours for Sub Menu Users */

#submenu a span
{
padding-left:8px;
padding-right:8px;
}

#submenu a.home
{
color:#333333;
}

#submenu a.visitors
{
color:#F6921E;
}

#submenu a.students
{
color:#8BC53F;
}

#submenu a.parents
{
color:#25A9E0;
}

#submenu a.staff
{
color:#652D90;
}

#submenu a span.sitemap
{
color:#aaaaaa;
padding-left:40px;
}

/* Colours for Sub Menu Rollovers */

#submenu a:hover
{
text-decoration:underline;
}

#submenu ul
{
list-style:none;
padding:0px;
padding-left:36px;
padding-top:9px;
margin:0px
}

#submenu li
{
list-style:none;
float:left;
padding-left:25px;
padding-top:2px;
margin: 0px;
background:url(../img/menu/bullet.png) top left no-repeat;
display:block;
height:20px;
}



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


/* Content */
	
/* Content Holder */

#content_holder		
{
position:relative;
width:640px;
left:17px;
height:auto;
background:#ffffff;
vertical-align:top;
z-index:1; 
}		


/* Item Holders */

#rightcolumn
{
position:relative;
margin-right:5px;
margin-top:10px;
padding:0px;
width:190px;
height:auto;
float:right;
background:#ffffff;
text-align:center;
}

#rightcolumn ul
{
display:block;
list-style:none;
margin:0px;
padding:0px;
}

#rightcolumn li
{
display:block;
width:190px;
height:40px;
margin:2px;
padding:0px;
background:url(../img/menu/submenu_background.png) top left no-repeat;
text-align:left;
}

#rightcolumn li a
{
display:block;
width:190px;
height:40px;
padding-left:15px;
padding-top:11px;
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
text-decoration: none;
color:#333333;
}

#rightcolumn li a.visitors
{
color:#F6921E;
}

#rightcolumn li a.students
{
color:#8BC53F;
}

#rightcolumn li a.parents
{
color:#25A9E0;
}

#rightcolumn li a.staff
{
color:#652D90;
}


#rightcolumn li a:hover
{
color:#FFFFFF;
}

#rightcolumn a img
{
text-decoration:none;
border:0px;
}

#featured
{
width:418px;
height:auto;
margin-top:10px;
margin-bottom:10px;
padding:10px;
background:#ffffcc;
}

#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/footer.gif);
width:674px;
height:70px;
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;
}