/* div */

#top {
background: #fff;
height: 170px;
width: 700px;
border-top: 1px;
border-right: 1px;
border-left: 1px;
voice-family: "\"}\"";
voice-family: inherit;
height: 119px;
}
html>body #banner {
height: 119px;
}

#content  {
background: #fff;
margin-left: 199px;
width: 500px;
border: 1px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
}
html>body #main {
margin-left: 201px;
} 

#sidenav {
position: absolute;
left: 10px;
top: 170px;
width: 190px;
border-right: 1px dotted silver; 
} 

#examples  {
background: #fff;
margin-left: 0;
width: 700px;
} 

#examplesfoot {
border-top: 1px dotted silver;
margin-top: 0;
width: 700px;
}


/* headings */

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: bold;
color: black;
background: white;
text-align: center;
margin-bottom: 2em;
margin-top: 2em;
} 

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
color: black;
background: white;
text-align: justify;
}


/* lists */

ul {
list-style: circle;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: black;
background: white;
text-align: left;
}

ol {
list-style: number;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: left;
}

ul.nav {
list-style: none;
padding: 5px;
margin: 10px;
margin-right: 0;
margin-bottom: 50px;
margin-top: 0;
border: 0;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: rgb(102, 102, 102);
}

ul.subnav {
list-style: none;
padding: 5px;
margin: 10px;
margin-right: 0;
margin-bottom: 0;
margin-top: 0;
border: 0;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: rgb(102, 102, 102);
}

li {
padding: 5px;
font-size: x-small;
}


/* p classes */

/* for the main text of pages */

p.main {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: justify;
}

p.center {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: center;
}

p.indent {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: justify;
margin-left: 1em;
margin-right: 1em;
}

p.footnote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: left;
}

/* for the main text in the footer */

p.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: gray;
background: white;
text-align: left;
}

p.examplesfoot {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: gray;
background: white;
text-align: left;
padding: 10px;
}


/* for boxed text on the events page */

p.news {
text-align: center;
width: 300px;
margin-left: 100px;
border: 1px dotted gray;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
padding: 10px;
}

/* for podcasts */
p.podcast {
text-align: justify;
margin-right: 30px;
margin-left: 30px;
border: 1px dotted gray;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
padding: 10px;
background: white;
}

/* links witin a news-flash */
a.podcastlink:link, a.podcastlink:visited {
color: gray;
background: white;
text-decoration: underline;
}

a.podcastlink:active, a.podcastlink:hover {
color: maroon;
background: white;
text-decoration: none;
}

/* for news-flash items on the home page */
p.splash {
text-align: center;
width: 300px;
margin-left: 100px;
border: 1px dotted gray;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: maroon;
padding: 10px;
background: white;
}

p.stoppress {
text-align: center;
width: 400px;
margin-left: 50px;
border: 1px dotted gray;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: normal;
color: maroon;
padding: 10px;
background: white;
}

span.black {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: normal;
color: black;
background: white;
}

span.strike {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
text-decoration: line-through;
font-weight: normal;
color: maroon;
background: white;
}

/* for 'go to project pages' */
p.projpage {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: gray;
background: white;
text-align: left;
}

p.projpagecentre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: gray;
background: white;
text-align: center;
}

/* for right-aligned photos of staff */

p.photo {
float: right;
border: 0;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: black;
background: none;
}

/* for 'back' links */

p.back {
text-align: right;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: black;
background: none;
}

/* for text of people profiles */

p.biog {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: left;
}

/* small-text centred captions for photos */

p.caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: black;
background: white;
text-align: center;
}

/* small-text left-aligned captions for screen shots */

p.ss {
border: 0;
padding: 10px;
background: none;
text-align: left;
font-size: x-small;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* anchors */

/* links in the side-bar navigation */
a.navlink:link, a.navlink:visited {
color: gray;
text-decoration: none;
font-weight: normal;
}

a.navlink:active, a.navlink:hover {
color: maroon;
text-decoration: none;
font-weight: normal;
}


/* links in the footer */
a.foot:link, a.foot:visited {
color: gray;
background: white;
text-decoration: none;
}

a.foot:active, a.foot:hover {
color: maroon;
background: white;
text-decoration: underline;
}


/* back links */
a.back:link, a.back:visited {
align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: gray;
background: none;
text-decoration: none;
}

a.back:active, a.back:hover {
color: maroon;
background: white;
text-decoration: underline;
}

/* links witin a news-flash */
a.splashlink:link, a.splashlink:visited {
color: maroon;
background: white;
text-decoration: underline;
}

a.splashlink:active, a.splashlink:hover {
color: silver;
background: white;
text-decoration: none;
}

/* links to project pages */
a.projpage:link, a.projpage:visited {
color: gray;
text-decoration: none;
}

a.projpage:active, a.projpage:hover {
color: maroon;
text-decoration: none;
}


/* all other links */
a.main:link, a.main:visited {
color: gray;
background: white;
text-decoration: underline;
}

a.main:active, a.main:hover {
color: maroon;
background: white;
text-decoration: underline;
}


/* elements */

blockquote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: justify;
margin-left: 30px;
margin-right: 30px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

dl {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: left;
padding: 5px;
}

dt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: left;
padding: 5px;
}

dd {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: black;
background: white;
text-align: left;
padding: 5px;
}

label {
text-align: left;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: black;
background: none;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
border: none;
}

span.thispage {
text-align: left;
border: 0;
margin: 0;
margin-right: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: maroon;
background: white;
text-decoration: none;
}

span.pink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: fuchsia;
background: white;
text-align: left;
}

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
text-align: justify;
}

tr {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: black;
background: white;
vertical-align: top;
margin-top: 10px;
}

td {
padding: 10px;
}