/*
 * HTML, CSS Design and syntax: Alain Rousseau
 * Artistic design: Alain Rousseau
 */

/* Defaults */
html{height: 101%; margin: 0px; color: #272770; font-family: sans-serif }
body{background-color: #d1d1f0;}


/* HTML canvas */
table.canvas{width: 802px; border: 1px solid #272770}
tr.canvas{}
td.canvas{width:800px; font-size:0pt}
img.canvas{}

/* Top Banner */
table.header{width:800px; height: 120px; background-color:#8b8bd6; color:#FFFFFF}
tr.header{border:none}
td.header{width:800px; border:none}
img.header{border:none}

/* Middle table */
table.middle{width:800px; height: 350px;background-color:#FFFFFF; color:#272770}
tr.middle{}
td.middle{vertical-align:top}
img.middle{}

/* Topics table */
table.topics{width:170px;background-color:#8b8bd6;color:#272770}
img.topics{border:none}
a.topics{border:none}
tr.topicsSeparator{height: 1px; background-color:#FFFFFF}
td.topicsSeparator{background-color:#FFFFFF}
tr.topics{height:30px}
td.topics{vertical-align: middle;height:30px; font-size:0pt}
tr.subTopics{height: 120px}
td.subTopics{ background-color:#FFFFFF; text-align: left; vertical-align: middle; font-size: 10pt;
              border-left-width:15px; border-left-style:solid; border-left-color:#FFFFFF;
              border-right-width:30px; border-right-style:solid; border-right-color:#272770;
              vertical-align: top; height: 80px; 
             }
tr.topicsFooter{}
td.topicsFooter{width:170px; height:80px}
div.subTopics{border-top-width:5px; border-top-style:solid; border-top-color:#FFFFFF}
a.subTopics{text-decoration: none;color: #272770}
a.subTopics:visited{color: #272770}
a.subTopics:active{color: #272770}
a.subTopics:hover{color: #7a1111}
em.subTopics{font-style: normal; font-weight: bold}

/* Text table */
table.text{background-color:#FFFFFF; width: 630px; font-size: 9pt}
tr.text{}
td.text{  background-color:#FFFFFF; vertical-align: top;
          border-left-width:15px; border-left-style:solid; border-left-color:#FFFFFF;
          border-right-width:15px; border-right-style:solid; border-right-color:#FFFFFF;
          border-bottom-width:15px; border-bottom-style:solid; border-bottom-color:#FFFFFF}
td.textNoBottom{  background-color:#FFFFFF; vertical-align: top;
          border-left-width:15px; border-left-style:solid; border-left-color:#FFFFFF;
          border-right-width:15px; border-right-style:solid; border-right-color:#FFFFFF;
          border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:#FFFFFF}
td.textIllustration{  background-color:#FFFFFF; vertical-align: top;
          border-left-width:15px; border-left-style:solid; border-left-color:#FFFFFF;
          border-right-width:0px; border-right-style:solid; border-right-color:#FFFFFF;
          border-bottom-width:15px; border-bottom-style:solid; border-bottom-color:#FFFFFF}
td.textNoBorder{  background-color:#FFFFFF; vertical-align: top;
          border-left-width:0px;
          border-right-width:0px;
          border-bottom-width:0px}
img.text{}


/* Bottom table */
table.footer{ width:800px; height: 30px; background-color:#8b8bd6; color:#FFFFFF;
              font-size:9pt;
              border-top-width:2px; border-top-style:solid; border-top-color:#272770}
tr.footer{}
td.footerLeft{width:200px; border-left-width:10px; border-left-style:solid; border-left-color:#8b8bd6; vertical-align: middle}
td.footerMiddle{width:400px;vertical-align: middle}
td.footerRight{ width:200px; text-align:right; vertical-align: middle;
                border-right-width:10px; border-right-style:solid; border-right-color:#8b8bd6}
img.footer{}
a.footer{color:#FFFFFF; text-decoration: none}
a.footer:visited{color:#FFFFFF; text-decoration: none}
a.footer:active{color:#FFFFFF; text-decoration: none}
a.footer:hover{color:#FFFFFF; text-decoration: none}

/* Info Request Forms */
table.form{width:100%; border: 1px solid #000000; background-color:#d1d1f0}
tr.form{}
td.form{  vertical-align: top;
          border-left-width:15px; border-left-style:solid; border-left-color:#d1d1f0;
          border-right-width:15px; border-right-style:solid; border-right-color:#d1d1f0}
input.formText{     width: 100%; text-align:left; 
                    margin-bottom: 5px; border-color: #000000; border-style: solid; border-width: 1px}
textarea.formArea{  width: 100%; height: 150px; text-align:left; 
                    margin-bottom: 5px; border-color: #000000; border-style: solid; border-width: 1px}

input.formSubmit{ width: 100%; border-color: #000000; border-style: solid; border-width: 1px; 
                  background-color: #272770; font-weight:bold; font-size: 11pt; color: #FFFFFF; 
                  margin-top: 15px; margin-bottom: 20px}
input.formSubmit:hover{cursor: pointer; background-color: #4b4bd6; color: #FFFFFF}
input.formSubmit:active{cursor: pointer; background-color: #4b4bd6; color: #FFFFFF}


/* Text in main table */
h1{border-left-width:15px; border-left-style:solid; border-left-color:#FFFFFF;
    margin-top: 0px; font-variant: small-caps; font-weight:bold; font-size: 17.5pt }
h1.contrast{color: #CC1D1D}
h1.noBorder{border-left-width:0px; margin-top: 0px; font-variant: small-caps; font-weight:bold; font-size: 200%; }
h2{margin-top: 0px; font-variant: small-caps; font-weight:bold; font-size: 13pt;}
h2.contrast{color: #CC1D1D}
h3{margin-top: 0px; margin-bottom: 5px; font-variant: small-caps; font-weight:bold; font-size: 11pt;}
h3.contrast{color: #CC1D1D}
h4{margin-top: 0px; margin-bottom: 2px; font-weight:bold; font-size: 10pt;}
h4.contrast{color: #CC1D1D}
table{background-color:#FFFFFF; font-size: 100%}
tr{}
td{vertical-align: top}
td.top{vertical-align: top; text-align: right;
          border-right-width:10px; border-right-style:solid; border-right-color:#FFFFFF;
          border-bottom-width:0px;}



em{font-style: normal; font-weight: bold}
em.smaller{font-size: 90%; font-weight: normal}

p{height: 10px}
ul{margin-top: 4px; margin-bottom: 4px;}
li{}
img {border: none}
img.borderLeft{       border-left-color:#FFFFFF; border-left-width:5px; border-left-style: solid }
img.borderLeftBottom{ border-left-color:#FFFFFF; border-left-width:5px; border-left-style: solid;
                      border-bottom-color:#FFFFFF; border-bottom-width:5px; border-bottom-style: solid }
img.borderRight{       border-right-color:#FFFFFF; border-right-width:5px; border-right-style: solid }
img.borderRightBottom{ border-right-color:#FFFFFF; border-right-width:5px; border-right-style: solid;
                       border-bottom-color:#FFFFFF; border-bottom-width:5px; border-bottom-style: solid }


a{color:#cc1d1d; text-decoration: none}
a:visited{color:#d68b8b}
a:active{color:#7a1111}
a:hover{color:#7a1111}

a.readMore{color:#cc1d1d; text-decoration: none}
a.readMore:visited{color:#d68b8b}
a.readMore:active{color:#7a1111}
a.readMore:hover{color:#7a1111}


a.news{color:#272770; text-decoration: none}
a.news:visited{color:#8b8bd6}
a.news:active{color:#4b4bd6}
a.news:hover{color:#4b4bd6}

a.zoomPicture{border-color: #FFFFFF; border: none}

a.top{color:#cc1d1d; text-decoration: none; font-size: x-small; border-top: solid; border-top-color: #cc1d1d; border-top-width: 1px}
a.top:visited{color:#cc1d1d; border-top-color: #cc1d1d}
a.top:active{color:#7a1111; border-top-color: #7a1111}
a.top:hover{color:#7a1111; border-top-color: #7a1111}