/*
 Original file by G Sinclair <gfs1@st-andrews.ac.uk>
 
 changes by Chris K <chrislab@biz.mightyreason.com> :
   add .left .right .col
   comment out all "font-size : xx pt;" entries
   change "arial" to "helvetica,arial,sans-serif"
*/

/* 
 Set default font in <body>, NOT in <p>. This lets up override using
 'class="serif"' in #content.
*/
body    {
	margin: 0px;
	background-color: #FFFFFF;
	font-family: helvetica,arial,sans-serif;
	}
	
img	{      
	border:0px;
	margin: 0px;
        padding:0px;
	}

div {
  border:0px;
  margin: 0px;
  padding:0px;
}

/* These 4 are older */
img.floatleft{float:left; margin-right:40px; margin-top:10px; margin-bottom:10px;}
img.floatright{float:right; margin-left:40px; margin-top:10px; margin-bottom:10px;}
/*
  img.logo{position: absolute; left: 10%; z-index:10;}
  img.crests{position: absolute; right: 10%; z-index: 0;}
*/

p	{
	text-align: left;
/*	font-size: 10pt;*/
	font-weight: normal;
	color: black;
	text-indent: 2em;
        margin:10px 0px 10px 0px;
        }

p.caption {
        text-indent: 10pt;
/*      font-size: 10pt;*/
        }
p.foot  {
        text-align:center;
/*      font-size: 8pt;*/
        font-size: 0.8em;
        clear:both;
}

p.just { text-align : justify;
       }
.just  p { text-align : justify;
         }

.left {
  float : left;
}
.right {
  float : right;
}
.leftimgcol img {
  margin-top : 10px;
}
.leftimgcol {
  float : left;
  display : block;
  width : 300px;
  border : 0px;
  margin : 0px 1em 1em 0px;
  padding : 0px;
}
.bare {
  margin: 0px;
  padding:0px;
}

/* pi is short for "principal investigator" */
.pi { font-size: 1.2em;
      position:relative; left:-10px;
      padding-left: 0em;
      padding-right: 2em;
    }
	
h1	{
        position:relative; left:-35px;
	text-align: left;
/*	font-size: 20pt; */
	font-weight: normal;
	font-family:"Times New Roman",serif;
	color:#00007E;
        margin:40px 0px 20px 0px;
        clear: both;
	}

h2	{
        position:relative; left:-20px;
	text-align: left;
/*	font-size: 16pt;*/
	font-weight: normal;
	font-family: "Times New Roman",serif;
	color:#00007E;
        margin:30px 0px 20px 0px;
        clear: both;
	}

h2.link {text-decoration: underline;}

h3{
  position:relative; left:50px;
  text-align: left;
/*  font-size: 12pt;*/
  font-weight: normal;
  font-family: "Times New Roman",serif;
  color:#00007E;
  margin:30px 0px 20px 0px;
  clear: both;
}

h3.link{text-decoration: underline;}

li{
  list-style-type:square;
  font-family:"Times New Roman",serif;
/*  font-size:12pt;*/
  font-weight:normal;
  color:#00007E;
}

#title {width: 800px; /* imgs' total width */
        height:100px; /* imgs' height */
        margin-left: auto;
        margin-right: auto;
        padding-left:0px;
        padding-right:0px;
       }
#content {
          width: 70%;
          padding: 0px;
          margin-left: auto;
          margin-right: auto;
         }
.serif {
          font-family:"Times New Roman",serif;
}

#menu {
       width: 800px; /* imgs' total width */
       border : 0px;
       padding : 0px;
       height:2.3em;
       margin-top: 0px;
       margin-right: auto;
       margin-bottom: 0px;
       margin-left: auto;
       clear:both;
       background-color:#808080;
     }
#menu a	{
        float : left;
        width : 200px;
        line-height : 1.8em;
	text-align:center;

/*	font-size: 14pt; */
 	font-size: 1.2em;
	font-weight: normal;
	font-family: helvetica,arial,sans-serif;
	text-decoration: none;  /* no underline */

	color: white;

        border : 0px;
        margin : 0px;
        padding : 0px;
	}
#menu a:hover {
    color: white;
    background-color : black;
}

