/*

Colours:

dark blue: #24304B
medium blue: #45516D
light blue: #DDE7E9

*/


html { height: 100.02%; }
/*html { min-height: 1280px; }*/

/* Body HTML style */
body
{
/*background-color: #DDE7E9;*/
background-color: white;
}

/* div.container is used as the parent container of all div areas on this page */
div.container
{
background-color: #45516D;
width:900;
margin:0px;
padding: 0 0 0 0;
border:1px solid #45516D;
}

/* div.titlebar is used for the main logo and title area */
div.titlebar
{
background-color: #24304B;
width: 884;
height: 125;
margin: 8px;
padding: 1px 0 0 0;
font-family: arial;
font-size: 24pt;
font-weight: bold;
color: white;
text-align: center;
vertical-align: middle;
}

/* div.buttons is the area for the site navigation buttons */
div.buttons
{
background-color: #45516D;
width: 884;
margin: 0 8px 0 8px;
padding: 0px 0 0 0;
font-family: "Trebuchet MS",arial;
font-size: 10pt;
font-weight: bold;
color: white;
text-align: left;
vertical-align: middle;
}

/* div.projectnav defines the area for the project navigation bar */
div.projectnav
{
background-color: white;
width: auto;
margin: 0px 8px 1px 8px;
padding: 4px 8px 4px 8px;
font-family: "Trebuchet MS",arial;
font-size: 8pt;
font-weight: bold;
color: black;
text-align: left;
vertical-align: right;
}

/* div.project is an area for a single project on the projects page */
div.project
{
background-color: white;
width: auto;
height: auto;
border-style: solid;
border-color: #45516D;
border-width: 1px 1px 1px 1px;
margin: 0px 8px 8px 8px;
font-family: arial;
font-size: 12pt;
color: black;
text-align: left;
vertical-align: top;
}

/* div.content defines the container for all actual content of the site */
div.content
{
background-color: white;
width: auto;
margin: 0px 8px 8px 8px;
padding: 16px 48px 16px 48px;
font-family: arial;
font-size: 10pt;
color: black;
text-align: justify;
}

/* (IN PROGESS) div.projectcontents will be an area for a projects table of contents */
div.projectcontents
{
background-color: white;
border-style: solid;
border-color: #45516D;
border-width: 1px;
width: 250;
height: auto;
margin: 2px 2px 2px 2px;
padding: 8px 8px 8px 8px;
font-family: arial;
font-size: 10pt;
color: black;
text-align: justify;
vertical-align: left;
}

/* (IN PROGESS) div.projectcontributors will be an area to list project authors etc */ 
div.projectcontributors
{
background-color: green;
width: 350;
margin: 0px 8px 8px 8px;
padding: 16px 48px 16px 48px;
font-family: arial;
font-size: 10pt;
color: black;
text-align: justify;
vertical-align: right;
}

/* div.footer is used to define the area for dispalying the footer text */
div.footer
{
background-color: #24304B;
width: 884;
height: auto;
margin: 8px;
padding: 1px 1px 1px 1px;
font-family: arial;
font-size: 8pt;
font-weight: bold;
color: white;
text-align: center;
vertical-align: middle;
}

/* Some defines for heading styles */

h1 {
font-weight: bold;
font-size: 24pt;
}

h2 {
font-weight: bold;
font-size: 18pt;
}

h3 {
font-style: italic;
font-weight: bold;
font-size: 16pt;
}

h4 {
font-weight: bold;
font-size: 12pt;
}

/* h1.obvg is just used for the OBVG title */
h1.obvg
{
font-family: arial;
font-weight: bold;
font-size: 24pt;
}

/* 
  img.titleimage is used to define properties for the logo image
  Note: also used for project images on the projects page 
*/
img.titleimage
{
vertical-align:middle;
margin:8px;
padding: 0 0 0 0;
}

img.projecttitleimage
{
vertical-align:middle;
margin:8px;
padding: 0 0 0 0;
}


/* Style defines for the site navigation bar links follow */

/* normal/hover/visited styles*/
#navbuttons a { 
color: #dde7e9;
text-decoration: none; 
font-weight:bold;
margin: 0px;
padding: 2px 15px;
}
#navbuttons a:visited {color:#dde7e9;}
#navbuttons a:hover {color: #24304b; background-color: #dde7e9;}
/* activelink is used to flatten a site nav link when that page is active */
#activelink
{
background-color: white;
color: black;
padding: 2px 15px;
/*padding: 0 4px 0 4px;*/
}
#activelink a:visited {color:black;}

/* link style defines for the project nav bar */
#projectnavbuttons a { 
color: #45516D;
text-decoration: none; 
font-weight:bold;
margin: 0px 0px 0px 0px;
padding: 4px 4px 0px 0px;
}
#projectnavbuttons a:visited {color:#45516D;}
#projectnavbuttons a:hover {color: #45516D; text-decoration: underline;}

#activeprojectlink
{
/*background-color:white;*/
color:black;
padding: 2px 15px;
margin: 8px 8px 8px 0px;
padding: 0 4px 0 4px;
}

/* General link style class definitions */

/*
a.anchor {
color: default;
text-decoration: none; 
}

a.anchor:visited {
color: default;
color: blue;
}

a.anchor:hover {
color: default;
text-decoration: none;
}
*/

a.blue {
color: blue;
text-decoration: none; 
}

a.blue:visited {
color: blue;
}

a.blue:hover {
text-decoration: underline;
}

a.navy
{
color: #45516D;
text-decoration: none;
}

a.navy:visited {
color: #45516D;
}

a.navy:hover {
color: #45516D;
text-decoration: underline;
}

a.blue
{
color: blue;
text-decoration: none;
}

a.blue:visited {
/*color: blue;*/
color: #45516D;
}

a.blue:hover {
color: blue;
text-decoration: underline;
}

a.navybold
{
color: #45516D;
font-weight:bold;
text-decoration: underline;
}

a.navybold:visited {
color: #45516D;
}

a.navybold:hover {
color: #45516D;
text-decoration: none;
}

/* Style definitions for publication table follows */

table.publications {
font-family: arial;
font-size: 10pt;
color: black;
text-align: justify;
}

/* Style definitions for code table follows */
table.code {
font-family: arial;
font-size: 10pt;
color: black;
text-align: left;
}

div.publication {
background-color: white;
border-style: solid;
border-color: #45516D;
border-width: 0px;
width: auto;
height: auto;
margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 2px;
font-family: arial;
font-size: 10pt;
color: black;
text-align: justify;
vertical-align: left;
}

div.publicationfiles {
background-color: #DDE7E9;
border-style: solid;
border-color: #45516D;
border-width: 0px;
width: auto;
height: auto;
margin: 4px 0px 2px 0px;
padding: 2px 2px 2px 2px;
font-family: arial;
font-size: 10pt;
color: black;
text-align: right;
vertical-align: left;
}

div.talk
{
background-color: white;
border-style: solid;
border-color: #45516D;
border-width: 1px;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: arial;
font-size: 10pt;
color: black;
text-align: left;
vertical-align: middle;
}

div.talktitle
{
background-color: #DDE7E9;
border-style: solid;
border-color: #45516D;
border-width: 0px 0px 0px 0px;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 4px 4px 4px 4px;
font-family: arial;
font-size: 10pt;
color: black;
text-align: left;
vertical-align: left;
}

div.talkheading
{
background-color: #DDE7E9;
border-style: solid;
border-color: #45516D;
border-width: 0px 0px 0px 0px;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 4px 4px 4px 4px;
font-family: arial;
font-size: 10pt;
color: black;
text-align: left;
vertical-align: left;
}

img.javabtn
{
cursor: pointer;
}

div.talkinfo
{
background-color: white;
border-style: solid;
border-color: #45516D;
border-width: 1px 0px 0px 0px;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 4px 4px 4px 4px;
font-family: arial;
font-size: 10pt;
color: black;
text-align: left;
vertical-align: left;
}



label span
{
  float: left;
  width: 5em;
}