/* -------------------------------------------------------------- 
  
   CSS Starter Kit
   Web Design & Development by Studio 24 Ltd
   www.studio24.net - (0870) 241 6159
     
-------------------------------------------------------------- */

@import "reset.css";


body {
    background: #fafafa url(../img/layout/bg-secondary.jpg) repeat-x top center;
	font-family: Helvetica, sans-serif;
}

body#home {
	background: #fafafa url(../img/layout/bg-home.jpg) repeat-x top center;
}


/* =CONTAINERS
-------------------------------------------------------------- */
div#container {
	width: 988px;
	margin: 0 auto;
	padding: 0;
}

/* =TOP-BANNER
-------------------------------------------------------------- */
body div#top-banner {	
	position: relative;
	height: 165px;
	padding: 10px 10px 0 10px;
	margin: 0;
	background: #ffffff url(../img/layout/top-banner-secondary-pages.jpg) no-repeat 10px 9px;
}

body#home div#top-banner {	
	height:268px;
	background:#ffffff url(../img/layout/top-banner-1.jpg) no-repeat 10px 9px;
}

/* Branding elements */
div#top-banner img#rural-business-research {	
	padding: 0px 0 0 42px;	
	margin-top: 0;
}

div#top-banner img#farm-business-survey {
    float: right;
    margin: 23px 19px 0 0;
}


/* =NAV-PRIMARY
-------------------------------------------------------------- */

ul#nav-primary, 
body.secondary-pages ul#nav-primary {
	position: absolute;
	top: 146px;
	left: 52px;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;	
	z-index: 10;	
} 

body#home ul#nav-primary {
    top: 249px;
}

ul#nav-primary li  {
	float: left;	
	padding: 7px 0px;		
}

ul#nav-primary li a {
	color:#ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 7px 30px;
	border-bottom: 3px solid #999999;
} 
 

/* Home nav styles */
ul#nav-primary a#nav-home,
body#home ul#nav-secondary  {
	background-color: #2d5252;	    /* default bg */
}

ul#nav-primary a#nav-home:hover,
body#home ul#nav-primary a#nav-home {
	background-color: #003333;	    /* darker hover bg */
}

body#home ul#nav-primary a#nav-home {
	border-bottom: 3px solid #003333; /* selected punch-out colour */
}

body#home ul#nav-secondary {
    display: none;
}

/* Workshops nav styles */
ul#nav-primary a#nav-workshops, 
body#workshops ul#nav-secondary {
	background-color: #ad022f;         /* default bg */
}

ul#nav-primary a#nav-workshops:hover  {
	background-color: #910021;         /* darker hover bg */
}

body#workshops a#nav-workshops {
	border-bottom: 3px solid #ad022f;  /* selected punch-out colour */
}

body#workshops a#nav-workshops,
body#workshops ul#nav-secondary a.selected {
	color: #ffaaaa;                    /* selected darker txt colour */
}

body#workshops a#nav-workshops:hover {
    background-color: #ad022f;         /* selected disable hover colour */
}


/* Region reports nav styles */
ul#nav-primary a#nav-region-reports, 
body#region-reports ul#nav-secondary {
	background-color: #339999;         /* default bg */
}

ul#nav-primary a#nav-region-reports:hover  {
	background-color: #006666;         /* darker hover bg */
}

body#region-reports a#nav-region-reports {
	border-bottom: 3px solid #339999;  /* selected punch-out colour */
}

body#region-reports a#nav-region-reports,
body#region-reports ul#nav-secondary a.selected {
	color: #002929;                    /* selected darker txt colour */
}

body#region-reports a#nav-region-reports:hover {
    background-color: #339999;         /* selected disable hover colour */
}

/* Farm benchmarking nav styles */
ul#nav-primary a#nav-farm-benchmarking, 
body#farm-benchmarking ul#nav-secondary {
	background-color: #99cc33;         /* default bg */
}

ul#nav-primary a#nav-farm-benchmarking:hover  {
	background-color: #669900;         /* darker hover bg */
}

body#farm-benchmarking a#nav-farm-benchmarking {
	border-bottom: 3px solid #99cc33;  /* selected punch-out colour */
}

body#farm-benchmarking a#nav-farm-benchmarking,
body#farm-benchmarking ul#nav-secondary a.selected {
	color: #295252;                    /* selected darker txt colour */
}

body#farm-benchmarking a#nav-farm-benchmarking:hover {
    background-color: #99cc33;         /* selected disable hover colour */
}

/* Data Builder nav styles */
ul#nav-primary a#nav-data-builder, 
body#data-builder ul#nav-secondary {
	background-color: #ff9900;         /* default bg */
}

ul#nav-primary a#nav-data-builder:hover  {
	background-color: #CC6600;         /* darker hover bg */
}

body#data-builder a#nav-data-builder {
	border-bottom: 3px solid #ff9900;  /* selected punch-out colour */
}

body#data-builder a#nav-data-builder,
body#data-builder ul#nav-secondary a.selected {
	color: #6C3600;                    /* selected darker txt colour */
}

body#data-builder a#nav-data-builder:hover {
    background-color: #ff9900;         /* selected disable hover colour */
}

/* Projection calculator nav styles */
ul#nav-primary a#nav-projection-calculator, 
body#projection-calculator ul#nav-secondary {
	background-color: #AB82FF;         /* default bg */
}

ul#nav-primary a#nav-projection-calculator:hover  {
	background-color: #8968CD;         /* darker hover bg */
}

body#projection-calculator a#nav-projection-calculator {
	border-bottom: 3px solid #AB82FF /*ff6600;  /* selected punch-out colour */
}

body#projection-calculator a#nav-projection-calculator,
body#projection-calculator ul#nav-secondary a.selected {
	color: #5C1700;                    /* selected darker txt colour */
}

body#projection-calculator a#nav-projection-calculator:hover {
    background-color: #AB82FF      /*ff6600;      selected disable hover colour */
}

/* About nav styles */
ul#nav-primary a#nav-about, 
body#about ul#nav-secondary {
	background-color: #CC0000;         /* default bg */
}

ul#nav-primary a#nav-about:hover  {
	background-color: #990000;         /* darker hover bg */
}

body#about a#nav-about {
	border-bottom: 3px solid #CC0000;  /* selected punch-out colour */
}

body#about a#nav-about,
body#about ul#nav-secondary a.selected {
	color: #FFFFFF;                    /* selected darker txt colour */
}

body#about a#nav-about:hover {
    background-color: #CC0000;         /* selected disable hover colour */
}




/* =NAV-SECONDARY
-------------------------------------------------------------- */

ul#nav-secondary {
	position:absolute;
	top:175px;
	left:0;
	list-style-type: none;
	width: 896px;
	height:24px;
	margin:0 0 0 10px;
	padding:8px 0 0 72px;
} 

ul#nav-secondary  li {	
	display:inline;
	margin:0;
	padding:0 24px 0 0;
	width:auto;
	height:30px
}

ul#nav-secondary li a {
	color:#ffffff;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
} 

ul#nav-secondary li a:hover {
	text-decoration:underline;
}

ul#nav-secondary li a.selected {
    text-decoration: none;
}

/* =BREADCRUMB
-------------------------------------------------------------- */

ul#nav-breadcrumb {
	list-style-type: none;
} 

ul#nav-breadcrumb li {
    float: left;
}


/* =CONTENT 
-------------------------------------------------------------- */

div#content {
	/* display: inline; */
	float: left; 
	background: #ffffff;
	width: auto;
	height: auto;
	margin: 33px 10px 10px 10px;
	padding: 16px 42px 0 42px;
	border: 1px solid #cccccc;
	border-top: none;
}

body.secondary-pages div#content {
	padding: 20px 42px 0 42px;
	margin:33px 10px 10px 10px;	
	width:auto;
}

div#content p#intro {
	font-size: 1.2em;
	color:#666666;
	padding: 0 0px 20px 0px;
	line-height: 1.3em;
	margin:0;
	width:840px;
}

/* Homepage highlight boxes */
div#content ul.home-boxes {
	float:left;
	width:100%;
	margin:0 0 28px 0;
	padding:0;		
}

div#content ul.home-boxes li {
	float:left;
	width:196px;
	list-style-type: none;
	background: #fafafa;
	padding:0px 15px 5px 0px;
	margin: 0 12px 0 0;
}

div#content ul.home-boxes li img {
    border: 5px solid #CCC;
    margin-bottom: 18px;
}

div#content ul.home-boxes p {	
	padding:7px 0 0 15px;
	margin-top:-18px;	
	color: #333333;
	text-align:inherit;	
}

div#content ul.home-boxes li.last {
	margin-right:0;	
}

div#content h1, 
div#content h2,
div#content h3,
div#content h4 {
	margin:0;
	padding:0;
	width:auto;
}

div#content h1 {
    font-size: 1.5em;
}

div#content h2 {
    font-size: 1.3em;
}

div#content h3 {
    font-size: 1.2em;
    font-style: italic;
}

div#content h4 {
    font-size: 1em;
    font-style: italic;
}


div#content ul.home-boxes h3 {
	font-size:1.20em;
	font-style: normal;
	margin:0;
	padding:5px 0 5px 15px;
	width:100%;	
	background-color: #dbdbdb ;
}


/* Sponsor links, DEFRA and Rural Business Research */
div#content div#sponsors {
	float:left;
	width:100%;
	list-style-type: none;
	margin:20px 0 0 0;
	padding:0;
}

div#content div#sponsors img {
	float:left;
	list-style-type: none;
	padding: 0 15px 30px 0;
}

div#content div#sponsors p {
	float: left;
	width: 500px;
	padding: 0px;
	font-family: Georgia, Times, serif;
	font-size: 1.030em;
	font-style: italic;
	color: #666;
}

div#content div#sponsors p#visit {
	float: right;
	width: auto;
	padding: 19px 0 0 0;
	text-align: right;
	font-family: Helvetica, Arial;
	font-style: normal;
	font-size: 1.2em;
}

div#content div#sponsors p#visit a {
	color:#3399cc;
	text-decoration: none;
}

div#content div#sponsors p#visit a:hover {
	text-decoration: underline;
}


/* =CONTENT-PRIMARY
-------------------------------------------------------------- */

div#content-primary {
 	float: left;
 	width: 882px;
}


body.two-col div#content-primary  {
	float: left;
	width: 565px;
}


/* =CONTENT-SECONDARY
-------------------------------------------------------------- */

body.two-col div#content-secondary {
	float: right;
 	width: 309px;
 	margin-top: 7px;
 	padding: 20px 0 0 0;
}

div#content-secondary img {
	width: auto;
 	border: 5px solid #cccccc;
	margin: 0 0px 30px 0;
	padding: 0;
}


/* =SITE-INFO / FOOTER
-------------------------------------------------------------- */

div#site-info {	
	float:left;
	margin:0;
	padding:0 30px 10px 30px;
	width: 915px;
}

div#site-info ul {
    float: left;
}
 
div#site-info ul li {
	list-style-type: none;
	float:left;
	padding:5px 10px 0 0;
	margin:0;	
	font-size: 0.9em;
} 

div#site-info ul li a {
	color:#3399CC;
	text-decoration: none;	
}

div#site-info ul li a:hover {
	text-decoration: underline;	
}

div#site-info ul#logos {
    float: right;
    margin-top: -13px;
}

div#site-info ul#logos li.last {
	padding-right:0px;
} 

div#site-info ul li a#askam-bryan-college, 
div#site-info ul li a#university-cambridge, 
div#site-info ul li a#duchy-college, 
div#site-info ul li a#university-new-castle, 
div#site-info ul li a#university-nottingham, 
div#site-info ul li a#university-reading {
	height:44px;
	text-indent: -9999px;
	display:block;	
}

div#site-info ul li a#askam-bryan-college {
	background:#ffffff url(../img/layout/askam-bryan-college-a.jpg) no-repeat top left;
	width:125px;		
}

div#site-info ul li a#askam-bryan-college:hover {
	background:#ffffff url(../img/layout/askam-bryan-college-a-hover.jpg) no-repeat top left ;
}

div#site-info ul li a#university-cambridge {
	background:#ffffff url(../img/layout/university-cambridge-a.jpg) no-repeat top left ;
	width:81px;
}

div#site-info ul li a#university-cambridge:hover {
	background:#ffffff url(../img/layout/university-cambridge-a-hover.jpg) no-repeat top left ;
}

div#site-info ul li a#duchy-college {
	background:#ffffff url(../img/layout/duchy-college-a.jpg) no-repeat top left ;
	width:68px;
}

div#site-info ul li a#duchy-college:hover {
	background:#ffffff url(../img/layout/duchy-college-a-hover.jpg) no-repeat top left ;
}

div#site-info ul li a#university-new-castle {
	background:#ffffff url(../img/layout/university-new-castle-a.jpg) no-repeat top left ;
	width:68px;
}

div#site-info ul li a#university-new-castle:hover {
	background:#ffffff url(../img/layout/university-new-castle-a-hover.jpg) no-repeat top left ;
}

div#site-info ul li a#university-nottingham {
	background:#ffffff url(../img/layout/university-nottingham-a.jpg) no-repeat top left ;
	width:81px;
}

div#site-info ul li a#university-nottingham:hover {
	background:#ffffff url(../img/layout/university-nottingham-a-hover.jpg) no-repeat top left ;
}

div#site-info ul li a#university-reading {
	background:#ffffff url(../img/layout/university-reading-a.jpg) no-repeat top left ;
	width:69px;
}

div#site-info ul li a#university-reading:hover {
	background:#ffffff url(../img/layout/university-reading-a-hover.jpg) no-repeat top left ;
}



/* =BASIC TYPOGRAPHY
-------------------------------------------------------------- */

html {
	font-size: 100%; /* 100% = the default font size of the browser, usually 16px -> DON'T CHANGE THIS */
}

/**
 * Font sizing: 
 *
 * To calculate the percentage font-size to use in the body tag use the following calculation:
 *
 * (16px / Required body font-size) x 100
 *
 * Examples below:
 * 16px = 100%0.950
 * 14px = 87.5%
 * 12px = 75%
 * 10px = 62.5%
 *
 */

body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /* Set the base font-size (75% sets a size of 1em = 12px) */
    line-height: 1.4em;
}

/* =HEADINGS */
h1, h2, h3, h4 {
	line-height:1.5em;
}

/* 1em = body font-size, so we can calculate our other font-sizes based on this:
   for example, if we want a font-size of 32px, in ems 32px = (32 / 12) = 2.6em */

h1 {
	font-size: 2.6em; /* 32px */
}

h2 {
	font-size: 2.3em; /* 28px */
}

h3 {
	font-size: 2em; /* 24px */
}

h4 {
	font-size: 1.6em; /* 20px */
}


p {
	font-size:1em;
	margin: 0 0 1em 0;
	width:auto; 
	
}


/* =OTHER TEXT ELEMENTS
-------------------------------------------------------------- */

blockquote {
	font-style: italic; 
	font-family: serif;
	font-size: 1.6em;
}

pre, code {
	margin: 0 0 1em 0;
	overflow: auto;
}


/* =LINKS
-------------------------------------------------------------- */

a:link, a:visited, a:focus, a:active {
	color: #0099cc;
	text-decoration:none;

}

a:hover {
	text-decoration: underline;

}

p#skip-link { 
	position:absolute;
	left:-9000px;
	top:0; 
	z-index:20;
} 


/* icon links */
a.icon:link, a.icon:visited, a.icon:focus, a.icon:active, a.icon:hover {
	padding:2px 0 4px 20px;
	background-color: transparent;
	background-position:0 0;
	background-repeat: no-repeat;
} 
a.pdf:link, a.pdf:visited, a.pdf:focus, a.pdf:active, a.pdf:hover {
	background-image:url(../img/icons/pdf.png);
}
a.word:link, a.word:visited, a.word:focus, a.word:active, a.word:hover {
	background-image:url(../img/icons/word.png);
}
a.excel:link, a.excel:visited, a.excel:focus, a.excel:active, a.excel:hover {
	background-image:url(../img/icons/excel.png);
}
a.txt:link, a.txt:visited, a.txt:focus, a.txt:active, a.txt:hover {
	background-image:url(../img/icons/txt.png);
}
a.flash:link, a.flash:visited, a.flash:focus, a.flash:active, a.flash:hover {
	background-image:url(../img/icons/flash.png);
}
a.video:link, a.video:visited, a.video:focus, a.video:active, a.video:hover {
	background-image:url(../img/icons/video.png);
}
a.podcast:link, a.podcast:visited, a.podcast:focus, a.podcast:active, a.podcast:hover {
	background-image:url(../img/icons/podcast.png);
}
a.pub:link, a.pub:visited, a.pub:focus, a.pub:active, a.pub:hover {
	background-image:url(../img/icons/pub.png);
}
a.rss:link, a.rss:visited, a.rss:focus, a.rss:active, a.rss:hover {
	background-image:url(../img/icons/rss-feed.png);
}
a.print:link, a.print:visited, a.print:focus, a.print:active, a.print:hover {
	background-image:url(../img/icons/print.png);
}
a.friend:link, a.friend:visited, a.friend:focus, a.friend:active, a.friend:hover {
	background-image:url(../img/icons/friend.png);
}
a.help:link, a.help:visited, a.help:focus, a.help:active, a.help:hover {
	background-image:url(../img/icons/help.png);
}
a.info:link, a.info:visited, a.info:focus, a.info:active, a.info:hover {
	background-image:url(../img/icons/info.png);
}
a.email:link, a.email:visited, a.email:focus, a.email:active, a.email:hover {
	background-image:url(../img/icons/email.png);
}
a.vcard:link, a.vcard:visited, a.vcard:focus, a.vcard:active, a.vcard:hover {
	background-image:url(../img/icons/vcard.png);
}
a.plus:link, a.plus:visited, a.plus:focus, a.plus:active, a.plus:hover {
	background-image:url(../img/icons/plus.png);
}
a.minus:link, a.minus:visited, a.minus:focus, a.minus:active, a.minus:hover {
	background-image:url(../img/icons/minus.png);
}
	
	
/* =LISTS
-------------------------------------------------------------- */

ul {
	margin: 0 0 1em 2em;
}

ol { 
	margin: 0 0 1em 2em;
}

dl {
	margin: 0 0 1em 2em;
}

dt {
	font-weight: bold;
}

dt, dd {
	margin: 0 0 0.5em 0 ;
}


/* =TABLES
-------------------------------------------------------------- */

table {
	width: auto;
	margin: 0 0 1em 0;
	background-color: #FAFAFA;
}

table caption {
    background-color: #FAFAFA;
    text-align: left;
    font-style: italic;
    padding-bottom: 1em;
}

th,td {
	padding: 0.3em 0.4em 0.2em 0.4em;
	margin: 1px;
}

th {
	font-weight: bold;
	background-color: #FAFAFA;
}

td {
    margin: 1px;
    border-left: 1px solid #FFF;
}

tr {
  background-color: #EEE;
}

tr:nth-child(odd) { /* CSS3 zebra row solution - only works in Opera & Safari */
  background-color: #FAFAFA;
}

tr.alt { /* Hardcoded zebra row solution - use this class on every other <tr> for a zebra effect */
	     /* not swapped around here... need alt rows distinct ... grey background problematic    */
	background-color: #FAFAFA;
}


/* -------------------------------------------------------------- 
   -------------------------------------------------------------- 
	     				FORMS
   -------------------------------------------------------------- 
   -------------------------------------------------------------- */
/* form warning message */
form div.message p {
	color:#000;
}
   
/* fieldset messages - before the relevant field */
form div em {
	display: none;
}

form div.problem em {
	display: inline;
	color:red;
}

   
   
/* =SIMPLE-FORM
----------------------------------------------- */

form.simple-form fieldset {
	margin:1em 0;
	padding:1em;
	border:solid 1px #ccc;
	background-color:#eee;
}

form.simple-form legend {
	font-weight: bold;
}

form.simple-form div {
	position:relative;
	padding:6px;
	margin-bottom: 0.5em;
}

form.simple-form label {
	display: block;
}

form.simple-form input {
	width:200px;
}

form.simple-form textarea {
	width:300px;
	height:100px;
}

form.simple-form div.radio input, form.simple-form div.checkbox input, form.simple-form input.submit {
	width:auto;
}
   
form.simple-form div.radio label, form.simple-form div.checkbox label {
	display: inline;
}

/* fieldset messages - before the relevant field */
form.simple-form div.problem {
	background-color: #ffefef;
	border:solid 1px #ff7f7f;
}

/* progressive enhancements for browsers beyond ie6 */
form.simple-form input:focus, form.simple-form textarea:focus {
	background-color: #ffc;
}

form.simple-form input[type="text"], form.simple-form textarea{
	border-top: solid 2px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	border-left: solid 2px #999;
}

/* CSS rounded corners - no Opera support as of Aug 09 */
form.simple-form div.message,
form.simple-form div.problem,
form.simple-form fieldset {
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
}

 

/* =FLASH MESSAGES
----------------------------------------------- */

div.message {
	padding:10px;
}

div.message ul a:hover {
	text-decoration: none;
}

/* flash message - error */
div.error {
	border:solid 1px #ff7f7f;
	background-color: #ffefef;
}
div.error,
div.error a:link, 
div.error a:visited, 
div.error a:focus, 
div.error a:active  {
	color:red;
}

/* flash message - alert */
div.alert {
	border:solid 1px #FF8A00;
	background-color: #FCFFDF;
}
div.alert,
div.alert a:link, 
div.alert a:visited, 
div.alert a:focus, 
div.alert a:active  {
	color:#FF8A00;
}

/* flash message - FADN */
div.FADN {
	border:solid 1px #0e4096;
	background-color: #7fadfb;
}
div.FADN,
div.FADN a:link, 
div.FADN a:visited, 
div.FADN a:focus, 
div.FADN a:active  {
	color:#0e4096;
}


/* flash message - PRJCTR */
div.PRJCTR {
	border:solid 1px  #8968CD; /* #0e4000; */
	background-color: #AB82FF; /* #ff6600; */
}
div.PRJCTR,
div.PRJCTR a:link, 
div.PRJCTR a:visited, 
div.PRJCTR a:focus, 
div.PRJCTR a:active  {
	color:#000000;
}


/* flash message - success */
div.success {
	border:solid 1px #3FAF00;
	background-color: #EAFFDF;
}
div.success,
div.success a:link, 
div.success a:visited, 
div.success a:focus, 
div.success a:active  {
	color:#2D7F00;
}