/*----------------------------------*/
/*    S    T    Y    L    E    S    */
/*----------------------------------*/


html
 {scrollbar-base-color: #dfdfdf;
  scrollbar-face-color: #dfdfdf;
  scrollbar-track-color: #2f2f2f;
  scrollbar-arrow-color: #2f2f2f;
  scrollbar-highlight-color: #efefef;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-shadow-color: #7f7f7f;
  scrollbar-darkshadow-color: #3f3f3f;}

body
 {background: #2f2f2f;}

p, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, caption, th, td, blockquote, pre, tt, q, cite
 {color: #dfdfdf; line-height: 175%;}

p, ul, ol, dd, td, blockquote
 {font: medium 'garamond', 'times new roman', times, serif;}

cite
 {font: italic medium 'garamond', 'times new roman', times, serif;}

q
 {font: italic small arial, helvetica, sans-serif;}

td, th
 {vertical-align: top;}

dt, th
 {font: bold medium 'garamond', 'times new roman', times, serif;}

pre, tt
 {font: small 'courier new', courier, monospace;}

h6 /* used for header nav within page */
 {font: medium 'garamond', 'times new roman', times, serif; text-align: center; margin: 0;}

h5 /* used for header nav between pages */
 {font: small 'garamond', 'times new roman', times, serif; text-align: left;}

h4
 {font: medium 'garamond', 'times new roman', times, serif; text-align: center;}

h3
 {font: large 'garamond', 'times new roman', times, serif; text-align: center;}

h2
 {font: x-large 'garamond', 'times new roman', times, serif; text-align: center;}

h1
 {font: xx-large 'garamond', 'times new roman', times, serif; text-align: center;}


/* T E X T L I N K S */

a:link, a:visited
 {color: #dfdfdf; background: #2f2f2f; text-decoration: none; padding: 1px;
  border-top: 1px #2f2f2f solid; border-left: 1px #2f2f2f solid;
  border-right: 1px #2f2f2f solid; border-bottom: 1px #dfdfdf dotted;}

a:hover
 {color: #2f2f2f; background: #cfcfcf; text-decoration: none;
  border-top: 1px #ffffff solid; border-left: 1px #ffffff solid;
  border-right: 1px #7f7f7f solid; border-bottom: 1px #7f7f7f solid;}

a:active
 {color: #2f2f2f; background: #cfcfcf; text-decoration: none;
  border-top: 1px #7f7f7f solid; border-left: 1px #7f7f7f solid;
  border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid;}

a.extlink:link, a.extlink:visited
 {color: #ff7f0f; background: #2f2f2f; text-decoration: none; font: x-small arial, helvetica, sans-serif;
  border-top: 1px #2f2f2f solid; border-left: 1px #2f2f2f solid;
  border-right: 1px #2f2f2f solid; border-bottom: 1px #ff7f0f dotted;}

a.extlink:hover
 {color: #ff7f0f; background: #2f2f2f; text-decoration: none; font: x-small arial, helvetica, sans-serif;
  border-top: 1px #ff7f0f solid; border-left: 1px #ff7f0f solid;
  border-right: 1px #7f3f0f solid; border-bottom: 1px #7f3f0f solid;}

a.extlink:active
 {color: #ff7f0f; background: #2f2f2f; text-decoration: none; font: x-small arial, helvetica, sans-serif;
  border-top: 1px #7f3f0f solid; border-left: 1px #7f3f0f solid;
  border-right: 1px #ff7f0f solid; border-bottom: 1px #ff7f0f solid;}


/* I M G L I N K S */

a:link img, a:visited img
 {margin: 0; padding: 0; background: #2f2f2f;
  border-top: 1px #2f2f2f solid; border-left: 1px #2f2f2f solid;
  border-right: 1px #2f2f2f solid; border-bottom: 1px #dfdfdf dotted;}

a:hover img
 {margin: 0; padding: 0; background: #2f2f2f;
  border-top: 1px #ffffff solid; border-left: 1px #ffffff solid;
  border-right: 1px #7f7f7f solid; border-bottom: 1px #7f7f7f solid;}

a:active img
 {color: #2f2f2f; background: #cfcfcf; text-decoration: none;
  border-top: 1px #7f7f7f solid; border-left: 1px #7f7f7f solid;
  border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid;}

a.imglnk:link, a.imglnk:visited, a.imglnk:hover, a.imglnk:active
 {background: transparent; border: 1px #2f2f2f solid;}

/* solution to non-IE having text boxes under images */
/* though every ahref img then needs to be classed */
a.imglnk:link, a.imglnk:visited, a.imglnk:hover, a.imglnk:active
 {background: transparent; border: 1px #2f2f2f solid;}



/*---------------------------------------*/
/*    C    L    A    S    S    E    S    */
/*---------------------------------------*/

li p
 {line-height: 175%;}

ul.pseudorow
 {list-style: none; display: table-row; margin: 0; padding: 0;}

li.col2left
 {display: table-cell; width: 50%; text-align: justify; padding-right: 8pt;}

li.col2right
 {display: table-cell; width: 50%; text-align: justify; padding-left: 8pt;}
 
li.col3left
 {display: table-cell; width: 33%; text-align: justify; padding-right: 8pt;}

li.col3centre
 {display: table-cell; width: 34%; text-align: justify; padding-left: 8pt; padding-right: 8pt;}

li.col3right
 {display: table-cell; width: 33%; text-align: justify; padding-left: 8pt;}

ul.mee
 {list-style: none;}

ul.conversation
 {list-style: none; margin: 0; padding: 0; text-align: justify; margin-left: 25%; margin-right: 25%;}

li.eu
 {background-image: url(mee/eu.gif); background-repeat: no-repeat; padding: 0 0 12pt 60pt;}

li.aa
 {background-image: url(mee/aa.gif); background-repeat: no-repeat; padding: 0 0 12pt 60pt;}

li.sa
 {background-image: url(mee/sa.gif); background-repeat: no-repeat; padding: 0 0 12pt 60pt;}

hr.major
 {border-top: 2px #ffffff solid;  border-left: 2px #ffffff solid;
  border-right: 2px #7f7f7f solid; border-bottom: 2px #7f7f7f solid;}

hr.minor
 {border-top: 1px #ffffff solid;  border-left: 1px #ffffff solid;
  border-right: 1px #7f7f7f solid; border-bottom: 1px #7f7f7f solid;}

hr.halfmajor
 {margin-right: auto; margin-left: auto; width: 50%;
  border-top: 2px #ffffff solid;  border-left: 2px #ffffff solid;
  border-right: 2px #7f7f7f solid; border-bottom: 2px #7f7f7f solid;}

hr.halfminor
 {margin-right: auto; margin-left: auto; width: 50%;
  border-top: 1px #ffffff solid;  border-left: 1px #ffffff solid;
  border-right: 1px #7f7f7f solid; border-bottom: 1px #7f7f7f solid;}

hr.quarmajor
 {margin-right: auto; margin-left: auto; width: 25%;
  border-top: 2px #ffffff solid;  border-left: 2px #ffffff solid;
  border-right: 2px #7f7f7f solid; border-bottom: 2px #7f7f7f solid;}

hr.quarminor
 {margin-right: auto; margin-left: auto; width: 25%;
  border-top: 1px #ffffff solid;  border-left: 1px #ffffff solid;
  border-right: 1px #7f7f7f solid; border-bottom: 1px #7f7f7f solid;}

.thissect
 {color: #2f2f2f; background: #dfdfdf; padding: 1px; text-decoration: none;
  border-top: 1px #7f7f7f solid; border-left: 1px #7f7f7f solid;
  border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid;}

.comment
 {color: #3f7fff; font: small arial, helvetica, sans-serif; text-align: justify;}

.copyright
 {color: #bf2f2f; font: x-small arial, helvetica, sans-serif;}

.nbrdr /* used for table, th, td; not img */
 {border: 0;}


/*    D    I    V    S    */

div.main p, dl, ol, ul, table, pre
 {text-align: justify; margin-left: 25%; margin-right: 25%; line-height: 175%;}

div.mainfb p
 {font: small arial, helvetica, sans-serif; text-align: justify; line-height: 175%; margin-left: 25%; margin-right: 25%;}

div.pseudotable
 {display: table; margin-top: 0; margin-left: 25%; margin-right: 25%; margin-bottom: 0; padding: 0;}

div.head p
 {text-align: center;}

div.head img /* centre block image in header paragraph */
 {margin-right: auto; margin-left: auto;}

div.foot p
 {font: x-small arial, helvetica, sans-serif; text-align: center;}

/*  have to repeat all this to negate css popup navigation code per page which resets the links to no borders */
div.head a:link, div.head a:visited, div.foot a:link, div.foot a:visited
 {color: #dfdfdf; background: #2f2f2f; text-decoration: none; padding: 1px;
  border-top: 1px #2f2f2f solid; border-left: 1px #2f2f2f solid;
  border-right: 1px #2f2f2f solid; border-bottom: 1px #dfdfdf dotted;}

div.head a:hover, div.foot a:hover
 {color: #2f2f2f; background: #cfcfcf; text-decoration: none;
  border-top: 1px #ffffff solid; border-left: 1px #ffffff solid;
  border-right: 1px #7f7f7f solid; border-bottom: 1px #7f7f7f solid;}

div.head a:active, div.foot a:active
 {color: #2f2f2f; background: #cfcfcf; text-decoration: none;
  border-top: 1px #7f7f7f solid; border-left: 1px #7f7f7f solid;
  border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid;}

div.head a:link img, div.head a:visited img, div.foot a:link img, div.foot a:visited img
 {margin: 0; padding: 0; background: #2f2f2f;
  border-top: 1px #2f2f2f solid; border-left: 1px #2f2f2f solid;
  border-right: 1px #2f2f2f solid; border-bottom: 1px #dfdfdf dotted;}

div.head a:hover img, div.foot a:hover img
 {margin: 0; padding: 0; background: #2f2f2f;
  border-top: 1px #ffffff solid; border-left: 1px #ffffff solid;
  border-right: 1px #7f7f7f solid; border-bottom: 1px #7f7f7f solid;}

div.head a:active img, div.foot a:active img
 {color: #2f2f2f; background: #cfcfcf; text-decoration: none;
  border-top: 1px #7f7f7f solid; border-left: 1px #7f7f7f solid;
  border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid;}

div.head a.imglnk:link, div.head a.imglnk:visited, div.head a.imglnk:hover, div.head a.imglnk:active, div.foot a.imglnk:link, div.foot a.imglnk:visited, div.foot a.imglnk:hover, div.foot a.imglnk:active
 {background: transparent; border: 1px #2f2f2f solid;}