/* Stylesheet for DReaM webpages 
   currently very plain and basic. the idea is we can update it
   later and have all the pages look the same.
*/

/* Setting the background colour of pages */
BODY { 
background-color: #FFFFFF; 
font-family: arial, helvetica, sans-serif; 
font-size: 11pt;
color:#2F3F3F; 
} 

/* underline links only when hovering over them*/
A:link {text-decoration:underline; color: #483D8B;}
A:visited {text-decoration:underline; color:#004040;}
A:hover{ text-decoration:underline; }
A:active {text-decoration:none; color: #FF0000;}

DL {font-family: courier;
font-weight: 800;
color: #800000;}


H1,H2,H3,H4 { font-family: helvetica, arial, sans-serif;color: #2652B4;}

H1 {font-size: 20pt;
  font-weight: 800;
  border-bottom: 1px solid  #BBAAAA;
  text-align: center;
  color:#882222;
  margin-left:80px;
  margin-right:80px;
}

H2 {font-size: 18pt;
  font-weight: 700;
  border-bottom: 1px solid  #bbccbb;
}

H3 {font-size: 15pt;
  font-weight: 600;}
  
H4 {font-family: helvetica, arial, sans-serif;
font-size: 15pt;
font-weight:600;
}
 

/* for some subheadings */
.subheading {
  font-size: 18pt;
  font-family: helvetica, arial, sans-serif;
}

/* main part of the page - indented */
.page { 
  padding-left: 2em;
  padding-right: 2em;
}

.cfl { 
    clear: left;
}
.cfr { 
    clear: right;
}
.cfb { 
    clear: both;
}

.logo { 
/*  position: fixed; */
  text-align: center;
  float: right;
  top: 0;
  right: 0;
  width: 70px;
  bottom: auto;
  left: auto;
  margin-right: 4px;
  margin-left: 4px;
  margin-top: 0px;
  margin-bottom: 4px;
  background-color: #FFFFFF; 
/* border: 2px solid #669988; */
}

.logo-left { 
/*  position: fixed; */
  text-align: center;
  float: left;
  top: 0;
  right: 0;
  width: 70px;
  bottom: auto;
  left: auto;
  margin: 4px;
  background-color: #FFFFFF; 
/* border: 2px solid #669988; */
}


/* headers */
.linksheader { 
	background-color: #669988;
  margin: 0px;
  margin-right: 80px;
  padding: 5px;
  padding-left: 85px;
  text-align:center;
}

.linksheaderitem{
}

A.linksheaderitem:link {text-decoration:none; font-weight:bold; color:#FFFFFF;}
A.linksheaderitem:visited {text-decoration:none; font-weight:bold; color:#FFFFFF;}
A.linksheaderitem:hover{ text-decoration:underline; }
A.linksheaderitem:active {text-decoration:none; color: #FFDD00;}


/* footers */
.addrfooter { 
  padding: 4px;
  font-size: 9pt;
  border-top: 2pt solid #CCCCCC;
  margin-top: 15px;
}
.emailfooter { 
  padding: 4px;
  font-size: 9pt;
}
.copyrightfooter { 
  padding: 4px;
  font-size: 9pt;
}

.editbutton{ 
  float: right;
  clear: right;
  font-size: 8pt;
	background-color: #FFFFFF;
  margin: 0px;
  padding: 1px;
  padding-left: 5px;
  padding-right: 5px;
 	border: 1px solid #cccccc;
 	border-top: none;
}

li.blist{ 
  padding: 2px;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 2px;
 	border-top: 1px solid #aaaaaa;
}

li{ 
font-size: 11pt;
 }

.internal{
  padding: 0.2em;
	border: 3px solid #BBBBBB;
}

.external{ 
}

pre.indentcode{
    white-space:pre;
    padding: 0.2em;
    padding-left: 0.5em;
    margin-left: 1em;
    background-color: #EEEEEE; 
	  border: 1px solid #666666;
}