/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Bio Beef
	Created: 2009-02-17
	RKD Web Studios -- by: Gianni Casagrande gianni@rkd.ca
	
	
	COLOURS:
	
	Bright red:		#ee3124
	Dark Grey		#717174
	Black			#000
	Green			#c4d9a6
	
	
------------------------------------------------------------------- */
 
html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}
	

body {
	background: #fff;
	font: 62.5% Arial, Helvetica, sans-serif;/* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	}

img, form { /* removes all default formatting on images and forms */
	margin: 0;
	padding: 0;
	border: 0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.clear { clear: both; } /* clears all floats; apply to empty divs */

.bodystyle {
/*	margin: 20px 0 0 0;*/
	padding: 0;
	top: 0;
	left: 0;
	background: url(../../images/site_bg.jpg) top left repeat-x #717174;
	font: 62.5%;
	
}


/* ---------------------
	GLOBAL STYLES - style as necessary
--------------------- */

a:link { color: #ee3124; text-decoration: underline; }
a:visited { color: #ee3124; text-decoration: underline; }
a:hover { color: #ee3124; text-decoration: none; }
a:active { color: #000; text-decoration: none; }

p { 
	color: #717174;
	font-size: 1.4em;
	line-height: 1.5em;
	}
	
.greenback {background: #DBDBDB; padding: 10px;}
	
table {
	background:fixed;
	width: 100%;
	margin: 10px 0 10px 0;
	text-align:left;
	font-size: 1.4em;
}

table img {border: 1px solid #000; margin-right: 15px;}

.bodystyle td {
/*	font-size: 1.4em;*/
}

td {
	color: #717174;
	line-height: 1.5em;
	/*font-size: 1 em;*/
}

.tablespace {
	margin-bottom: 25px;	
}

strong, b {
	font-weight: bold;
	color: #717174;	
	}

em, i {
	font-style: italic;
	}
	

h1 { 
	font-size: 22px;
	text-indent: -999px;
	padding-bottom: 7px;
	}
h2 {
	font-size: 1.4em;
	color: #ee3124;
	font-weight:bold;
	margin:1.4em 0 -1em 0;
	}
h3 {
	font-size: 1.4em;
	color: #ee3124;
	font-weight:bold;
	margin:1.4em 0 1em 0;
	}
h4 {
	font-size: 1.6em;
	color: #000;
	font-weight:bold;
	margin:1.4em 0 1em 0;
	}
h5 {
	font-size: 1em;
	color: #717174;	
	}
h6 {
	font-size: 12px;
	}
	
	.content li {
		color: #ee3124; 
		list-style:square; 
		margin-bottom: 0.5em; 
		font-size: 1.4em;
		margin: 10px 0 10px 45px; 
		line-height: 1.4em;
	}

	.content li a, li a:link {color:#ee3124; text-decoration:underline;}
	.content li a:hover {color:#ee3124; text-decoration:none;}
	.content li a:active {color:#000; text-decoration:none;}

/*ol { }*/

hr { }

.floatright {
	float:right;
	padding-left:15px;
}

.floatleft {
	float:left;
	padding-right:5px;
	margin-left: -650px;
}




/* styles used by WYSIWYG - style as necessary */
pre { }

address { }

/*================
CONTAINER
==================*/

#container {
	width: 1000px;
	margin: 0 auto;
	background:url(../../images/container_bg.png) top left repeat-y;
}

#head {
	background:url(../../images/head_bg.gif) top left no-repeat;
	height: 127px;
	width: 981px;
	margin-left: 8px;
}

	#head .logo {
		position: relative;
		top: 40px;
		left: 18px;
		z-index: 1;
	}
	
	
#splash {
	margin-left: 19px;
	width: 959px;
	margin-bottom: 15px;
}

#wrap {
	float: left;
	width: 100%;
}

	#contentarea {
		margin: 0 40px 0 315px;
	}
	
#leftcontent {
	float: left;
	width: 257px;
	margin-left: -978px;
}

#footer {
	background:url(../../images/footer_bg.gif) top left no-repeat;
	height: 66px;
	width: 1000px;
	margin: 0 auto;
}

	#footer .text {
		float:right;
		padding: 15px 20px 0 0;
		color: #717174;
	}
	
	#footer .rkd {
		float:left;
		padding: 15px 0 0 15px;	
		color: #D1D1D1;
	}
	
	#footer .rkd a {color:#D1D1D1}
	#footer .rkd a:hover {color:#D1D1D1}

/*==================
CONTENT SPECIFIC
=================*/

#contentarea p {
	margin: 1em 0 1em 0;	
}

/*#contentarea img {border:1px solid #000;}*/

#contentarea b, #contentarea strong {
	color: #717174;	
}

/*==================
LEFT SIDE SPECIFIC
=================*/

#leftcontent .textarea {
	padding: 10px 5px 15px 12px;	
}

#leftcontent b, #leftcontent strong {
	font-weight: bold;
	font-size: 1.1em;
	color: #717174;
}

#leftcontent ul {
	margin: 10px 0 0 15px;
	width: 230px;
}

#leftcontent li {
	color: #717174;
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom:3px;
	padding-left: 15px;
	background:url(../../images/list_arrow.gif) left center no-repeat;
	height: 25px;
}

	#leftcontent li a {color: #717174; text-decoration:none; display:block; padding-left:5px;}
	#leftcontent li a:hover {color: #fff; background: #ee3124; text-decoration:none; display:block;}
	
	#leftcontent .overstate {color: #ffffff; background: #ee3124; text-decoration:none;}


/*==================
SPECIFIC TABLES
=================*/

#saletable {
	table-layout:fixed;
	width: 100%;
	font-size: 1em;
	border: 1px solid #717174;
}

#saletable td {padding:5px; text-align:center; padding:5px;}

#saletable tr {border-bottom:1px solid #717174;}

#saletable .title {
	font-weight: bold;
	background: #717174;
	}
	
	#saletable .title td{color: #fff;}

#saletable .alt {background: #dfdfdf;}

/*==================
PAGE TITLES
=================*/

#pagetitles {
	height: 29px;
	width: 100%;
}

.abouttitle {background:url(../../images/title_aboutus.gif) top left no-repeat;}
.stafftitle {background:url(../../images/title_staff.gif) top left no-repeat;}
.directorstitle {background:url(../../images/title_directors.gif) top left no-repeat;}
.partnerstitle {background:url(../../images/title_partners.gif) top left no-repeat;}
.prodservtitle {background:url(../../images/title_productsservices.gif) top left no-repeat;}
.tagstitle {background:url(../../images/title_tags.gif) top left no-repeat;}
.agetitle {background:url(../../images/title_age.gif) top left no-repeat;}
.herdevaltitle {background:url(../../images/title_herdeval.gif) top left no-repeat;}
.biotitle {background:url(../../images/title_biotrack.gif) top left no-repeat;}
.mangementtitle {background:url(../../images/title_manage.gif) top left no-repeat;}
.carcasstitle {background:url(../../images/title_carcass.gif) top left no-repeat;}
.bullheifertitle {background:url(../../images/title_bullheifer.gif) top left no-repeat;}
.customizetitle {background:url(../../images/title_customizedgen.gif) top left no-repeat;}
.cataloguestitle {background:url(../../images/title_salecat.gif) top left no-repeat;}
.sementitle {background:url(../../images/title_semen.gif) top left no-repeat;}
.feedsoilmanuretitle {background:url(../../images/title_feedsoilmanure.gif) top left no-repeat;}
.bullreports {background:url(../../images/title_bullreports.gif) top left no-repeat;}
.heiferreports {background:url(../../images/title_heiferreports.gif) top left no-repeat;}
.querytitle {background:url(../../images/title_bullquery.gif) top left no-repeat;}
.articletitle {background:url(../../images/title_articles.gif) top left no-repeat;}
.sampletitle {background:url(../../images/title_samplereports.gif) top left no-repeat;}
.formstitle {background:url(../../images/title_forms.gif) top left no-repeat;}
.reporttitle {background:url(../../images/title_reportres.gif) top left no-repeat;}
.faqtitle {background:url(../../images/title_faq.gif) top left no-repeat;}
.contacttitle {background:url(../../images/title_contact.gif) top left no-repeat;}
.deliveryschedule {background:url(../../images/title_deliveryschedule.gif) top left no-repeat;}

/*====================
NAVIGATION MENU
====================*/

#head ul {font-size:1em;}
#head li {list-style:none;}

#head .navigationmenu {
	position: relative;
	left: 300px;
	top: 20px;
		z-index: 999;
	}

#head .navigationmenu span{margin-left: -9999px;}

#nav, #nav ul {
	padding: 0;
	margin: 0;

	z-index: 999;
}

#nav a {
	display: block;
	padding-right: 33px;
}

#nav li {
	float: left;
	height: 22px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	background: #fff;
	border: 1px solid #ee3124;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	width: 220px;
	margin-top:3px;
}
	
	#nav li ul a {
		background: none;
		display: block;
		width: 214px;
		padding: 3px;
		text-decoration: none;
		color: #717174;
	}
	
	#nav li ul a:hover {
		background: none;
		background-color: #ee3124;
		color: #fff;
	}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.hover {  
   position: static;
   } 

/*====================
ADMIN
====================*/

.admin ul {
	margin-left: 25px;
}

.admin li {
	color: #000;
	line-height: 1.6em;
	font-weight:bold;
}

.admin li a {font-size:1.4em; line-height: 1.6em; font-weight:normal;}

/*====================
NAVIGATION ROLLOVERS
====================*/

/*HOME*/
li#home a {
		background:url(../../images/menu/btn_home.gif) top left no-repeat;
		width: 42px;
		height: 17px;
		display: block;
}

li#home a:hover {background:url(../../images/menu/btn_home_over.gif) top left no-repeat;}

/*ABOUT US*/
li#aboutus a {
		background:url(../../images/menu/btn_aboutus.gif) top left no-repeat;
		width: 67px;
		height: 17px;
		display: block;
}

li#aboutus a:hover {background:url(../../images/menu/btn_aboutus_over.gif) top left no-repeat;}

/*PRODUCTS & SERVICES*/
li#productsandservices a {
		background:url(../../images/menu/btn_productsandservices.gif) top left no-repeat;
		width: 137px;
		height: 17px;
		display: block;
}

li#productsandservices a:hover {background:url(../../images/menu/btn_productsandservices_over.gif) top left no-repeat;}

/*REPORTS & RESOURCES*/
li#reportsandresources a {
		background:url(../../images/menu/btn_reportsandresources.gif) top left no-repeat;
		width: 144px;
		height: 17px;
		display: block;
}

li#reportsandresources a:hover {background:url(../../images/menu/btn_reportsandresources_over.gif) top left no-repeat;}

/*FAQ*/
li#faq a {
		background:url(../../images/menu/btn_faq.gif) top left no-repeat;
		width: 30px;
		height: 17px;
		display: block;
}

li#faq a:hover {background:url(../../images/menu/btn_faq_over.gif) top left no-repeat;}

/*CONTACT*/
li#contactus a {
		background:url(../../images/menu/btn_contactus.gif) top left no-repeat;
		width: 76px;
		height: 17px;
		display: block;
}

li#contactus a:hover {background:url(../../images/menu/btn_contactus_over.gif) top left no-repeat;}

/*===============
PRINT
=================*/

.webaddress {display:none;}