
/* ***** styles for general text links **** */

a:link, a:active
{color:#808080;
}

a:visited
{color:#808080;}

a:hover 
{color:#808080;
text-decoration: none;		
}


/* ***** styles for temporary Science presub enquiry links **** */

a.sciencetemp:link, a.sciencetemp:active
{color:#0000FF;
}

a.sciencetemp:visited
{color:#800080;}

a.sciencetemp:hover
{color:#FF0000;
text-decoration: none;		
}




body
{background-color: #000000;
color: #FFFFFF;
font-family: tahoma;
font-size:13px;
font-spacing:4px;
margin:0px;
padding:0px;
align:center;
}


div
{background:#000000;}

div.main
{
width:800px;
background:#000000;
top:152px;
margin: auto auto auto auto;
padding:0px;
padding-bottom:20px;
}

div.content
{margin:0px;
margin-right:10px;
width:580px;
float:right;
}

/* used in publications, sponsors and contact pages in place of div.content */

div.contentwide
{margin:10px;
padding-top:10px;
padding-bottom:10px;
}

/* table for SOM movie captions */

table.som
{background:transparent;
border:2px solid white;
border-collapse: collapse;
margin:0px;
margin-top:20px;
empty-cells:show;
}

td.somHead
{ border-bottom: 2px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
text-align: center;
font-weight: normal;
vertical-align: baseline; 
padding: 0.25em; }

td.somLeft
{ border: 2px solid white;
text-align: center;
font-weight: bold;
vertical-align:center; 
padding: 0.25em; }

td.som
{ border: 2px solid white;
text-align: left;
font-weight: normal;
vertical-align:center; 
padding: 0.25em; }




/* for figures with a legend (use p.legend for legend), can use img.inlineright for figures without a legend */

/* to contain two figure divs, e.g. on development page */
div.figurecontainer
{
float:center;
width:560px;
margin:0px;
border:0px;
text-align:center;
}

div.figureright
{
float:right;
width:250px;
margin-left:10px;
margin-top:10px;
margin-right:0px;
margin-bottom:0px;
border:0px;
text-align:center;
}

div.figureright_dynamic
{
float:right;
margin-left:10px;
margin-top:10px;
margin-right:10px;
margin-bottom:0px;
border:0px;
text-align:center;
}

div.figurecenter_dynamic
{
float:center;
margin-left:10px;
margin-top:10px;
margin-right:10px;
margin-bottom:0px;
border:0px;
text-align:center;
}


/* for figures with a legend (use p.legend for legend), can use img.inlineleft for figures without a legend */

div.figureleft
{float:left;
width:250px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:0px;
border:0px;
text-align:center;
}

div.figureleft_dynamic
{float:left;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:0px;
border:0px;
text-align:center;
}

div.references
{
border:0px;
}


p
{padding:0px;
margin:10px;}

p.legend
{font-size:smaller;
text-align:left;
}

p.copyright_right
{font-size:smaller;
text-align:right;
color:gray;
margin-top:2px;
}

p.copyright_left
{font-size:smaller;
text-align:left;
color:gray;
margin-top:2px;
}

p.copyright_center
{font-size:smaller;
text-align:center;
color:gray;
margin-top:2px;
}

p.center
{text-align:center;}

ol.numbered_list
{
list-style-type: decimal;
list-style-position: outside;
}

ol.numbered_list li
{
display: list-item;
}

p.reference_num:before {
	content: counter(refs);
	counter-increment: refs;
	}

/* **** style for "back to top" link ***** */

a:link.toplink, a:active.toplink, a:visited.toplink
{
color:#DCDCDC;
font-weight:normal;
}

a:hover.toplink
{color:#ff9922;
font-weight:normal;
text-decoration: none;		
}

p.toplink
{text-align:center;}



p.link
{padding:0px;
margin:0px;}

li
{margin:5px;}

h1
{border-style: solid;
border-width:0px;
border-bottom-width:2px;
font-size:25px;
margin:20px;
text-align:right;
letter-spacing:4px;
color:#FFFFFF;
}

h3
{
margin:10px;
letter-spacing:1px;
color:#FFFFFF;
}

h4
{font-style:italic;
margin:10px;}


img
{border:solid 2px #FFFFFF;}

img.banner
{
margin-left:0px;
margin-top:0px;
border-width:0px;
}

p.banner
{margin:auto auto auto auto;
border:0px;
text-align:center;
}

img.inlineleft
{float:left;
margin:10px;
margin-left:0px;
}

img.inlineright
{float:right;
margin:10px;
margin-right:0px;
}

hr
{
color:#DCDCDC;
background-color:#000000;
border:solid 0px;
}

/* ******STYLE FOR NAVIGATION HEAD MENU******* */

div.head
{border-bottom: 2px solid white;
border-top: 2px solid white;
margin:0px;
width:100%;
background:#000000;
}

table.head
{background: #000000;
width:800px;
margin: auto auto auto auto;
}

td.head
{width:130px;
text-align:center;
}

a:link.head, a:visited.head, a:active.head
{color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

a:hover.head
{color:#DCDCDC;
text-decoration: none;
font-weight:bold;		
}

/* ******STYLE FOR NAVIGATION SIDEBAR GENERAL******* */

div.sidebar{width: 180px;
float:left;
margin-left:10px;
border:0px;
background:transparent;
}


div.sidenav
{background:transparent;
border:0px;
}


table.sidebar{font-size:smaller;
background:transparent;
border:0px;
margin:0px;
}


td.sidebartop
{padding:8px;
font-size:larger;
text-align:left;
font-weight:bold;
background:transparent;
width:160px;
color:#000000;
border-bottom: 1px solid white;
letter-spacing:1px;
}

td.sidebar{
font-size:8pt;
padding:6px;
background:#000000;
width:180px;
margin:20px;
}

/* ******THESE STYLES MAKE THE CURRENT PAGE BE HIGHLIGHTED IN THE TOOLS SIDEBAR MENU******* */

body#tools-intro table#tools-sidebar a#a_tools-intro, 
body#tools-tooluse table#tools-sidebar a#a_tools-tooluse, 
body#tools-nathist table#tools-sidebar a#a_tools-nathist, 
body#tools-origins table#tools-sidebar a#a_tools-captivecrows,
body#tools-origins table#origins a#a_tools-origins,
body#tools-housing table#tools-sidebar a#a_tools-captivecrows,
body#tools-housing table#tools-sidebar a#a_tools-housing, 
body#tools-breeding table#tools-sidebar a#a_tools-captivecrows,
body#tools-breeding table#tools-sidebar a#a_tools-breeding, 
body#tools-development table#tools-sidebar a#a_tools-development, 
body#tools-selection table#tools-sidebar a#a_tools-cognition, 
body#tools-selection table#cognition a#a_tools-selection, 
body#tools-manufacture table#tools-sidebar a#a_tools-cognition, 
body#tools-manufacture table#cognition a#a_tools-manufacture, 
body#tools-handedness table#tools-sidebar a#a_tools-handedness, 
body#tools-neuro table#tools-sidebar a#a_tools-neuro, 
body#tools-fieldwork table#tools-sidebar a#a_tools-fieldresearch, 
body#tools-fieldwork table#fieldwork a#a_tools-fieldwork, 
body#tools-crowcams table#tools-sidebar a#a_tools-fieldresearch, 
body#tools-crowcams table#fieldwork a#a_tools-crowcams, 
body#tools-photothumbs table#tools-sidebar a#a_tools-photosmovies,
body#tools-photothumbs table#photos a#a_tools-photothumbs,
body#tools-crowphotos table#tools-sidebar a#a_tools-photosmovies,
body#tools-crowphotos table#photos a#a_tools-crowphotos,
body#tools-nestphotos table#tools-sidebar a#a_tools-photosmovies,
body#tools-nestphotos table#photos a#a_tools-nestphotos,
body#tools-movies table#tools-sidebar a#a_tools-photosmovies,
body#tools-movies table#photos a#a_tools-movies,
body#tools-ourpapers table#tools-sidebar a#a_tools-paperslinks,
body#tools-ourpapers table#papers a#a_tools-ourpapers,
body#tools-otherpapers table#tools-sidebar a#a_tools-paperslinks,
body#tools-otherpapers table#papers a#a_tools-otherpapers,
body#tools-othergroups table#tools-sidebar a#a_tools-paperslinks,
body#tools-othergroups table#papers a#a_tools-othergroups,
body#tools-mediacoverage table#tools-sidebar a#a_tools-paperslinks,
body#tools-mediacoverage table#papers a#a_tools-mediacoverage
{
color:#FFFFFF;
}

/* ******THESE STYLES MAKE THE CURRENT PAGE BE HIGHLIGHTED IN THE PEOPLE SIDEBAR MENU******* */

body#people-group table#people-sidebar a#a_people-group,
body#people-kacelnik table#people-sidebar a#a_people-kacelnik,
body#people-rutz table#people-sidebar a#a_people-rutz,
body#people-rutz-goshawk table#people-sidebar a#a_people-rutz,
body#people-rutz-goshawk table#christian a#a_people-rutz-goshawk,
body#people-rutz-crow table#people-sidebar a#a_people-rutz,
body#people-rutz-crow table#christian a#a_people-rutz-crow,
body#people-rutz-opportunities table#people-sidebar a#a_people-rutz,
body#people-rutz-opportunities table#christian a#a_people-rutz-opportunities,
body#people-rutz-publications table#people-sidebar a#a_people-rutz,
body#people-rutz-publications table#christian a#a_people-rutz-publications,
body#people-wimpenny table#people-sidebar a#a_people-wimpenny,
body#people-aw table#people-sidebar a#a_people-aw,
body#people-monteiro table#people-sidebar a#a_people-monteiro,
body#people-vasconcelos table#people-sidebar a#a_people-vasconcelos,
body#people-gloag table#people-sidebar a#a_people-gloag,
body#people-vonbayern table#people-sidebar a#a_people-vonbayern,
body#people-barlow table#people-sidebar a#a_people-barlow,
body#people-former table#people-sidebar a#a_people-former
{
color:#FFFFFF;
}

/* ******To highlight the current page in the head menu, you need to do the following. I HAVEN'T BOTHERED YET, 
BECAUSE IT MEANS GOING THROUGH EVERY PAGE AND ADDING A <body id="..."> TAG, WHICH WOULD TAKE A WHILE.

body#tools-intro table#head_table a#a_research
AND SO ON FOR EVERY OTHER PAGE, CHANGING THE BIT AFTER body#... AND a#...

{color:#;
}

DELETE THESE ASTERISKS AND THE COMMENTS ABOVE TO GET THIS WORKING******* */


table.sidebarsub
{margin-left:20px;}


td.sidebarsub
{
width:145px;
padding:2px;
border:0px;
background-color:#000000;
}


a:link.sidebar, a:active.sidebar, a:visited.sidebar{color:#DCDCDC;
text-decoration:none;
font-weight:bold;
}

a:link.location, a:active.location, a:visited.location
{color:#DCDCDC;
text-decoration:underline;
font-weight:bold;
font-style:italic;
}


a:hover.sidebar{color:#DCDCDC;
text-decoration: none;
font-weight:bold;
}

a:link.sidebartop, a:active.sidebartop, a:visited.sidebartop
{
text-decoration:none;
font-weight:bold;
}

a:link.sidebarsub, a:active.sidebarsub, a:visited.sidebarsub
{
color:#DCDCDC;
text-decoration:none;
font-style:italic;
font-weight:bold;
}

a:hover.sidebarsub
{
color:#DCDCDC;
text-decoration: none;
font-weight:bold;
font-style:italic;		
}


/*  ****STYLE FOR HOME PAGE***** */



div.homeside
{width: 180px;
float:left;
margin-left:10px;
border:0px;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}

img.home
{margin:5px;
}

h3.welcome
{font-size:20px;
letter-spacing:2px;}

p.credit
{text-align:center;
font-size:smaller;
position:bottom;
bottom:10px;
left:47%;
color:#FFFFFF;
font-style:italic;}

a:link.credit, a:active.credit, a:visited.credit
{color:#bbbbff;}


/*  ****STYLE FOR RESEARCH PAGES***** */


div.researchcontent
{margin:0px;
margin-right:10px;
width:560px;
float:right;
border:0;
background:000000;
}



div.researchleft
{float:left;
width:270px;
height:150px;
margin-bottom:10px;
}

div.researchright
{float:right;
width:270px;
height:150px;
margin-bottom:10px;
}

h3.research
{position:absolute;
background:#000000;
margin:0px;
padding:0px;
width:265px;
font-size:15px;
text-align:left;
padding-left:5px;
text-decoration:none;
border-bottom:1px solid white;
}

img.researchimg
{
float:left;
margin:10px;
display:inline;}

a:active.research, a:visited.research, a:link.research
{color:#FFFFFF;
text-decoration:none;
}

a:hover.research
{color:#DCDCDC;
text-decoration:none;}

p.research
{margin-top:0px;
padding-top:10px;}


/* ******** SIDEBAR BOXES ************ */


div.movies, div.links, div.news
{font-size:smaller;
margin-top:20px;
padding:5px;
border:0px;}


/*  ****STYLE FOR NEWS PANEL ***** */

div.news
{font-size:smaller;
background:white;
border:2px red solid;}

div.news a {display:block;}
div.news a:link.news, a:active.news, a:visited.news {color: red; text-decoration: none;}
div.news a:hover.news {text-decoration:underline;}

h3.news
{text-align:center;
margin:0px;
margin-bottom:5px;
color:red}



/* **********style for exhibition panel ******** */


div.exhibit
{padding:2px;
margin-top:20px;
text-align:center;
}

img.exhibit
{border:0px;}



/*  *******STYLE FOR MOVIES DIV******** */


h3.box
{text-align:center;
margin:0px;
margin-bottom:5px;}

img.moviestill
{height:90px;
width:120px;
}

p.movie
{text-align:center;
margin:0px;}


/*  ******** STYLE FOR LINKS DIV ****** */

li
{display:block;

}

/*  ****STYLE FOR TOOL PAGES***** */


img.thumbframe
{margin:10px;}

img.photo
{margin:0px;
}

p.photo
{margin:0px;
margin-bottom:0px;
text-align:center;}

/* ******STYLES FOR PEOPLE PAGES****** */


div.peoplephoto
{width:250px;
float:right;
font-size:9pt;
margin:10px;
}

h1.people
{text-align:right;}

img.peoplephoto
{margin:0px;}

p.contact
{text-align:right;
margin:0px;
}

/* paragraph enclosing peoples mugshots, using text-align:center; to position photo */

p.peoplephoto
{text-align:right;
margin:0px;
}

p.groupphoto
{margin:0px;
text-align:center;}

img.email
{border:0px;
vertical-align:top;}

img.email2
{border:0px;
vertical-align:middle;}

ul.photo
{
list-style-type: disc
}