/* Force the page to go right to the  edges of browser window
	*/
html, body {
	padding: 0;
	margin: 0;
	border-width: 0;
        }


	/* Set up background colour of page and
        font properties such as face and colour and size*/
body {
	background: #bfbfe5; 
	font-family: tahoma, helvetica, geneva, arial, verdana, sans-serif;
	font-size: small;
        }

/* Define styles for links*/

a {
	font-weight: bold;
        color: #000099;
        text-decoration: none;
        }

a:hover {
        color: #ff0000;
        }

/* Define styles for the different headers and text areas*/

h1, h2  {
        text-align: center;
	color: #000099;
	}

h1 {
        vertical-align: middle;
        }

h3 {
        font-size: medium;
        }

h3, h4, h5, h6 {
        text-align: left;
        }
        
h3, h4, h5 {
        color: #000099;
        }

p {
        text-align: justify;
        }
        
ul {
        margin-top: 0;
        margin-left: 2em;
        padding: 0;
        list-style: square;
        text-align: left;
        }

#brak {
        vertical-align: middle;
        text-align: center;
	color: #000099;
	font-size: x-large;
	font-weight: bold;
	}

.blue_txt {
        color: #000099;
        font-weight: bold;
        }

.news {
        background: #e5e5f5;
        padding: 1em 1em 1em 1em;
	margin: 0 1em 0 0;
        text-align: justify;
        }

.date {       	
	background: #e5e5f5;
	padding: 0em 1em 0em 1em;
	margin: 0 1em 0 2em;
	border: 1px solid navy;
        }
        
        
.dateNews {      	
	background: #e5e5f5;
	padding: 1em;
	margin: 0 1em 0 2em;
	border: 2px solid #CC3366;
	text-align: center;
        }
        

.content {
        vertical-align: top;
        padding: 1em 1em 0em 0em;
        margin: 0;
        }
        
.content_letter {
        vertical-align: top;
        padding: 20px;
        }

#breadcrumbs {
        vertical-align: middle;
	text-align:left;
        font-size: 80%;
        font-style: italic;
        }
hr {
        color: #aaabf0;
        }

.motto {
        text-align: left;
        text-indent: 5px;
	color: #000099;
	font-size: medium;
        font-style: italic;
	font-weight: bold;
        }

#target_txt {
        vertical-align: middle;
        text-align: center;
	font-size: smaller;
	padding: 0em 1em 0em 1em;
	}



/* Define styles for navigation bar */
.nav {
        background: #aaabf0;
        text-align: center;
        font-size: small;
        border-top: thin solid black;
        border-bottom: thin solid black;
        }

.nav a {
	font-weight: bold;
        color: black;
        text-decoration: none;
        }


.nav a:hover {
        color: #ff0000;
        }

/* Define styles for right side menu bar */
.right_menu {
        background: #e5e5f5;
        text-align: center;
        font-size: small;
        vertical-align: top;
        padding: 0;
        }

/* Define styles for images */

img {
        border: none;
        margin: 0;
        padding: 0;
        }
        
#level2_img {
        vertical-align: middle;
        text-align: left;
        }

#footer img {
        vertical-align: middle;
        text-align: right;
        }


/* define box formatting */

.box {
        background: #e5e5f5;
        text-align: left;
        vertical-align: top;
        padding: 1em;
        }

#h_box1 {
        /* background: #BD8CBF; */
				background: #FFCCCC;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        }

#h_box2 {
				/* background: #F9F28A; */
        background: #FFCCFF;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        }

#h_box3 {
        /* background: #236DDC; */
				background: #CCCCFF;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        }

#h_box4 {        
        /* background: #F69E13;	*/
				background: #CCFFFF;		
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        }

#h_box5 {
				/* background: #0EBA36; */
        background: #CCFFCC;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        }

#h_box6 {
				/* background: #F06EAA; */
        background: #FFFFCC;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        }

#h_box7 {
				/* background: #F9CE22; */
        background: #FFCCCC;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        }

#h_box8 {
				/* background: #9CBFF4; */
        background: #FFCCFF;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        }

#h_box9 {
				/* background: #F65029; */
        background: #CCCCFF;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        }

#h_box10 {
				/* background: #B1F351; */
        background: #CCFFFF;
        font-weight: bold;
        text-align: center;
        vertical-align: middle; 
        }

/* NOT used */				
				
#h_box11 {
				 /* background: #bfbfe5; */
        background: #CCFFCC;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        }
				
/* used on front page and curriculum subjects */	
				
#h_box12 {
				 /* background: #cc0000; */
        background: #CC3366;
        font-weight: bold;
				color: white;
        text-align: center;
        vertical-align: middle;
        }			
				

/* define background formatting */

table {
        background: white; 
        }

.barleft{
        background: white url(images/barleft.jpg);
        background-repeat: repeat-y;
        background-position: left;
        }

.bartop {
        background: white url(images/bartop.jpg);
        background-repeat: repeat-x;
        background-position: center;
        }

.barbot {
        background: white url(images/barbot.jpg);
        background-repeat: repeat-x;
        background-position: center;
        }

.barright{
        background: white url(images/barright.jpg);
        background-repeat: repeat-y;
        background-position: right;
        }

.corner_left {
        background: white url(images/cornlb.jpg);
        }

.corner_right {
        background: white url(images/cornrb.jpg);
        }

.blue_v {
        background: white url(images/div_bl_v.gif);
        background-repeat: repeat-y;
        background-position: center;
        }