/* Context Dependant Style Sheet - Apply when needed */

body {
 background-color: #DDEEFF;
 background-image: url(../homepage/clouds2.jpg);}




/* WELCOME */
TABLE.welcome{
 margin-top: 0px;
 margin-right: 7px;
 margin-bottom: 14px;
 margin-left: 7px;}

TH.welcome {
 background-color: #331188;
 border-top: #000088 1px solid;
 padding-top: 0px;
 border-left: #000088 1px solid;
 padding-left: 0px;
 border-right: #000088 1px solid;
 padding-right: 0px;
 border-bottom: #000088 1px solid;
 padding-bottom: 0px;}

.welcome H3 {
 color: #FFFF00;
 text-align: left;
 font: 1.35em Arial, Verdana, Helvetica, sans-serif;
 font-weight: 800;
 margin: 0px;}

TD.welcome {
 background-color: #FFFFAA;
 background-image: url(../homepage/bg1.gif);
 border-left: #000088 1px solid;
 padding-left: 5px;
 border-right: #000088 1px solid;
 padding-right: 5px;
 border-bottom: #000088 1px solid;
 padding-bottom: 5px;}

.welcome H4{
 color: #000088;
 font: 1.0em Helvetica, Arial, Verdana, sans-serif;
 font-weight: 800;
 margin-top: .6em;
 margin-left: .1em;
 margin-right: .1em;
 margin-bottom: .1em;}

.welcome P, .welcome OL {
 color: #000088;
 text-align: left;
 font: .8em Verdana, Helvetica, Arial, sans-serif;
 font-weight: 400;
 margin-top: 0em;
 border-left: #000088 2px solid;
 margin-left: .4em;
 margin-right: 0em;
 margin-bottom: 0.0em;
}

.welcome P {
 padding-Left: .4em;}

.welcome OL {
 padding-Left: 1.6em;}

.welcome A {
 color: #004488;
 text-decoration: none;}

.welcome A:hover {
 color: #2266AA;
 text-decoration: underline;}



/* MENU1 */
table.menu1 {
 margin-top: 0em;
 margin-left: .4em;
 margin-right: 0em;
 margin-bottom: 0.2em;}

td.menu1 {
 cursor: hand;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
 border-top: #000088 1px solid;
 border-left: #000088 1px solid;
 border-bottom: #000088 1px solid;
 border-right: #FF0000 7px solid;}

.menu1 {
 color: #008080;
 text-align: left;
 font: .95em Helvetica, Arial, Verdana, sans-serif;
 font-weight: 700;
 margin: .1em;}

.menu1 A{
 color: #000088;
 text-decoration: none;}

.menu1 A:hover{
 color: #000088;
 text-decoration: none;}




/* HEADLINES */

TABLE.headlines{
 margin-top: 0px;
 margin-right: 7px;
 margin-bottom: 14px;
 margin-left: 7px;}

.headlines H3 {
 color: #FFFF44;
 text-align: left;
 font: 1.35em Arial, Verdana, Helvetica, sans-serif;
 font-weight: 800;
 margin: 0px;}

TD.headlines {
 background-color: #FFFFEE;
 border-top: #000088 1px solid;
 padding-top: 5px;
 border-left: #000088 1px solid;
 padding-left: 5px;
 border-right: #000088 1px solid;
 padding-right: 5px;
 border-bottom: #000088 1px solid;
 padding-bottom: 5px;}

TH.headlines {
 background-color: #331188;
 border-top: #000088 1px solid;
 padding-top: 0px;
 border-left: #000088 1px solid;
 padding-left: 0px;
 border-right: #000088 1px solid;
 padding-right: 0px;
 border-bottom: #000088 1px solid;
 padding-bottom: 0px;}

.headlines H4 {
 color: #000088;
 font: 1em Helvetica, Arial, Verdana, sans-serif;
 font-weight: 800;
 margin-top: .1em;
 margin-left: .1em;
 margin-right: .1em;
 margin-bottom: .1em;}

.headlines P {
 color: #004488;
 font: .8em Helvetica, Verdana, Arial, sans-serif;
 text-align: left;
 font-weight: 400;
 margin-top: 0em;
 margin-left: .4em;
 margin-right: 0em;
 padding-left: .5em;
 margin-bottom: 0.2em;}

.headlines IMG{
 padding-right: 0.5em;}

.headlines A {
 color: #004488;
 text-decoration: none;}

.headlines A:hover {
 color: #2266AA;
 text-decoration: underline;}




/* PROGRAMME */
TABLE.programme{
 margin-top: 0px;
 margin-right: 7px;
 margin-bottom: 14px;
 margin-left: 7px;}

TH.programme {
 background-color: #331188;
 border-top: #000088 1px solid;
 padding-top: 0px;
 border-left: #000088 1px solid;
 padding-left: 0px;
 border-right: #000088 1px solid;
 padding-right: 0px;
 border-bottom: #000088 1px solid;
 padding-bottom: 0px;}

.programme H3 {
 color: #FFFF00;
 text-align: left;
 font: 1.35em Arial, Verdana, Helvetica, sans-serif;
 font-weight: 800;
 margin: 0px;}

TD.programme {
 background-color: #DDEEFF;
 border-left: #000088 1px solid;
 padding-left: 5px;
 border-right: #000088 1px solid;
 padding-right: 5px;
 border-bottom: #000088 1px solid;
 padding-bottom: 5px;}

.programme H4{
 color: #008080;
 font: 1em Helvetica, Arial, Verdana, sans-serif;
 font-weight: 800;
 margin-top: .6em;
 margin-left: .1em;
 margin-right: .1em;
 margin-bottom: .1em;}

.programme P {
 color: #000088;
 text-align: left;
 font: .8em Verdana, Helvetica, Arial, sans-serif;
 border-left: #000088 2px solid;
 margin-top: 0em;
 margin-left: .4em;
 margin-right: 0em;
 padding-left: .4em;
 margin-bottom: 0.2em;}

.programme A {
 color: #004488;
 text-decoration: none;}

.programme A:hover {
 color: #2266AA;
 text-decoration: underline;}




/* RESOURCES */
TABLE.resources{
 margin-top: 0px;
 margin-right: 7px;
 margin-bottom: 14px;
 margin-left: 7px;}

TH.resources {
 background-color: #331188;
 border-top: #000088 1px solid;
 padding-top: 0px;
 border-left: #000088 1px solid;
 padding-left: 0px;
 border-right: #000088 1px solid;
 padding-right: 0px;
 border-bottom: #000088 1px solid;
 padding-bottom: 0px;}

.resources H3 {
 color: #FFFF00;
 text-align: left;
 font: 1.35em Arial, Verdana, Helvetica, sans-serif;
 font-weight: 800;
 margin: 0px;}

TD.resources {
 background-color: #FEFEFE;
 border-left: #000088 1px solid;
 padding-left: 5px;
 border-right: #000088 1px solid;
 padding-right: 5px;
 border-bottom: #000088 1px solid;
 padding-bottom: 5px;}

.resources H4{
 color: #008080;
 font: 1em Helvetica, Arial, Verdana, sans-serif;
 font-weight: 800;
 margin-top: .6em;
 margin-left: .1em;
 margin-right: .1em;
 margin-bottom: .1em;}

.resources P {
 color: #000088;
 text-align: left;
 font: .8em Verdana, Helvetica, Arial, sans-serif;
 border-left: #000088 2px solid;
 margin-top: 0em;
 margin-left: .4em;
 margin-right: 0em;
 padding-left: .4em;
 margin-bottom: 0.2em;}

.resources A {
 color: #004488;
 text-decoration: none;}

.resources A:hover {
 color: #2266AA;
 text-decoration: underline;}




/* SUGGESTION DROP-BOX */
TABLE.suggestion{
 margin-top: 0px;
 margin-right: 7px;
 margin-bottom: 14px;
 margin-left: 7px;}

TH.suggestion {
 background-color: #331188;
 border-top: #000088 1px solid;
 padding-top: 0px;
 border-left: #000088 1px solid;
 padding-left: 0px;
 border-right: #000088 1px solid;
 padding-right: 0px;
 border-bottom: #000088 1px solid;
 padding-bottom: 0px;}

.suggestion H3 {
 color: #FFFF00;
 text-align: left;
 font: 1.35em Arial, Verdana, Helvetica, sans-serif;
 font-weight: 800;
 margin: 0px;}

TD.suggestion {
 background-color: #DDFFEE;
 border-left: #000088 1px solid;
 padding-left: 5px;
 border-right: #000088 1px solid;
 padding-right: 5px;
 border-bottom: #000088 1px solid;
 padding-bottom: 5px;}

.suggestion H4{
 color: #008080;
 font: 1em Helvetica, Arial, Verdana, sans-serif;
 font-weight: 800;
 margin-top: .6em;
 margin-left: .1em;
 margin-right: .1em;
 margin-bottom: .1em;}

.suggestion P {
 color: #000088;
 text-align: left;
 font: 0.8em Verdana, Helvetica, Arial, sans-serif;
 margin-top: 0em;
 margin-left: .4em;
 margin-right: 0em;
 margin-bottom: 0.2em;}

.suggestion FORM, .suggestion INPUT, .suggestion TEXTAREA {
 color: #000088;
 font: 1.0em Helvetica, Arial, Verdana, sans-serif;
 font-weight: 800;}

.form-titles {
 color: #000088;
 font: 1.0em Helvetica, Arial, Verdana, sans-serif;
 font-weight: 400;}

.suggestion A {
 color: #004488;
 text-decoration: none;}

.suggestion A:hover {
 color: #2266AA;
 text-decoration: underline;}