@charset "utf-8";
/*Default style sheet*/

/*
margin-left:auto;
margin-right:auto;
*/

div.container {
width: 992px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border-right: 3px solid #f4f6d4; /*Same colour as second menu bar*/
border-top: 3px solid #f4f6d4; 
border-left: 3px solid #f4f6d4; 
border-bottom: 3px solid #f4f6d4; 
background-color: #F4F8F9; /*This should be the page colour. F4F8F9;*/
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the div.body. I hope i got this right.*/
}


/*Top menu*/
div.menubar  {
width: 992px;
height: 28px;
margin: 0 auto;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
text-align: left; 
}


/*Just the banner image*/
div.bannerimage  {
width: 992px;
height: 116px;
margin: 0 auto;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
text-align: center; 
}


/*Top menu 2 and the address bar*/
div.bannermenu2 {
width: 992px;
height: 40px;
margin: 0 auto;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
text-align: center; 
}

body { 
font-size:100%;
background-color: #8CAAB3; /*This should be the colour that extends beyond the page.*/
background-attachment:scroll;
background-repeat:repeat-y;
background-position:center center;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

/*The main 3 column body table sits inside this div.*/
/*Can't use overflow: hidden; tag*/
div.body {
width: 992px;
margin: 0 auto;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
text-align: left; /* this overrides the text-align: center on the div.container. I hope i got this right*/
padding-top: 20px;
}

/*layout for the main 3 column body table*/
table#body {          
width: 992px;
height: 600px;
}
table#body td {    
padding: 0px;    
}
.leftcolumn {    
width: 160px; 
vertical-align:top;
}
.middlecolumn {    
width: 672px;
vertical-align:top;
}
.rightcolumn {    
width: 160px; 
vertical-align:top;
}
/*end layout table*/


/*layout for the main 4 column body table*/
table#body {          
width: 992px;
height: 600px;
}
table#body td {    
padding: 0px;    
}
.firstcolumn {    
width: 0px; 
}
.secondcolumn {    
width: 692px;
}
.thirdcolumn {    
width: 0px; 
background-color: #edf2f3;
}
.fourthcolumn {    
width: 300px; 
background-color: #edf2f3;
}
/*end layout table*/



div.footer {
width: 992px;
border-right: 0px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
text-align: center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
background-color: #F4F8F9;
}


/*Links style*/
a:link {
color: blue; 
text-decoration: underline;
}
a:visited {
color: orange;
text-decoration: underline;
}
a:hover {
color: red;
text-decoration: none;
}
a:active {
color: #666666;
text-decoration: underline;
}


/*Links images*/
a img {border: none; } 





/*TEXT STYLES*/
h1 { 
font-family : Arial, Helvetica, sans-serif; 
color : #7ea5dc; 
font-size : 1.2em; 
text-align : center; 
} 


h1.h1-white-70-centre { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #ffffff; 
font-size : 0.7em; 
text-align : center; 
} 

h1.h1-black-120-centre { 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
font-size : 1.2em; 
text-align : center; 
} 

h1.h1-black-120-left { 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
font-size : 1.2em; 
text-align : left; 
} 

h1.h1-black-160-left { 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
font-size : 1.6em; 
text-align : left; 
} 

h1.h1-black-160-centre { 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
font-size : 1.6em; 
text-align : center; 
} 

h1.h1-blue-160-centre { 
font-family : Arial, Helvetica, sans-serif; 
color : #7ea5dc; 
font-size : 1.6em; 
text-align : center; 
} 

h1.h1-red-160-left { 
font-family : Arial, Helvetica, sans-serif; 
color : #cc0000; 
font-size : 1.6em; 
text-align : left; 
} 

h1.h1-black-200-centre { 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
font-size : 2.0em; 
text-align : center; 
} 

h2.h2-left { 
font-family : Arial, Helvetica, sans-serif; 
color : #7ea5dc; 
font-size : 1.1em; 
text-align : left; 
}
 
h2.h2-center { 
font-family : Arial, Helvetica, sans-serif; 
color : #7ea5dc; 
font-size : 1.1em; 
text-align : center; 
}
 
h2.h2-center-Red { 
font-family : Arial, Helvetica, sans-serif; 
color : #cc0000; 
font-size : 1.1em; 
text-align : center; 
}

h2.h2-black-120-centre { 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
font-size : 1.2em; 
text-align : center; 
} 

 
h3 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 1.0em; 
} 

p { 
font-family : Arial, Helvetica, sans-serif; 
color : #000000; 
font-size : 1.0em; } 

p.text-normal-120-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 1.2em; text-align : left; 
} 

p.text-normal-120-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 1.2em; text-align : center; 
} 

p.text-normal-100-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 1.0em; text-align : left; 
} 

p.text-normal-100-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 1.0em; text-align : center; 
} 



p.text-normal-80-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 0.8em; 
text-align : left; 
} 


p.text-blue-80-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #7ea5dc; 
font-size : 0.8em; 
text-align : left; 
} 

p.text-normal-80-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 0.8em; 
text-align : center; 
} 

p.text-normal-70-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 0.7em; text-align : center; 
} 

p.text-normal-80-right { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #000000; 
font-size : 0.8em; 
text-align : right; 
} 

p.text-blue-bold-100-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #7ea5dc; 
font-size : 1.0em; text-align : left; 
} 

p.text-blue-bold-120-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #7ea5dc; 
font-size : 1.2em; text-align : left; 
} 

p.text-blue-bold-120-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #7ea5dc; 
font-size : 1.2em; text-align : center; 
} 

p.text-blue-bold-100-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #7ea5dc; 
font-size : 1.0em; text-align : center; 
} 


p.text-blue-bold-90-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #7ea5dc; 
font-size : 0.9em; text-align : center; 
} 

p.text-blue-bold-90-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #7ea5dc; 
font-size : 0.9em; text-align : left; 
} 

p.text-blue--100-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #7ea5dc; 
font-size : 1.0em; text-align : left; 
} 

p.text-blue-bold-bright-100-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #3399ff; 
font-size : 1.0em; text-align : left; 
}


p.text-black-bold-200-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #000000; 
font-size : 2.0em; text-align : left; 
} 


p.text-black-bold-200-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #000000; 
font-size : 2.0em; text-align : center; 
} 

p.text-black-bold-140-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #000000; 
font-size : 1.4em; text-align : left; 
} 

p.text-black-bold-140-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #000000; 
font-size : 1.4em; text-align : center; 
} 

p.text-black-bold-120-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #000000; 
font-size : 1.2em; text-align : left; 
} 

p.text-black-bold-120-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #000000; 
font-size : 1.2em; text-align : center; 
} 

p.text-black-bold-100-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #000000; 
font-size : 1.0em; text-align : left; 
} 

p.text-black-bold-100-center { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #000000; 
font-size : 1.0em; text-align : center; 
} 

p.text-black-bold-100-right { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #000000; 
font-size : 1.0em; text-align : right; 
} 

p.text-black-bold-80-left { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #000000; 
font-size : 0.8em; 
text-align : left; 
} 

p.text-white-70-centre { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #ffffff; 
font-size : 0.7em; text-align : center;
} 

p.text-white-80-centre { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : normal; 
color : #ffffff; 
font-size : 0.8em; 
text-align : center;
} 

p.text-whiteBold-120 { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #ffffff; 
font-size : 1.2em; } 

p.text-whiteBold-100 { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #ffffff; 
font-size : 1.0em; } 

p.text-whiteBold-100-centre { 
font-family : Arial, Helvetica, sans-serif; 
font-style : normal; 
font-weight : bold; 
color : #ffffff; 
font-size : 1.0em; text-align : center;
} 

ul { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 1.0em; color : #000000; 
line-height : 1.3em;
} 

.ul-80 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 0.8em; 
font-style : normal; 
line-height : normal; 
font-weight : normal; 
font-variant : normal; 
text-transform : none; 
color : #000000; 
} 

ul.disc { 
list-style-type : disc; 
} 

ul.circle { 
list-style-type : circle; 
} 

ul.square { 
list-style-type : square; 
} 

ul.none { 
list-style-type : none; 
} 

ol.decimal { 
list-style-type : decimal; 
} 

ol.lroman { 
list-style-type : lower-roman; 
} 

ol.uroman { 
list-style-type : upper-roman; 
} 

ol.lalpha { 
list-style-type : lower-alpha; 
} 

ol.ualpha { 
list-style-type : upper-alpha; 
} 

ol { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 1.0em; font-style : normal; 
line-height : 150%; 
font-weight : normal; 
font-variant : normal; 
text-transform : none; 
color : #000000; 
}

.ol-80 { 
font-family : Arial, Helvetica, sans-serif; 
font-size : 0.8em; 
font-style : normal; 
line-height : 120%; 
font-weight : normal; 
font-variant : normal; 
text-transform : none; 
color : #000000; 
} 




/* TABLES STYLES */
/*You can put an attribute inside a <td> by using 'id'.
e.g. in the style sheet use #name { text-size: 50% }
*/
.tableSingleColumn
{
width:100%;
border-collapse:collapse; /* so you don't get double borders */
margin-left:auto;
margin-right:auto;
}
.tableSingleColumn th
{
background-color:#7ea5dc;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
text-align:left;
color:white; /* colour of the text */
vertical-align:middle;
} 
.tableSingleColumn td
{
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
text-align:left;
vertical-align:top; /* top, bottom, or middle */
}


.tableSingleCol-centred
{
width:90%;
border-collapse:collapse; /* so you don't get double borders */
margin-left:auto;
margin-right:auto;
}
.tableSingleCol-centred th
{
background-color:#7ea5dc;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
text-align:center;
color:white; /* colour of the text */
vertical-align:middle;
} 
.tableSingleCol-centred td
{
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
text-align:center;
vertical-align:top; /* top, bottom, or middle */
}


/* table with 80% text size */
.tableSingleColumn-80
{
width:100%;
border-collapse:collapse; /* so you don't get double borders */
margin-left:auto;
margin-right:auto;
}
.tableSingleColumn-80 th
{
background-color:#7ea5dc;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:white; /* colour of the text */
vertical-align:middle;
} 
.tableSingleColumn-80 td
{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
text-align:left;
vertical-align:top; /* top, bottom, or middle */
}

/*Small blue table for books menu*/
.tableBooks {
width:400px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;
}
.tableBooks th {
background-color: #7ea5dc;
font-family: Arial, Helvetica, sans-serif;
font-size : 1.0em; 
text-align:center;
background-color:#7ea5dc;
color:white; 
vertical-align:middle;
}
.tableBooks td {
border-style: none;
background-color: #d9e2e6;
font-family: Arial, Helvetica, sans-serif;
font-size : 1.0em; 
}


/* Large table */
.tableLarge {
width:90%;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;
}
.tableLarge th {
background-color: #7ea5dc;
font-family: Arial, Helvetica, sans-serif;
font-size : 1.0em; 
text-align:center;
background-color:#7ea5dc;
color:white; 
vertical-align:middle;
}
.tableLarge td {
border-style: none;
background-color: #d9e2e6;
font-family: Arial, Helvetica, sans-serif;
font-size : 1.0em; 
}


.tableBorder-Brown-DCB778 { 
border : 2px solid #dcb778; 
}

.boxSimple-brown { 
border:2px solid #b19830;
}

.tableWebForm
{
width:100%;
border-collapse:collapse; /* so you don't get double borders */
}
.tableWebForm th
{
background-color:#7ea5dc;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:white;
vertical-align:middle;
} 
.tableWebForm td
{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size: 0.8em;
vertical-align:top;
}

.tableWebFormLarge
{
width:100%;
border-collapse:collapse;
}
.tableWebFormLarge th
{
background-color:#7ea5dc;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:white;
vertical-align:middle;
} 
.tableWebFormLarge td
{
background-color:#e6ecee;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size: 1.0em;
vertical-align:top;
}


.tableSideMenu
{
width:100%;
border-color: #dcb778;
border-width:1px;
border-collapse:collapse;
}
.tableSideMenu th
{
background-color:#7ea5dc;
font-family:Arial, Helvetica, sans-serif;
font-size :0.8em; 
text-align:left;
color:#fff;
vertical-align:middle;
} 
.tableSideMenu td
{
background-color:#e6ecee;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em; 
text-align:left;
vertical-align:middle;
border-bottom:1px solid #fff;
}


.tableMenuLarge
{
width:90%;
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
}
.tableMenuLarge th
{
/* height:25px; */
background-color:#cad6db;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
color:#000;
vertical-align:middle;
} 
.tableMenuLarge td
{
background-color:#e6ecee;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size: 1.0em;
vertical-align:top;
}


.tableMenuLarge-left
{
width:90%;
margin-left:auto;
margin-right:auto;
border-collapse:collapse; 
}
.tableMenuLarge-left th
{
/* height:25px; */
background-color:#cad6db;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#000;
vertical-align:middle;
} 
.tableMenuLarge-left td
{
background-color:#e6ecee;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size: 1.0em;
vertical-align:top;
}

/*Table border brown blog menu*/
.tableBorder-BrownBlogMenu-F2F1D2 { 
border : 2px solid #f2f1d2; 
}

/*Table border red*/
.tableBorder-Red-CD183D { 
border : 2px solid #cd183d; 
vertical-align : top; 
height : auto; 
padding-top : 10px; 
padding-right : 10px; 
padding-bottom : 10px; 
padding-left : 10px; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 1.0em; } 

/*Table border light olive green*/
.tableBorder-Olive-Green-DBE7CB { 
border : 2px solid #dbe7cb; 
vertical-align : top; 
height : auto; 
} 

/*Box to outline banner adverts - brown #DCB778 */
div.box-Brown-DCB778 { 
width : 100%; 
margin : 0 auto; 
border-right : 2px solid #dcb778; 
border-top : 2px solid #dcb778; 
border-left : 2px solid #dcb778; 
border-bottom : 2px solid #dcb778; 
}

/*Table for NLP and Zen biblio list*/
.tableBookMenu { 
border-width : 1px; 
border-spacing : 0; 
border-style : solid; 
border-collapse : separate; 
} 
.tableBookMenu th { 
border-width : 0; 
padding : 3px; 
border-style : solid; 
background-color : #7ea5dc; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 1.0em; } 
.tableBookMenu td { 
border-width : 0; 
padding : 3px; 
border-style : solid; 
background-color : #d9e2e6; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 1.0em; text-indent : 0; 
} 
td.tableBookMenu2 { 
border-width : 0; 
padding : 3px; 
border-style : solid; 
background-color : #e6ecee; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 1.0em; text-indent : 0; 
} 


/* the menu under the banner image */
#menu2 ul
{
padding-left:5px;
padding-bottom:5px;
padding-right:5x;
padding-top:5px;
margin: 0;
list-style-type: none;
background-color: #9eb066;
color: #fff;
width: 988px;
font: normal 0.8em arial, helvetica, sans-serif;
text-align:left;
border-bottom: #439ba9 1px solid;
border-top: #439ba9 1px solid;
}

#menu2 li { display: inline; }

#menu2 li a
{
text-decoration: none;
background-color: #9eb066;
color: #fff;
padding-left:10px;
padding-bottom:5px;
padding-right:12px;
padding-top:5px;
border-right: 1px solid #000;
margin-left: -4px;
}

#menu2 li a:hover
{
text-decoration:underline;
background-color: #dfe9b7;
color: #000;
}