/* CSS Document */

/*

Website USER(s) Colours

Home =     #ff0000

Visitors = #F6921E

Students = #8BC53F

Parents =  #25A9E0

Staff =    #652D90



NEW ZONE COLOURS

Home (1) = #39B54A

Visitors (2) = #29AAE2

Students (3) = #ED1C24

Parents (4) = #F6CF2C

Staff (5) = #999999

*/

body			
{ 
background:#e1dbda;
margin-top:30px;
margin-bottom:20px;
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:10px;
padding:0px;
background:url() top right no-repeat;
z-index:1000;
}

#wrapper 		
{ 
width:665px;
height:auto; 
text-align:left; 
background:#ffffff url(../img/header/background.png) top left no-repeat;
border:#000000 solid 1px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin:0px auto;
padding:0px;
z-index:1;
}


/* Header */

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


/* Main Menu */

#mainmenu		
{ 
position:relative;
width:655px; 
height:35px;
background:url(../img/mainmenu/background.png) top left no-repeat;
margin:10px;
padding:0px;
z-index:2;
}

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

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

#mainmenu a span.home
{
padding-left:0px;
color:#333333;
}

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

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

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

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

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

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

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

#mainmenu ul
{
list-style:none;
padding:0px;
padding-left:15px;
padding-top:8px;
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;
margin-bottom:20px;
padding:0px;
width:190px;
height:auto;
float:right;
background:#ffffff;
text-align:center;
}

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

#submenu 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;
}

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

#submenu li a.visitors
{
color:#333333;
}

#submenu li a.students
{
color:#333333;
}

#submenu li a.parents
{
color:#333333;
}

#submenu li a.staff
{
color:#333333;
}


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

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

/* Right Column */

#rightcolumn
{
position:relative;
right:12px;
margin-top:2px;
padding:0px;
width:190px;
height:auto;
float:right;
text-align:center;
}

#rightcolumnfeatured
{
position:relative;
padding:10px;
width:170px;
height:auto;
text-align:left;
background:#ffffcc;
border:#666666 solid 1px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
	
#rightcolumnfeatured.spa
{
background:#CCFFFF;
}	

#rightcolumnitem
{
position:relative;
width:190px;
height:auto;
margin:0px;
padding:10px;
}

/* Left Column */

#featured
{
width:418px;
height:auto;
margin:12px;
padding:10px;
background:#ffffcc;
border:#666666 solid 1px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
z-index:2;
}

#item
{
width:418px;
height:auto;
margin:12px;
padding:10px;
background:none;
z-index:2;
}

#item.home
{
border:0px;
}

#item.visitors
{
border:0px;
}

#item.pupils
{
border:0px;
}

#item.staff
{
border:0px;
}

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

/* Footer */
				
#footer			
{
clear:both;
position:relative;
background:url(../img/footer/background.png) top left no-repeat;
width:645px;
height:40px;
margin:10px;
padding:0px;
z-index:1
}
		
/* 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:#333333;
border-bottom:#333333 solid 1px;
}

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

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

h1.staff		
{
color:#333333;
border-bottom:#333333 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;
}