body, p, table, th, td {
font: 10pt Arial, Helvetica, sans-serif; }
/* This is same as would be inherited from the MAIN style sheet, but have re-specified it fully here.
Note that color is left as default, i.e. black text */


/*
body {
text-align: center; }
This might be needed to center the BODY div in Internet Explorer 5 series browsers... Therefore in the HOLDER div (the maincentral block of the page), would NEED TO USE text-align: left, to bring all the text back to the usual default of left alignment */
#holder {
width: 490px;
margin: 0;
padding: 0;
text-align: left;
}

#holder_wide {
width: 720px;
margin: 0;
padding: 0;
text-align: left;
}


div {
margin-bottom: 40px;
}

h1 {
font: bold 14pt Arial, Helvetica, sans-serif;
color: #6699CC;
}
h2 {
font: bold 12pt Arial, Helvetica, sans-serif;
color: #6699CC;
margin-top: 20px;
}
h3 {
font: bold 11pt Arial, Helvetica, sans-serif;
color: #6699CC;
margin-top: 20px;
}
h4 {
font: bold 10pt Arial, Helvetica, sans-serif;
color: #6699CC; }
/* These are same as would be inherited from MAIN style sheet, but have re-specified to be sure, and using better shorthand. Plus I specified COLOR here. This saves on specifying particular span classes (in HTML and here) in order to set the colour. */


.header-alt-style {
color: #CCCCCC; }

/* My <h1> color, and .ibi_style1, are equivalent to (and replace) the styles someone else had placed within the <head> of EACH indiv IBI page (!!):
.style4 {
color: #6699CC; }
.style6 {
color: #CCCCCC; }
 */


a:link {
color: #336699;
text-decoration: none; }

a:visited {
color: #333333;
text-decoration: none; }

a:hover {
color: #336699;
text-decoration: underline; }



#nav-bar {
margin: 5 0 30 0px;
}

ul {
list-style-type: none; }
/* So unordered lists are all set so as NOT to have BULLETS (unless override it for specific lists, by using <ul id="xxx"> in HTML and ul#idxxx here.
*/

ul#nav {
list-style-type: none;
margin: 0px;
padding: 0px; }

ul#nav li {
display: inline; }

ul#nav li a {
padding: 5px 10px;
margin: 0px 2px;
border: 1px solid #666;
background-color: #CCCCCC;
color: #003366;
text-decoration: none;
text-align: center; }

ul#nav li a:visited {
color: #333333; }

ul#nav li a:hover {
background-color: #333;
color: #FFF; }

ul#nav li a:active {
background-color: #333366;
color: #FFF; }
/* Check if the ACTIVE spec means that when are ON that page, bgd color should be white & link color a medium blue. If not, delete it - to get this effect may need TABBED NAVIGATION? */


.nav a {
/* Note that this box containing a navigation link is identified by being a CLASS, not an ID, simply because it might need to appear MORE THAN ONCE on a partic page.
And because couldn't use an ID, couldn't economize and just use ONE stylesheet rule - to cover both the "#nav" for the nav bar at top as well as for the ".nav" of the single nav boxes scattered elsewhere on page */
padding: 5px 10px;
margin-top: 40px; /* WHY DOESN'T this marhing have any effect whatsoever?? See above Full publication list nav button - nothing is being added.. */
border: 1px solid #666;
background-color: #CCCCCC;
color: #003366;
text-decoration: none;
text-align: center; }

.nav a:visited {
color: #333333; }

.nav a:hover {
background-color: #333;
color: #FFF; }

.nav a:active {
background-color: #333366;
color: #FFF; }
/* Check if the ACTIVE spec means that when are ON that page, bgd color should be white & link color a medium blue. If not, delete it - to get this effect may need TABBED NAVIGATION? */


/* NOTE!!! TABLES (in the main content holder for Biol Dept) ALWAYS need to be called class="bio", in order to have my style applied to them. If they are simply called table, th, td etc, they take on the style of the ORIGINAL NTNU stylesheet, which is different.
And I CAN'T write a more general css rule that applies to all tables & insert it here - because that would override the main NTNU stylesheet (and leads to the NTNU masthead displaying incorrectly)!!! */
table.bio, table.bio2, table.biopubs, table#contact {
border-collapse: collapse;
border-style: hidden;
}

#contact th {
font-weight: bold;
text-align: left;
color:#336699;
padding: 5 10 5 28px;
}
/* Need to specify text-align, because browsers sometimes render TABLE HEADERS as centred. They also usually render them in BOLD, but I also specified this here, just to be sure. */
.column1 {
color: #336699;
padding: 3 0px;
}
table.bio2 .column1 {
vertical-align: text-top;
}

.bio td {
padding: 3 0px;
}
.bio2 td {
padding: 10 0px;
}
.biopubs td {
font-size: 9 pt;
padding: 5 10 5 0px;
}
.biopubs .year {
font-size: 115%;
font-weight: bold;
color: #336699;
padding: 30 5 5 0px;
}
.biopubs .pubs-key {
font-size: 9 pt;
vertical-align: text-top;
padding: 3 0 3 5px;
}
#contact td {
font-weight: bold;
color:#333333;
padding: 5 10px;
}



dt {
font-weight: bold;
color: #6699CC;
}

dd {
font-size: 9 pt;
padding-bottom: 5px;
}

/* Can't seem to get the DEFN LIST ITEMS, and the Publications TD cells, to display in 9 pt - seem to stay as 10 pt when viewed in browser, even though they appear smaller when displayed in Dreamweaver file - why? Is there some OVERRIDE e.g. 9 pt set in the browser? */

/* Want to find out how to NOT INDENT the list items in Publications lists - so that can be marked up semantically as a "list", yet still use full width of the column. This would be an alternative for most of the PERSONAL pages publ lists - it's only really the PBC publ list that has text + key + pdf icon, and so benefits from being a table...
*/




/* Don't know why couldn't get following rule to work. It kept applying it to all lines, not just the first line...
ul.publications li:first-line {
color: #6699CC; }
 */