/* type selector defining how text within the body tags is formatted */
body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #474F49;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 0px;
	background-color: #FFFFFF;
}

/* type selector defining how images are formatted */
img {
border: 0px;
}

/* class selector defining how images the class is aplpied to are displayed, used in Flanders Forgotten Heroes page */
.imgTextWrapRight {
border: 0px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 5px;
}
.imgTextWrapLeft {
border: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-top:5px;
}


/* the following type selectors define how text with the paragrph and heading tags applied are formatted */
p {
	line-height: 1.5em;
	margin-top: 0px;
	text-align: justify;
}
h1 {
	font-size: 24px;
	color: #993366;
	margin-top: 0px;
	padding-top: 5px;
    padding-bottom: 5px;
}
h2 {
	font-size: 22px;
	font-weight: bold;
	color: #993366;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
h3 {
	font-size: 20px;
	font-weight: bold;
	color: #993366;
	border-bottom: thin dotted #993366;
	margin-top: 0px;
}
h4 {
	font-size: 16px;
	font-weight: Bold;
	color: #6D6A86;
	margin-top: 0px;
	margin-bottom: 10px;
	
}
h5 {
	font-size: 13px;
	font-weight: bold;
	color: #6D6A86;
	margin-top: 0px;
	margin-bottom: 5px;
}
h6 {
	font-size: 10px;
	font-weight: bold;
	color: #68887C;
	margin-top: 0px;
	margin-bottom: 5px;
}

h5.jobtitle {
	margin-bottom: 15px;
}

/* class selector defining how text with the class applied is formatted, used in staff pages and teacher casestudies pages */
.staffName {
	font-size: 18px;
	font-weight: bold;
	color: #6D6A86;
	border-bottom: thin dotted #BAB3C3;
	margin-top: 0px;
	Padding-bottom: 5px;
}

/* class selector defining how text with the class applied is formatted, used in staff pages and teacher casestudies pages */
h3.subHeading {
	color: #a896c4;
	border-bottom: thin dotted #bab3c3;
	margin-top: 0px;
}


/* type selector defining how text with the bulleted list tag applied is formatted */
li
{
	list-style-image: url(images/arrow.gif);
	margin-top:10px;
	margin-right:20px;
	text-indent:0px;
}

	  

/* type selector defining how links are displayed */
a{
	color:#DC7DA5;
	text-decoration:none;
	font-weight:bold;
	border: none;
}

/* pseudo class selector defining how links in hover state are displayed */
a:hover {
	border: none;
	color:#89006C;
}


/* class and pseudo class selectors defining how links with the class applied are displayed, used in menues */
a.menu{
	color:white;
	text-decoration:none;
	border: none;
}
a.menu:hover{
	color:#660000;
	font-weight:bold;
}
a.menu:active{
	color:#993366;
	background-color:#DC7DA5;
	display: block;
	height: 18px;
	padding-top: 2px;
}



a.selected{
	color:#993366;
	background-color:#DC7DA5;
	display: block;
	height: 18px;
	padding-top: 2px;
}



a.top{
	color:#DC7DA5;
	font-size:10px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
a.top:hover{
	color:#89006C;
	font-size:10px;
	padding-right: 5px;
}



/* class and pseudo class selectors defining how links with the class applied are displayed, used in about us key people pages and teachers case studies pages */
a.name{
	font-size:11px;
	color: #FFFFFF;
	padding: 5px;
	background-color: #bab3c3;
	display: block;
}
a.name:hover{
	color: #89006C;
	background-color: #FBFCF9;
}
a.job{
	color: #999999;
	background-color: #deeef0;
	font-size:10px;
	padding: 5px;
	display: block;
}

.divBackToTop{
padding-right:50px; 
float:right; 
width: auto; 
vertical-align: middle;
}

.divSiteCredit{
font-size:9px;
color: #CCCCCC;
text-align:right;
margin-top: 15px;
}


/* ID selectors defining how links in the site credit division are formatted */
.divSiteCredit a{
color: #CCCCCC;
font-weight: normal;
}

.divSiteCredit a:hover{
color:#89006C;
}


/* ID selectors defining how table cells with the ID selector applied are formatted, used for main menu bar accross top of page */
#tableNavigation {
	background-color: #89006C;
	height: 20px;
	text-align: center;
	}
#tableNavigation td{
	display: block;
	}
#tableNavigation td a:hover, #tableNavigation td a:active{
	color: #FFFFFF;
	background-color: #E1C4FF;
}



/* ID selectors defining how table cells with the ID selector applied are formatted, used for about us key people page and teachers case studies main page - ones with photos in rounded boxes */
#tableMenuPhotos {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}
#tableMenuPhotos th {
	text-align:left;
}
#tableMenuPhotos img {
	margin-left: 10px;
	margin-right: 10px;
}
#tableMenuPhotos #tdMainText {
	text-align:left;
	width: 640px;
}



/* ID selectors defining how table cells with the ID selector applied are formatted, used for formatting of the graphic mainmenu library items for section pages e.g. schools, teachers etc */
#tableMainMenu {
	text-align: center;
	width: 100%;
}
#tableMainMenu img {
	padding-left: 5px;
	padding-right: 5px;
}
#tableMainMenu h4.white {
	color: #FFFFFF;
	margin-bottom: 0px;
	background-color: #bab3c3;
}
#tableMainMenu #tdSectionHeader {
	text-align: left;
	height: 20px;
}



/* ID selectors defining how table cells with the ID selector applied are formatted, used for formatting of the logo */
#tdLogo {
	text-align: right;
	padding-top: 0px;
	padding-bottom: 10px;
}



/* ID selectors defining how table cells with the ID selector applied are formatted, used for formatting of the main table that structure the layout of the whole site in the 'blank' template and all templates based on it */
#tableLayout {
	background-color: #FFFFFF;
	padding: 0px 0px;
	padding-bottom: 0px;
}
#tableLayout, #tableLayout td {
	border-collapse: collapse;
}
#tableLayout #tdSidebar {
	text-align: left;
	vertical-align: top;
	width:140px;
	text-decoration: none;
}
#tableLayout #tdSidebar a {
	color: #666666;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	font-size:10px;
}

/* ID selectors defining how a.header class selector (for links) is displayed in the sidebar table cell - defines how the sidemenu appears once placed in the sidebar table cell */
#tableLayout #tdSidebar a.header {
	font-size:12px;
	color: #FFFFFF;
	padding: 5px;
	padding-left: 20px;
	background-color: #bab3c3;
}
#tableLayout #tdSidebar a.header:hover {
	color: #89006C;
}

/* ID selectors defining how a.selected class selector (for links) is displayed in the sidebar table cell */
#tableLayout #tdSidebar a.selected {
	color: #666666;
	background-color: #CCCCFF;
}

#tableLayout #tdSidebar a.submenu {
	color: #999999;
	padding-left: 35px;
	background-color: #deeef0;
}

/* ID selectors defining how a.submenu2 class selector (for links) is displayed in the sidebar table cell - this is used only in the QMS page, the extra yellow side menu with links to named anchors in the QMS pages */
#tableLayout #tdSidebar a.submenu2 {
	color: #999999;
	padding-left: 20px;
	background-color: #F3F8C0;
}

/* ID selectors defining how links are displayed in the hover state in the sidebar table cell */
#tableLayout #tdSidebar a:hover {
	background-color: #FBFCF9;
}



/* ID selectors defining how table cells with the ID selector applied are formatted, used for formatting of content cell within the main table */
#tableLayout #tdContent {
	padding-top: 30px;
	vertical-align: top;
	padding-bottom: 20px;
}

/* ID selectors defining how table cells with the ID selector applied are formatted, used for formatting of about us keypeople and teacher case studies pages */
#tableLayout #tdContentLeft {
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 40px;
	padding-bottom: 20px;
}
#tableLayout #tdContentLeftImage {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#tableLayout #tdContentRight {
	padding-right: 50px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: justify;
	vertical-align: top;
}
#tableLayout #tdContentRightImage {
	padding-right: 20px;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 0px;
}

/* ID selectors defining how table cells with the ID selector applied are formatted, used for formatting of bio text cell on the about us keypeople and teacher case studies pages */
#tableLayout #tdContentRightText {
	padding-right: 50px;
	padding-left: 20px;
	text-align: left;
	padding-bottom: 20px;
}

/* ID selectors defining how table cells with the ID selector applied are formatted, used for formatting of name title cell on the about us keypeople and teacher case studies pages */
#tableLayout #tdName{
	padding-top: 0px;
	padding-left: 50px;
	padding-right: 50px;
	vertical-align: top;
	text-align: left;
}

/* ID selectors defining how table cells with the ID selector applied are formatted, used for formatting of picture cell on the about us keypeople and teacher case studies pages */
#tableLayout #tdBiopic {
	padding-right: 10px;
	padding-left: 50px;
	padding-bottom: 20px;
	text-align: justify;
	vertical-align: top;
}


/* ID selectors defining how table cells with the ID selector applied are formatted, used for formatting of the table added to the 'main content' section of the master template in the creation of the other templates */
#tableSubContent {
	background-color: #FFFFFF;
	padding: 0px 0px;
	padding-bottom: 20px;
}
#tableSubContent #tdSubContentRight {
	padding-top: 0px;
	padding-right: 50px;
	padding-left: 20px;
	padding-bottom: 0px;
	text-align: justify;
	vertical-align: top;
}



/* class selectors defining how the div tags display the dot.gif to create the lines between the rounded corner images to create the linear rounded box effect bordering the entire site */

.t {background: url(../assets/images/dot.gif) 0 0 repeat-x; width: 100%;}
.b {background: url(../assets/images/dot.gif) 0 100% repeat-x;}
.l {background: url(../assets/images/dot.gif) 0 0 repeat-y;}
.r {background: url(../assets/images/dot.gif) 100% 0 repeat-y;
}	

/* class selectors defining how the div tags display the rounded corner gif images to create the rounded box effect bordering the entire site */
.bl {background: url(../assets/images/bl2.gif) 0 100% no-repeat;}
.br {background: url(../assets/images/br2.gif) 100% 100% no-repeat}
.tl {background: url(../assets/images/tl2.gif) 0 0 no-repeat}
.tr {background: url(../assets/images/tr2.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px
} 
 
 
/* below, class selectors defining how the div tags create the sidemenu formatting and rounded box effect */
 
/* class selectors defining how the div tags repeat the dot2.gif image to create a coloured background for the sidemenu */
.rbroundborder { background: url(../images/dot2.gif) repeat #D3DDCF; margin: 0px auto; }
.rbcontent { margin: 0 0px; }  

/* class selectors defining how the div tags display the rounded corner gif images to create the rounded box effect for the sidemenu */
.rbbot { background: url(../assets/images/br.gif) no-repeat bottom right; }
.rbbot div { background: url(../assets/images/bl.gif) no-repeat bottom left; }
.rbtop { background: url(../assets/images/tr.gif) no-repeat top right; }
.rbtop div { background: url(../assets/images/tl.gif) no-repeat top left; 
}