/* basic layout - page width notionally 860 (sidebar 140, content 720 ) */

/* IMAGES ----------------------------------------------------------- */
img {
  border:0;
}
img.float_right{
  width: 200px;  
  float: right;
  margin: 0.25em;
  border: 1px solid #888888;
}
img.float_right_p{
  height: 200px;  
  float: right;
  margin: 0.25em;
  border: 1px solid #888888;
}
img.float_r{  
  float: right;
  margin: 0.25em;
}
img.float_left{
  width: 200px;  
  float: left;
  margin: 0.25em;
  border: 1px solid #888888;
}
img.float_left_p{
  height: 200px;  
  float: left;
  margin: 0.25em;
  border: 1px solid #888888;
}

/* Default style for links, added by WB */
a {  
  text-decoration: none; 
}
a:hover {  
  text-decoration: underline; 
}

/* BOXES ------------------------------------------------------------ */
/* NEW - not sure they work properly see lelr.css */
div#infobox {
  align: center;
  width: 400px;
  /*margin-left: auto;
  margin-right: auto;*/
  text-align: center;
  padding: 0.2em 0.2em 0.2em 0.2em;
  background-color: #ddddff;
  color: black;
  border: 2px solid #102873;
}
div#browsebox {
	float: right;
	width: 140px;
	border: 1px #888888 solid;
	background: #ddddff;
	/*  colour: black;*/
  font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
	line-height: 1.5em;
	margin: 0.25em 0.25em 0.25em 0.25em;
	padding: 4px 4px 8px 4px;
}
/* PROBLEM? see content h1 */
div#browsebox h1 {
  background: #102873;
  color: white;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 8pt;
  margin: -4px -4px 4px -4px;
  border: 0px;
  padding: 2px 2px 2px 2px;
} 
div#browsebox h2 {
  font-size: 10pt;
  padding: 6px 2px 2px 0px;
  margin: 0px 0px 0px 0px;
}

div#browsebox ul {
text-align: left;
list-style: none;
margin: 0;
padding: 0;
}



#browsebox li a:link, #browsebox li a:visited
  {
	display: block;
	padding: 0.4em 0.2em 0.4em 0.2em;
}

a.bboxlink:hover { /* current TOGO */
	/*display: block;*/
	/*padding: 0.4em 0.2em 0.4em 0.2em;*/
	background-color:#000099;
	color:#FFFFFF;
	text-decoration: none;  
}

.bboxat {
	display: block;
	padding: 0.4em 0.2em 0.4em 0.2em; 
	background-color:#FFFF99;
  color:#990000;
}

a.bboxat:hover {
	display: block;
	padding: 0.4em 0.2em 0.4em 0.2em; 
	background-color:#FFFF99;
  color:#990000;
  text-decoration: underline;
}



/* TABLES ------ WHY NOT DEFAULT? ---------------------------------- */

table.full_size {
  border: 0px;
  padding: 0px;
  margin: 0px;
/*width: 600;*/
}

/* BANNER ----------------------------------------------------------- */
div#banner { /* background image with links on top */
  height: 84px;
  width:880px;
  background-image: url(/images/banner.jpg); 
  clear: both;
  font-family: Helvetica, Arial, sans-serif;
/*  text-align:clear;*/
  color:#666666;
 }

#banner_crest { /* crest image map */
  position: absolute;
  top: 4px;
  left: 4px;
  width: 70px;
  height: 70px;
}
#banner_uoe {  /* UoE image map */ 
  position: absolute;
  top: 10px;
  left: 84px;
  width: 236px;
  height: 15px;
 }
#banner_lel {  /* LEL image map */
  position: absolute;
  top: 46px;
  left: 84px;
  width: 250px;
  height: 18px;
}
#banner_ppls {  /* PPLS image map */
  position: absolute;
  top: 50px;
  left: 350px;
  width: 262px;
  height: 14px;
 }

div#bannerlink { /* right links */
  position: relative;
  left: 730px;
  top:0.75em;
/*  clear: right;*/
 width: 130px;
  display: block;
/*  font-size:smaller;*/
  font-size: 8pt;
/*  line-height:10pt;*/
  line-height:1em;
  font-family: Helvetica, Arial, sans-serif;
  color:white;
  text-decoration:none;
  padding: 1px;*/
  padding-right:0.25em;
}

div#bannerlink a {
  color: white;
  text-decoration: none;
}
div#bannerlink a:hover {  
  color: white; 
  text-decoration: underline; 
}

.banner { /* current TO GO */
  font-family: Helvetica, Arial, sans-serif;
}

.bannerright { /* current TO GO */
  display:block;
  font-size:8pt;
  font-family: Helvetica, Arial, sans-serif;
  color:white;
  line-height:1em;
  padding-right:0.25em;
  text-decoration:none;
}
a.bannerright:hover { /* current TO GO */
  background-color:#0099ff;
  text-decoration:none;
  color:white;
}

.bannerlocal { /* current */
  border-bottom:2px solid red;
  font-size:0pt;
}


/* BODY ------------------------------------------------------------- */

/*body { NEW */
/*position: static;*/
/*border: 0px;*/
/*margin: 0px;*/
/*}*/

.body { /* current TO GO */
  background:white;
  /*width:80%;*/
}

div#body { /* NEW */
  background: #102873;
 /* width=860px;*/
}


/* LEFT SIDE ------------------------------------------------------- */

div#sidebar { 
  width: 140px;
  float: left;
  background: #888888;
  color: white;
  font-family: Helvetica, Arial, sans-serif;

}

div#sidebar ul {
text-align: left;
list-style: none;
margin: 0;
padding: 0;
}



.sidenavtitle { /* current TOGO */
	display:block;
	height: 1.2em;
	padding: 0.2em 0.2em 0.2em 0.4em;
	 text-decoration:none;
  color:white;
  padding-right:0.25em;
  background-color:#102873;
  border-top:1px solid #aaaaff;	
}

.sidenavtitleat { /* current TOGO */
	display:block;
	height: 1.2em;
	padding: 0.2em 0.2em 0.2em 0.4em; 
	text-decoration:none;
  background-color:#FFFF99;
  border-top:1px solid #aaaaff;
  color:#990000; 
}

a.sidenavtitle:hover { /* current TOGO */
  background-color:#d0d0ff;
  color:#0000ff; 
   text-decoration:none;
}


.sidenav { /* current TOGO */
	display:block;
	height: 1.2em;
	padding: 0.2em 0.2em 0.2em 1.4em;
	 text-decoration:none;
  color:white;
  padding-right:0.25em;
  background-color:#102873;
  border-top:1px solid #aaaaff;	
}

.sidenavat { /* current TOGO */
	display:block;
	height: 1.2em;
	padding: 0.2em 0.2em 0.2em 1.4em; 
	text-decoration:none;
  background-color:#FFFF99;
  border-top:1px solid #aaaaff;
  color:#990000; 
}

a.sidenav:hover { /* current TOGO */
  background-color:#d0d0ff;
  color:#0000ff; 
   text-decoration:none;
}



.nav { /* navigation */
  font-size: 10pt;
}

.nav a {   
  background: #102873;
  color: white;
 display: block;
  border: 1px;
  margin: 1px 0px 1px 0px;
  padding: 4px 0px 4px 10px;
  text-decoration: none;
}
.nav a:hover {
  background: #0099ff;
  color: white;
}

div#navsep { /* blank separator */
  background: #102873;
  color: white;
  display: block;
  padding: 2px 0px 4px 0px;
  height: 2.5ex;
}

div#navpad { /* padding for the bottom of short sidebars */
  background: #102873;
  color: white;
  display: block;
  padding: 2px 0px 4px 0px;
  height: 200px;
}

div#left {
  width: 140px;
  float: left;
  }

.left { /* current TOGO */
  font-family: Helvetica, Arial, sans-serif;
 line-height:1.25em;
  background-color:#102873;
  text-indent:0.25em;
  border-bottom:1px solid #aaaaff;
}
.leftnav { /* current TOGO */
  display:block;
  text-decoration:none;
  color:white;
  border-top:1px solid #aaaaff;
  padding-left:1em;
  padding-right:0.25em;
  background-color:#102873;
}
.leftnavat { /* current TOGO */
  display:block;  
  text-decoration:none;
  background-color:#d0d0ff;
  border-top:1px solid #aaaaff;
  color:#0000ff;
  padding-left:1em;
  padding-right:0.25em;
}
.leftnavtitle { /* current TOGO */
  display:block;
  text-decoration:none;
  color:white;
  padding-right:0.25em;
  background-color:#102873;
  border-top:1px solid #aaaaff;
}
.leftnavtitleat { /* current TOGO */
  display:block;  
  background-color:#d0d0ff;
  color:#3333ff;
  text-decoration:none;
}
.leftnavlocal { /* current TOGO */
  color:red;
  text-decoration:none;
  display:block;
  border-top:1px solid #aaaaff;
  background-color:#102873;
}
/* current TOGO */
a.leftnav:hover,
a.leftnavtitle:hover,
a.leftnavlocal:hover, {
  background-color:#0066ff;
  color:white;
}
.leftrestitle { /* current TOGO */
  color:white;  
  padding-right:0.25em;
  background-color:#102873;
}
.leftres { /* current TOGO */
  font-size:smaller;
  display:block;
  text-decoration:none;
  color:white;
  padding-right:0.25em;
  background-color:#102873;
}
.leftressub { /* current TOGO */
  font-size:smaller;
  display:block;
  text-decoration:none;
  color:white;
  padding-left:1em;
  padding-right:0.25em;
  background-color:#102873;
}
/* current TOGO */
a.leftnav:hover,
a.leftnavtitle:hover,
a.leftnavlocal:hover,
a.leftnavlocaltitle:hover,
a.leftres:hover,
a.leftressub:hover {
  background-color:#0066ff;
  color:white;
}


/* CONTENT ---------------------------------------------------- */
div#content {
  width: 720px;
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin-left: 140px; /* for sidebar */ 
  background: white;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  text-decoration: none;
  min-height: 400px;
}




/* NEW - these may be interfering with browsebox */
/*div#content h1{ font-size: 18pt; text-align: center;}*/
/*div#content h2{ font-size: 16pt; }*/
/*div#content h3{ font-size: 14pt; }*/
/*div#content h4{ font-size: 12pt; }*/

.content { /* current TOGO */
/*width:680px;*/
  padding-left:1em;
  padding-right:1em;
  padding-top:1em;
  padding-bottom:1em;
  text-decoration:none;
}


/* FOOTER ----------------------------------------------------------- */
div#footer {
  border-top:0.25em solid #102873;
  font-family: Helvetica, Arial, sans-serif;
  padding-top:0.25em;
  font-size:smaller;
  color:#333333;
}