/***************************************
 * TITLE: Prosimii Screen Stylesheet   * 
 * URI  : prosimii/prosimii-screen.css *
 * MODIF: 2004-Apr-28 21:43 +0800      *
 ***************************************/


/* ##### Common Styles ##### */

body {
  font-family:  sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  background-color: #FFE;
  margin: 0;
  padding: 0;

}

html > body {
  font-size: 9pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(61,92,122);
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

a {
  color: rgb(61,92,122);
  background-color: transparent;
  text-decoration: underline;
  margin: 0;
  padding: 0 1px 2px 1px;
}

a:hover {
  color: rgb(117,144,174);
  text-decoration: none;
}

ol {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

ul {
  list-style-type: square;
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dl {
  margin: 1em 0 0.5em 0;
  padding: 0;
}

ul li {
  line-height: 1.5em;
  margin: 1.25ex 0 0 1.5em;
  padding: 0;
}

ol li {
  line-height: 1.5em;
  margin: 1.25ex 0 0 2em;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 1ex 0;
}

dd {
  line-height: 1.75em;
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}


/* ##### Header ##### */

.superHeader {
  color: rgb(130,128,154);
  background-color: rgb(33,50,66);
  text-align: right;
  margin: 0;
  padding: 0.5ex 10px;
}

.superHeader span {
  color: rgb(195,196,210);
  background-color: transparent;
  font-weight: bold;
  text-transform: uppercase;
}

.superHeader a {
  color: rgb(195,196,210);
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}

.superHeader a:hover {
  color: rgb(193,102,90);
  background-color: transparent;
  text-decoration: none;
}

.midHeader {
  color: white;
  background-color: rgb(102,51,17);
  margin: 0;
  padding: 0.26ex 10px;
}

.headerTitle {
  font-size: 300%;
  margin: 0;
  padding: 0;
  
}

.headerSubTitle {
  font-size: 75%;
  font-weight: normal;
  font-style: italic;
  margin: 0 0 1ex 0;
  padding: 0;
}

.headerLinks {
  text-align: right;
  margin: 0;
  padding: 0 0 2ex 0;
  position: absolute;
  right: 1.5em;
  top: 3.5em;
}

.headerLinks a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
  padding: 0 0 0.5ex 0;
  display: block;
}

.headerLinks a:hover {
  color: rgb(195,196,210);
  background-color: transparent;
  text-decoration: underline;
}

.subHeader {
  color: #B59B8A;
  background-color: rgb(234,221,199);
  margin: 0;
  padding: 0.5ex 10px;
}

.subHeader a, .subHeader .highlight {
  color: white;
  background-color: transparent;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 0 0.25ex 0 0;
}

.subHeader a:hover, .subHeader .highlight {
  color: rgb(255,255,0);
  background-color: transparent;
  text-decoration: none;
}


/* ##### Main Copy ##### */

#main-copy {
  margin: 0;
  padding: 0.5em 10px;
  clear: left;
}

#main-copy h1 {
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 200%;
  margin: 0;
  padding: 0;
}

#main-copy h2 {
  color: rgb(61,92,122);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 151%;
  margin: 0;
  padding: 1ex 0 0 0;
}

#main-copy p {
  line-height: 1.75em;
  margin: 1em 0 1.5em 0;
  padding: 0;
}

.newsHeading {
  color: rgb(61,92,122);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 145%;
  text-decoration: none;
  margin: 0;
  padding: 1ex 0 0 0;
  display: block;
}

.newsHeading:hover {
  color: rgb(117,144,174);
  background-color: transparent;
  text-decoration: underline;
}

.newsDate {
  font-style: italic;
  margin: 0 !important;
  padding: 0;
}

.newsSummary {
  margin: 1.5ex 0 2.5ex 0.75ex !important;
  padding: 0;
}

.more {
  text-align: right;
  margin: 0;
  padding: 0.5em 0;
}

.more a {
  color: rgb(61,92,122);
  background-color: transparent;
  font-size: 92%;
  text-decoration: underline;
  margin: 0;
  padding: 0.25ex 0.75ex;
}

.more a:hover {
  color: rgb(117,144,174);
  text-decoration: none;
}

.rowOfBoxes {
  clear: both;
}

.quarter, .oneThird, .half, .twoThirds, .fullWidth {
  margin: 1em 0;
  float: left;
  border-left: 1px solid rgb(204,204,204);
}

.quarter {
  width: 21%;
  padding: 0 1.9%;
}

.oneThird {
  width: 28%;
  padding: 0 1.9%;
}

.half {
  text-align: justify;
  width: 46%;
  padding: 0 1.9%;
}

.twoThirds {
  text-align: justify;
  width: 63%;
  padding: 0 1.9%;
}

.fullWidth {
  text-align: justify;
  width: 96%;
  padding: 0 1.2em;
  border-left: none;
}

.filler {  /* use with an empty <p> element to add padding to the end of a text box */
  border: 1px solid white;
}
 
.noBorderOnLeft {
  border-left: none;
}

.dividingBorderAbove {
  border-top: 1px solid rgb(204,204,204);
}

/* More elegant alternatives to .noBorderOnLeft & .dividingBorderAbove
 * that don't require the creation of new classes - but which are not
 * supported by MSIE - are the following:
 *
 * .rowOfBoxes > div:first-child {
 *   border-left: none;
 * }
 *
 * .rowOfBoxes + .rowOfBoxes {
 *   border-top: 1px solid rgb(204,204,204);
 * }
 */


/* ##### Footer ##### */

#footer {
  color: rgb(51,51,102);
  background-color: rgb(239,239,239);
  font-size: 87%;
  text-align: center;
  line-height: 1.25em;
  margin: 2em 0 0 0;
  padding: 1ex 10px;
  clear: left;
}

#footer a {
  color: rgb(0,68,204);
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}



/*                    PAGE HEADER        */
div#MiniHeader
{
width: 100%;             
padding: 0.2em 0em 0em 0em;  /* top right bottom left; else top+bottom, L+R */
margin: 0;
background-color: #EADDC7; 
}

div#MiniHeader img
{
padding-left: 17px;
padding-right: 20px;
}

div#MiniHeader td
{
padding: 5px;
margin: 0;
}

div#MiniHeader .etitle1
{
padding-top: 0;
padding-bottom: 8px;
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
font-weight: 900;
font-family: sans-serif;
color: green;
}

div#MiniHeader .etitle2
{
margin-top: 2px;
margin-bottom: 0;
font-size: 1.6em;
font-weight: 700; 
font-family: sans-serif;
color: white;
}

.printfra
{
color: black;
padding: 0mm; /* 15px 5mm 0 0  lines up with homeicon bottom */
}

.lt{ float: left;}
.rt{ float: right;}

table.timetable td
{
padding: 1px 7px;
vertical-align: top;
}

div#personrc
{
float: right;
max-width: 35%;
text-align: center;
vertical-align: bottom;
font-size: smaller;
font-family: italic;
margin: 10px;
margin-left: 15px;
}


div#personlc
{
float: left;
max-width: 35%;
text-align: center;
vertical-align: bottom;
font-size: smaller;
font-family: italic;
margin: 5px;
margin-right: 15px;
}

div#person 
{
width: 80%;
float: right;
text-align: right;
vertical-align: bottom;
margin: 5px;
}

div#person2
{
float: left;
text-align: left;
vertical-align: bottom;
margin: 5px;
}
.l
{
float: right;
}

div#person2x
{
width: 75%;
float: left;
}

div#person img
{
float: right;
margin: 0px 15px;
vertical-align: top;
}

div#natreps img
{
vertical-align: text-top;
}
div#person2 img
{
float: left;
margin: 0px 15px;
vertical-align: top;
}

div#person2x img
{
float: left;
margin: 15px 35px 50px 15px;
vertical-align: text-top;
}

.textrt
{text-align: right;}

.toph3
{font-size: large;
font-weight: 900;
line-height: 0.3;
}

div#boxc
{
float: center;
width: 80%;
padding: 15px;
padding-top: 1px;
clear: both;
border-color: #cccc66;
}

div#smallboxc
{
float: center;
width: 65%;
padding: 12px;
padding-top: 1px;
clear: both;
border-color: #cccc66;
}

div#boxright
{
float: right;
width: 80%;
padding: 15px;
padding-top: 1px;
clear: both;
border-color: #cccc66;
}


div#boxleft
{
float: left;
width: 80%;
padding: 5px;
padding-top: 1px;
clear: both;
border-color: #999966;
}

.searchbutton
{
min-width: 7em;
}

.homeicon 
{
height: 32px;
width: 25px;
}

a.homeicon 
{
text-decoration: none;
color: #000;     /* else get links colours */
border-style: none; 
padding: 0mm 2mm 0 2mm;
margin: 0 32px 0mm 2mm;
float: right;
}

/*                    ROBOT OF THE WEEK     (only home page)       */

div#RobotOfWeek 
{
float: left;
width: 20%;
margin: 0.4em;
padding-bottom: 0.5em;
padding-right: 0.5em;
background-color: #ffe;  /* same as main page */
color: green;
text-align: center;
}

div#RobotOfWeek img a
{
border-style: solid;
border-color: green;
}

div#RobotOfWeek img a:hover 
{
border-style: solid;
border-color: blue;
}

div#RobotGalleryDiv
{
text-align: center;
}


div#robimage
{
width: 150px;
float: left;
margin: 1em;

}

div#robimage img 
{
border-style: groove;
}


/*                    WHOLE   PAGE             */

div#WholePage
{
min-height: 33em;
background-color: #FFF;
font-size: medium;
position: absolute;
top: 0; left: 0;
width: 96%;
color: black;
margin: 0;
padding-left: 2%;
padding-right: 2%;
}

/*                    PAGE CONTENTS           */

div#MainPage

{
clear:right;
}

div#picleft
{ 
float: left;
width: auto;
margin: 0.4em;
padding-bottom: 5px;
padding-right: 15px;
background-color: #ffe;  /* same as main page */
color: green;
font size: smaller;
text-align: center;
}


div#picright
{ 
clear: left;
float: right;
width: auto;
margin: 0.4em;
padding-bottom: 5px;
padding-left: 0.5em;
background-color: #ffe;  /* same as main page */
color: green;
font size: smaller;
text-align: center;
}


div#natrepmap        /* faces of natreps on map pages */
{ 
float: right;
width: auto;
margin: 0.4em;
padding-bottom: 5px;
padding-left: 0.5em;
background-color: #ffe;  /* same as main page */
}

div#piccenter
{ 
clear: both;
float: center;
width: 90%;
margin: 0.4em;
padding-bottom: 5px;
padding-left: 0.5em;
background-color: #ffe;  /* same as main page */
color: green;
font size: smaller;
text-align: center;
}
p.title
{
font-weight: 900;
font-size: xx-large;
}
.eutitle
{
font-weight: 700;
font-size: x-large;
}
.subtitle
{
font-weight: bolder;
font-size: x-large;
color: navy;
}
.eusubtitle
{
font-weight: bolder;
font-size: x-large;
color: navy;
}
.subsubtitle
{
font-weight: bolder;
font-size: large;
color: navy;
}
p.subtitle a:link {color: navy;}

.eusubsubtitle
{
font-weight: bolder;
font-size: large;
color: #663311;
}
p.subtitle a:link {color: navy;}
.eusubtitle a:link {color: navy;}
.eusubsubtitle a:link {color: navy;}

p.top
{
font-weight: lighter;
font-size: small;
color: #999;
}

hr
{
 width: 75%;
 align: center;
}

span.email
{
color: #099;
}

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

.fancy li
{
/* list-style-position: inside;*/
border-style: groove;
padding: 1em 0em 1em 1em;
margin: 0.5em;
}

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

.indented li
{
padding: 0em 0em 0em 0.5em;
margin: 0 0 0 1.5em;
}

.spindented li
{
padding: 0em 0em 1em 0.5em;
margin: 0 0 0 0.5em;
}

.vspaced li
{
padding: 0.5em 0em 0.5em 0em;
margin: 0.5em 0em 0.5em 0em;
}


a.ilink
{
color: #630; 
}

a.elink
{
color: #06c;
}

a.ilink:visited
{
color: #630; 
}

a.rickslink
{
color: #eaddc7; 
}

a.rickslink:visited
{
color: #eaddc7; 
}

a.elink:visited
{
color: #63c;
}
a:hover
{
color: #EADDC7;
}

a:visited:hover
{
color: #b59b8a;
}

/*                    NAVIGATION BAR          */
div#NavBarListDiv
{
float: right;
width: 50mm;
background-color: ffe; /* #393;*/
margin: -0.5em 0em 1em 1em; 
padding: 0.2em 0em 0em 0em; 
    /* top right bottom left; else top+bottom, L+R */
border-style: solid;
border-width: 1px;
/* -moz-border-radius: 0.8em; */

font-family: sans-serif;
}

.NavBarList
{
margin: 0em;
padding: 2mm 0mm 2mm 3mm; 
font-size: 0.8em;
border-top: solid;
border-width: 1px;
}

.nbtop
{
list-style-type: none;
padding: 0.2em 0em 0.2em 0em;
}

.nbtopa
{
color: black;
}

.nbsub
{
font-weight: normal;
list-style-type: none;
margin:  0mm 0mm 0mm -5mm;
}

/*                    MINOR NAV BAR        */

div#UsefulBitsTable, table#UsefulBitsTable2
{
float: right;
padding: 0em;
margin: 0em ;
margin-left: 5px;
margin-top: 0;
/* cellspacing and cellpadding don't work here */
color: #000;
font-family: sans-serif;
text-align: center;
empty-cells: hide; 
}

div#UsefulBitsTable
{
font-size: 0.7em;
width: 25em;
 }

div#UsefulBitsTable2
{
font-size: 0.8em; 
width: 20em;
}

p.searchbox
{
/* width, margin do nothing */
float: right;
font-family: monospace;
font-size: 0.7em;
 background-color: #fff !important;
border: solid;
border-color: green;
height: 2em;  /* affects only .searchbox if put in table td*/
min-height: 5mm;
padding: 3mm 2mm 0 2mm;
margin: 0 5mm 5mm 3mm;
vertical-align: center;
}

div#bottom
{
width: 98%;
font-size: 0.7em;
font-weight: 500; 
font-family: sans-serif;
}

div#bottom ul
{
clear: both;
padding: 0.2em 0.1em 0.2em 0.1em; 
margin: 0.5 0;
}

div#bottom li
{
width: 20%;
padding: 0.2em 1em ;
list-style-type: none;
float: left;
background-color: #eaddc7;
text-align: center; 
}