/*
Colours used: (use hex to comply with CSS validation)
- darkred: #8b0000;
- antiquewhite: #faebd7;
- brown: #a52a2a;
- beige: #f5f5dc;
- ivory: #fffff0;
- lightyellow: #ffffe0;
*/


body {margin:0;background-color:#fff;font-family:Verdana,Arial,sans-serif;font-size:120%;}
h1 {font-family:Tahoma,Verdana,Arial,sans-serif;font-size:200%;font-weight:bold;display:inline;}
h1 a {color:white;text-decoration:none;}
h3 {font-family:Tahoma,Verdana,Arial,sans-serif;font-size:120%;font-weight:bold;margin-bottom:0px;}
h4 {font-family:Verdana,Arial,sans-serif;font-weight:bold;margin-top:0px;margin-bottom:0px;}
h5 {font-family:Verdana,Arial,sans-serif;font-weight:bold;margin-top:0px;margin-bottom:0px;}
p {}
td {font-family:Arial,sans-serif;font-size:80%;}
a {color:#8b0000;}
img {border:1px solid #444;}

.noBorder img {border:none;};

.link {
  color:#8b0000;
  text-decoration:underline;
  cursor:pointer;
}

.sig {background-color:#faebd7;}

/* PAGE HEADER */
#top {
 height:30px;
 width:100%;
 background-image: url("Images/morriswallpaper.jpg"); 
}

#header {
  background-color: #a52a2a;
  color: white;
  border-bottom: 5px solid #8b0000;
  padding-left:10px;
}

/* NAVIGATION BAR */
#navigation {
  background-color: #f5f5dc;
  color: #8b0000;
  font-family:Verdana,sans-serif;
  font-size:70%;
  padding:0;
  margin-top:0;  
  padding-left:10px;
  padding-right:10px;
  text-align:right;
}
#navigation a {
  padding-left:5px;
  padding-right:5px;
}
#navigation p {
}
#navigation ul {
  display:inline;
}
#navigation li {
  display:inline;
  list-style-type: none;
  padding-bottom:5px;
}
#navigation li a:link{
  text-decoration:none;
}
#navigation li a:visited{
  text-decoration:none;
}
#navigation li a#current{
 background-color:#8b0000;
 border-bottom: 5px solid #a52a2a;
 color:white;
 text-decoration:none;
}
#navigation li a:hover
{
  color: #8b0000;
  background: white;
  border-bottom: 5px solid #8b0000;
}

/* SEARCH */
#search {
  position:absolute;
  top:35px;
  right:5px;
}
.searchForm{
  display:inline;
  margin-bottom:0px;
}
.searchElement {
  font-size:6pt;
  border:1px solid #f5f5dc;
  width:100px;
}
.searchButton {
  margin-left:1px;
  color:#8b0000;
  background-color:#f5f5dc;
  font-size:6pt;
  width:60px;
}



/* PAGE TITLE */
#pagetitle {
  background-color: #f5f5dc;
  color: #8b0000;
  border-bottom: 1px solid #8b0000;
  padding-left:10px;
}
#pagetitle p {
  font-family:Verdana,sans-serif;
  font-size:110%;
  font-weight:bold;
  display:inline;
}

/* MAIN CONTENT */
#main {
  position:relative;
}

#content {
  background:#fff;
  float:left;
  width:70%;
  border-right:1px solid #8b0000;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:5px;
}
#content ul li {
  font-family:Verdana,Arial,sans-serif;
  font-size:70%;
  padding-bottom:5px;
  margin-left:-25px;
}
#content ol li {
  font-family:Verdana,Arial,sans-serif;
  font-size:70%;
  padding-bottom:5px;
  margin-left:-25px;
}
#content p {
  font-family:Verdana,Arial,sans-serif;
  font-size:70%;
  padding-bottom:0px;
  margin-bottom:0px;
}
#content h3{
  font-size:100%;
  color:#8b0000;
  border-bottom:1px solid #8b0000;
}
#content h4{
  font-size:90%;
  color:black;
}
#content h5{
  font-size:80%;
  color:black;
}

/* RIGHT SIDE NAVIGATION */
#right{
  margin-left:72%; /*to clear content*/
  padding:10px;
  font-size:70%;
}
#right p {
  margin-top:0px;
  margin-bottom:5px;
  border-top:1px dotted #888888;
}

#left{
  float:left;
  background:#fff;
  padding-right:10px;
  padding-left:10px;
  padding-top:10px;
  padding-bottom:20px;
  font-size:70%;
  width:100%;
}

/* PAGE FOOTER */
#bottom {
  clear:both;
  width:100%;
  border-top:1px solid #8b0000;
  color:gray;
  font-size:60%;
}
#bottom p {margin:0;padding:0}

#loginForm {display:inline;}

.imgLeft{float:left;padding-right:0.5em;}
.imgRight{float:right;padding-left:0.5em;}

#rightHdr{
  background-color:#fffff0;
  color:#8b0000;
}

.imagelinks{
  width:100%;
  text-align:center;
}

.linklist {
  font-family:Verdana,sans-serif;
  width:95%;
  margin-bottom:10px;
}

.linklist h2 {
  font-weight:bold;
  font-size:100%;
  color:#8b0000;
  background-color:#f5f5dc;
  border: 1px solid #8b0000;
  padding:1px;
  width:95%;
  margin:0;
}

.linklist ul {
  margin: 0; 
  padding: 0;
  list-style-type: none;
}

.linklist li {

}

.linklist img {border: none;}

.linklisthead {
  font-weight:bold;
  font-size:100%;
  color:#8b0000;
  background-color:#f5f5dc;
  border: 1px solid #8b0000;
  padding:1px;
  width:100%;
}
.linklistbody {
}

.loginBox {margin:5px;}
.formInput {font-size:6pt;}
.formInputBox {font-size:6pt;border:solid 1px #8b0000;}

.icon {height:100px;vertical-align:top;}

#letter{
  border: 1px solid #8b0000;
  margin-top:10px;
  margin-left:20px;
  margin-right:20px;
  margin-bottom:10px;
  padding:10px;
  background-color:#ffffe0;
}
#letter p {
  font-size:small;
  font-family:Garamond,Times,serif;
}
#letterComments {
  border: 1px solid #8b0000;
  margin-top:10px;
  margin-left:20px;
  margin-right:20px;
  margin-bottom:10px;
  padding:10px;
  background-color:white;
}

/* FOR CV AND MSc PAGES */
#maincv {
  float:left;
  width:87%;
  background:#fff;
  border-right:1px solid #8b0000;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  padding-bottom:5px;
}
#maincv ul li {
  font-family:Verdana,Arial,sans-serif;
  font-size:70%;
  padding-bottom:5px;
  margin-left:-25px;
}
#maincv p {
  font-family:Verdana,Arial,sans-serif;
  font-size:70%;
  padding-bottom:0px;
  margin-bottom:0px;
}
#maincv h3{
  font-size:100%;
  color:#8b0000;
  border-bottom:1px solid #8b0000;
}
#maincv h4{
  font-size:90%;
  color:black;
}
#maincv h5{
  font-size:80%;
  color:black;
}

.inpostsidebox {
float:right;
width:200px;
border:1px solid #8b0000;
background-color:#f5f5dc;
}

.inpostsidebox h2 {
background-color:#8b0000;
color:#fff;
font-size:110%;
width:100%;
margin-top:0;
}