/* Inside MFAT style sheet */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #093478;
	margin: 0px;
	padding: 0px;
}

/* a dark blue strip repeats across the top of the home page */
body.home {
	background-image:  url("images/home/homebannerrepeat.jpg");
	background-repeat: repeat-x;
}

/* a dark blue strip with light blue bottom repeats across the top of general content screens */
body.general {
	background-image:  url("images/topbanner/generalbannerrepeat.gif");
	background-repeat: repeat-x;
}

/* a dark blue strip with green bottom repeats across the top of Zone A screens */
body.zonea {
	background-image:  url("images/topbanner/zoneabannerrepeat.gif");
	background-repeat: repeat-x;
}

/* a dark blue strip with pink bottom repeats across the top of Zone B screens */
body.zoneb {
	background-image:  url("images/topbanner/zonebbannerrepeat.gif");
	background-repeat: repeat-x;
}

/* a dark blue strip with light green bottom repeats across the top of Zone C screens */
body.zonec {
	background-image:  url("images/topbanner/zonecbannerrepeat.gif");
	background-repeat: repeat-x;
}

/* a dark blue strip with bluey-purple bottom repeats across the top of Zone D screens */
body.zoned {
	background-image:  url("images/topbanner/zonedbannerrepeat.gif");
	background-repeat: repeat-x;
}

/* a dark blue strip with purple bottom repeats across the top of Zone E screens */
body.zonee {
	background-image:  url("images/topbanner/zoneebannerrepeat.gif");
	background-repeat: repeat-x;
}

/* a dark blue strip with browny-pink bottom repeats across the top of Zone F screens */
body.zonef {
	background-image:  url("images/topbanner/zonefbannerrepeat.gif");
	background-repeat: repeat-x;
}

/* a dark blue strip with orange bottom repeats across the top of Zone G screens */
body.zoneg {
	background-image:  url("images/topbanner/zonegbannerrepeat.gif");
	background-repeat: repeat-x;
}

/* a dark blue strip with yellow bottom repeats across the top of Zone J screens */
body.zonej {
	background-image:  url("images/topbanner/zonejbannerrepeat.gif");
	background-repeat: repeat-x;
}

table.centred {
	margin-left: auto;
	margin-right: auto;
}

/* the navy blue colour in the background of the banner */
.blue {
	background-color: #093478;
}

/* set paragraph text size and colour */
p {
	color: #093478;
	font-size: 95%;
}

/* a smaller font size for the text that appears just below zone maps and points to the next zone upstream or downstream */
p.zonepointer {
	font-size: 80%;
}

/* specific style used for hypertext used for the x-axis label on result graphs */
p.xaxis {
	font-size: 12px;
	font-weight: bold; 
	margin-top: 0px; 
	margin-left: 148px;
}

/* style for anchor links at top of page just below banner */
p.anchors {
	font-size: 13px;
	margin: 10px 80px 0px 80px;
}

/* smaller font size for links back to top of screen */
p.backtotop {
	font-size: 75%;
}

li {
	color: #093478;
	font-size: 95%;
	margin-bottom: 3px;
}

img {
	padding: 0px;
	margin: 0px;
}

/* style used for the navigation (menu) */
.nav {
	color: white;
	font-size: 14px;
	border-right: solid white 1px;
	text-align: center;
	padding-bottom: 4px;
}

/* style used for the last item in the menu (no white line after it) */
.navlast {
	color: white;
	font-size: 14px;
	padding-bottom: 4px;
}

/* style used to indicate when user is on a particular page in the menu */
.navdown {
	color: #9FC2E5;
	font-size: 14px;
	border-right: solid white 1px;
	text-align: center;
	padding-bottom: 4px;
}

/* style used for the Credits link on the home page */
.credits {
	color: white;
	font-size: 12px;
	text-align: center;
	padding-bottom: 2px;
}	

/* style used for the Disclaimer link on the home page */
.disclaimer {
	color: white;
	font-size: 12px;
	border-right: solid white 1px;
	text-align: right;
	padding-bottom: 2px;
	padding-right: 6px;
}	

/* styles used for hyperlinks in normal text */
a:link {color: #436DB9; text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {color: #9AB87C; text-decoration: underline;}
a:active {color: #9AB87C; text-decoration: underline;}

/* styles used for hyperlinks in the navigation (menu) */
a.navlink:link {color: white; text-decoration: none;}
a.navlink:visited {color: white; text-decoration: none;}
a.navlink:hover {color: #9FC2E5; text-decoration: none;}
a.navlink:active {color: #9FC2E5; text-decoration: none;}

/* styles used for hyperlinks in the breadcrumb trail */
a.crumb:link {color: #093478; text-decoration: none;}
a.crumb:visited {color: #093478; text-decoration: none;}
a.crumb:hover {color: #093478; text-decoration: underline;}
a.crumb:active {color: #093478; text-decoration: underline;}

td {
	font-family: Arial, Helvetica, sans-serif;
	color: #093478;
}

/* styles to set different margins (padding) for text and images to sit in different types of pages throughout the site */
td.home {
	padding-left: 132px;
	padding-right: 200px;
}

td.general {
	padding: 30px 65px 0px 80px;
}

td.modeldesc {
	padding: 20px 60px 0px 80px;
}

td.resultgraph {
	padding: 30px 20px 0px 30px;
}

td.systemmap {
	padding: 20px 0px 0px 80px;
}

td.zonemap {
	padding: 52px 25px 0px 40px;
}

td.prefcurve {
	padding: 20px 0px 0px 0px;
	width: 314px;
}

td.otherinput {
	padding: 20px 0px 0px 0px;
	text-align: left;
}

td.interpretationfish {
	padding: 0px 0px 20px 0px;
	text-align: left;
	border-bottom: solid 1px #093478;
}

td.interpretation {
	padding: 20px 0px 0px 30px;
	text-align: left;
}

td.speciesintro {
	padding: 30px 40px 15px 0px;
	text-align: left;
}

td.evidence {
	padding: 20px 0px 20px 0px;
	text-align: left;
	border-bottom: solid #093478 1px;
}

td.evidencenoline {
	padding: 20px 0px 20px 0px;
	text-align: left;
}

td.speciespic {
	padding: 35px 0px 25px 0px;
}

td.prefcurveintro {
	padding: 0px 0px 15px 0px;
	text-align: left;
	border-bottom: solid #093478 1px;
}

td.pic {
	padding: 0px 20px 0px 34px;
}

td.popup {
	padding: 20px;
}

div.textbelowgraph {
	padding: 5px 0px 30px 31px;
}

/* style for text in the breadcrumb trail on general content screens */
.crumbgeneral {
	font-size: 13px;
	background-color: #99CCFF;
	padding: 0px 0px 0px 12px;
}

/* style for text in the breadcrumb trail on Zone A screens */
.crumbzonea {
	font-size: 13px;
	background-color: #80AEA4;
	padding: 0px 0px 0px 12px;
}

/* style for text in the breadcrumb trail on Zone B screens */
.crumbzoneb {
	font-size: 13px;
	background-color: #BE7979;
	padding: 0px 0px 0px 12px;
}

/* style for text in the breadcrumb trail on Zone C screens */
.crumbzonec {
	font-size: 13px;
	background-color: #B4EBDB;
	padding: 0px 0px 0px 12px;
}

/* style for text in the breadcrumb trail on Zone D screens */
.crumbzoned {
	font-size: 13px;
	background-color: #94A1D9;
	padding: 0px 0px 0px 12px;
}

/* style for text in the breadcrumb trail on Zone E screens */
.crumbzonee {
	font-size: 13px;
	background-color: #9C7ABB;
	padding: 0px 0px 0px 12px;
}

/* style for text in the breadcrumb trail on Zone F screens */
.crumbzonef {
	font-size: 13px;
	background-color: #9F7B7B;
	padding: 0px 0px 0px 12px;
}

/* style for text in the breadcrumb trail on Zone G screens */
.crumbzoneg {
	font-size: 13px;
	background-color: #D8A380;
	padding: 0px 0px 0px 12px;
}

/* style for text in the breadcrumb trail on Zone J screens */
.crumbzonej {
	font-size: 13px;
	background-color: #E2E17C;
	padding: 0px 0px 0px 12px;
}

/* styles for the 'other' information objects in species pages, each zone has a different colour */

table.inputza {
	font-size: 85%;
	text-align: left;
	background-color: #80AEA4;
}

table.inputzb {
	font-size: 85%;
	text-align: left;
	background-color: #BE7979;
}

table.inputzc {
	font-size: 85%;
	text-align: left;
	background-color: #B4EBDB;
}

table.inputzd {
	font-size: 85%;
	text-align: left;
	background-color: #94A1D9;
}

table.inputze {
	font-size: 85%;
	text-align: left;
	background-color: #9C7ABB;
}

table.inputzf {
	font-size: 85%;
	text-align: left;
	background-color: #9F7B7B;
}

table.inputzg {
	font-size: 85%;
	text-align: left;
	background-color: #D8A380;
}

table.inputzj {
	font-size: 85%;
	text-align: left;
	background-color: #E2E17C;
}

td.under {
	border-bottom: solid #093478 1px;
}