/* 
 * Health-e-Waterways main style sheet 
 *  Author: Christopher Davoren 
 *  Created: 14th May 2008
 */

/* Styles for the header links */
a.header:link
{
	color: #EEEEEE;
	text-decoration: none;
}

a.header:visited
{
	color: #DDDDDD;
	text-decoration: none;
}

a.header:hover
{
	color: #FFFFFF;
	text-decoration: underline overline;
}

a.header:active
{
	color: #FFFFFF;
	text-decoration: underline overline;
}

/* Styles for the main navbar links */
a.navbar:link
{
	color: #824915;
	text-decoration: none;
	font-weight: bold;
}

a.navbar:visited
{
	color: #824915;
	text-decoration: none;
	font-weight: bold
}

a.navbar:hover
{
	color: #824915;
	text-decoration: underline;
}

a.navbar:active
{
	color: #824915;
	text-decoration: underline;
}

/* Styles for general/content links */
a:link
{
	color: #2A8799;
	text-decoration: none;
}

a:visited
{
	/* color: #A468C4; */
	color: #2A8799;
	text-decoration: none;
}

a:hover
{
	/* color: #BA6C1C; */
	color: #4BC8DF;
	text-decoration: underline;
}

a:active
{
	color: #67E0F6;
}

/* Body element declarations (also sets font for whole */
body
{
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #1A5661;
	background-image: url('../images/body-gradient.gif');
		background-repeat: repeat-y;
	background-position: right;
	text-align: justify;
}

/*
 * ADDED: 30/05/2008
 * "Hack" to make sure that the body (and therefore all divs it contains) is at least
 * as wide as the content/navbar areas (980px + 2x10px margins).  Without this line,
 * divs such as the header banner will compress below this number if the window is too
 * small.  This can create presentation errors, eg: the banner image will not render
 * beyond the initial width of the window even though the user can scroll horizontally,
 * so the image will be "cut off" at the right hand edge of the initial window frame.
 *
 * Ideally, a more elegant fix should be found so that the body is always at least as
 * wide as its widest child div.
 */
#wrapper
{
	min-width: 570px;
}

/* header declarations */
div.header
{
	position: relative;
	height: 28px;
	padding-top: 12px;
	padding-right: 10px;
	background-color: #1A5661;

	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
}

img.headerimg
{
	position: absolute;
	top: 10px;
	left: 10px;		
}

/* header/banner separator declarations */
div.headerbannerseparator
{
	height: 3px;
	background-color: #7aa6f0;
}

/* banner declarations */
div.banner
{
	height: 128px;
	background-image: url('../images/body-gradient.gif');
	background-repeat: repeat-y;
	background-position: right;
	background-color: #1A5661;
}

/* navbar declarations */
div.navbar
{
	height: 25px;
	background-image: url('../images/navbar-gradient.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFB000;
}

/* 
 * This div sits inside the navbar and is used to block center the navigation links
 * so that they are aligned with the main body content.  If you change the width of
 * the main body content, be sure to change the width here too.
 * 
 * UPDATE (17/05/2008):
 * The body is now left-aligned, not centered, so the centering here no longer applies.
 * However, since the text in the navbar is right-aligned, and we want it to line up
 * with the body content, the width dependency remains.
 */
div.navbarlinks
{
	position: relative;
	top: 5px;
	/* width: 980px; */
	margin: auto auto auto 20px;

	font-size: 10px;
	color: #824915;
	text-align: left;
}


/* main section/body content declarations */

/* main div used to define blue gradient background for main section */
div.main
{
	background-image: url('../images/body-gradient.gif');
	background-repeat: repeat-y;
	background-position: right;
	margin: 0px;
	background-color: #1A5661;
}

/*
 * This div defines the width of the body section and centers it.  If you change the width of this
 * class, you should also change the navbarlinks div (above) so that navigation links still align
 * with the body section.
 *
 * UPDATE (17/05/2008):
 * The body is no longer centered.  The width dependency still remains, however.  See navbar comment
 * above.
 */
div.bodycenter
{
	max-width: 980px;
	/* margin: 0px auto -1px auto; */
	margin: auto 10px auto 10px;
}

/*
 * This div creates the 10 pixel gap at the top and bottom of the bodycontent div.
 * You *should* be able to get the same effect by applying a 10 pixel top and bottom margin to
 * the bodycontent div below instead, but on Firefox 2 this appears to trigger a bug with the
 * main content section background image (causing it to be clipped in line with the top and bottom
 * of the bodycontent div).
 */
div.bodypadding
{
	padding: 10px 0 10px 0;
}

/* Main body content */
/* UPDATED (18/05/2008): Added 20px bottom padding to create space at the end of content in pages. */
div.bodycontent
{
	border: 1px solid black;
	background-color: #FFFFFF;
	padding: 10px 25px 20px 25px;
}


/* Body/footer separator layout details */
div.bodyfooterseparator
{
	height: 15px;
	background-color: #7aa6f0;
}

/* Style for the footer text */
div.footer
{
	text-align: left;
	color: #EEEEEE;
	padding: 10px 0 10px 10px;
}

/* Styles for content headings */
h1
{
	font-size: 22px;
	font-weight: bold;
	/* color: #BA6C1C; */
	color: #176271;
}

h2
{
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	/* color: #BA6C1C; */
	color: #176271;
}

/* Style information for the chief investigators table on the people page */
table.people-chief-investigators
{
	/* border-spacing: 2px; */
	/* background-color: #DDDDDD; */
	width: 100%;
	border-width: 1px;
	border-color: #DDDDDD;
	border-collapse: collapse;
	border-style: solid;
}

table.people-chief-investigators tr
{
	vertical-align: top;
}

table.people-chief-investigators td
{
	/* background-color: white; */
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #DDDDDD;
}

/* Colour the text in the first element of each row dark blue and bold it */
table.peoplechiefinvestigators td.firstcolumn
{
	color: #1A5661;
	font-weight: bold;
}


/* Style information for the attachment documents table on the reports page */
table.reports-attachment-documents
{
	/* border-spacing: 1px; */
	/* background-color: #FFB000; */
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #FFB000;
}

table.reports-attachment-documents td
{
	padding: 5px;
	color: #666666;
	border-width: 1px;
	border-style: solid;
	border-color: #FFB000;
}

/* Bold all headings */
table.reports-attachment-documents tr.firstrow
{
	background-color: #FFB000;
	font-weight: bold;
}

/* Ensure that the colour of the first element in each row is black */ 
table.reports-attachment-documents td.firstcolumn
{
	color: black;
}

/* List of chief investigator styles */
div.people-chief-investigator
{
	clear: both;
	border-top: 1px;
	border-style: solid;
	border-color: #AAAAAA;
	margin-top: 10px;

	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

div.people-chief-investigator div
{
	width: 35%;
	float: left;
}


/* List of publications style */
div.publication
{
	clear: both;
	border-top: 1px;
	border-style: solid;
	border-color: #AAAAAA;
	margin-top: 10px;

	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}