/* =========================== 
FarmCentre.com Main Stylesheet 
=========================== */

/* --- 
General Styles
 --- */
 
 body {
	margin: 0 0 5px 0;
	padding: 0;
	top: 0;
	left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	.BodyStyle {
		background: #A8350E url(../../images/bg.gif) repeat top left;
		color: #FFF;
		}
img, 
form {
	margin: 0;
	padding: 0;
	border: 0;
	}
input, 
textarea, 
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #443620;
	}
.Clear, 
hr { clear: both; }

hr {
	height: 2px;
	border: none;
	background: #C8C3B8;
	color: #C8C3B8;
	}
.SkipNav { 
	position: absolute;
	left: -9999px; /* hides from browsers, but still visible in screen readers */
	}
#PrintHeader { display: none; }
:focus { outline: none; }

/* ---
Splash Page
--- */
#SplashShim {
	width: 100%;
	height: 50%;
	margin-top: -75px;
}
#SplashBg {
	background: #EAE8DF url(../../images/splash_bg.jpg) repeat-x center center;
	height: 307px;                
	position: relative;
    top: -75px;
}
	#SplashContainer {
		width: 483px;
		margin: 0 auto;
		background: url(../../images/splash_farm.jpg) no-repeat center center;
		height: 307px;
		color:#46413A;
		}
		#SplashLeft {
			float: left;
			margin-left: 64px;
			margin-top: 106px;
			}
		#SplashRight {
			float: left;
			margin-top: 30px;
			}
			#SplashRight ul {
				list-style: none;
				margin: 0;
				padding: 0;
				}
				#SplashRight li {
					/*float: left;*/
					}
					
					
/* ---
Overall Page Structure 
--- */

#Container {
	width: 761px;
	margin: 0 auto;
	}
.Border {
	border-right: 1px solid #561602;
	border-bottom: 1px solid #561602;
	}
	
/* --- 
Header Styles
--- */

#Header {
	background: #5E5547 url(../../images/header_bg.jpg) repeat-x bottom left;
	height: 110px;
	margin-bottom: 1px;
	}
	#Header h1 {
		margin: 13px 0 0;
		padding: 0;
		float: left;
		}
	#HeaderLayer { 
		position: absolute;
		z-index: 7;
		width: 760px;
		margin: 0 auto;
		padding-right: 1px;
		}
	#HeaderSearch {
		background: url(../../images/header_tab_2.gif) no-repeat left top;
		float: right;
		padding: 8px 5px 0 28px;
		height: /*35px*/ 27px;
		}
		#HeaderSearch input {
			font-size: 10px;
			border: 1px solid #443620;
			padding: 1px 2px;
			}
	#HeaderLinks {
		list-style: none;
		margin: 0;
		padding: 10px 0 0;
		float: right;
		font-size: 10px;
		height: 25px;
		color: #443620;
		}
	#HeaderLinks { 
		background: url(../../images/header_tab_1.gif) no-repeat left top;
		padding-left: 32px;
		}
		#HeaderLinks li { float: left; }
		
		#HeaderLinks a:link { color: #443620; text-decoration: underline; }		
		#HeaderLinks a:visited { color: #443620; text-decoration: underline; }		
		#HeaderLinks a:hover { color: #912E0D; text-decoration: none; }		
		#HeaderLinks a:active { color: #912E0D; text-decoration: none; }
}


/* --- 
Footer Styles
--- */

#Footer {
	background: #333 url(../../images/ftr_bg.jpg) repeat-x top left;
	height: 70px;
	text-align: center;
	clear:both;
	}
		
	#Copyright {
		clear: left;
		padding: 7px 0 3px;
		}
	#GovtLogo { margin-top: 3px; }
	#Url {  
		position: absolute;
		left: -9999px; /* hides from browsers, but still visible in screen readers */
		}


/* --- 
Menu Styles 
--- */

#Menu {
	height: 26px;
	background: #E6B136;
	color: #443620;
	}
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		}
		#nav a { display: block; }
		
		#nav li { float: left; /*padding-right:5px;*/ } /* all list items */
		
			#nav li ul { /* second-level lists */
				position: absolute;
				background: #E4E1D7;
				font-size: 12px;
				font-weight: bold;
				line-height: 16px;
				border-right: 1px solid #561602;
				border-bottom: 1px solid #561602;
				width: 158px;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				}
			#nav li ul li {
				display: block;
				background: url(../../images/subnav_bg.gif) no-repeat top left;
				color: #443620;
				width: 158px;
				}
			#nav li ul a {
				display: block;
				width: 150px;
				padding: 2px 4px 3px;
				}
				#nav li ul a:link { color: #443620; text-decoration: none; }
				#nav li ul a:visited { color: #443620; text-decoration: none; }
				#nav li ul a:hover { color: #561602; text-decoration: underline; }
				#nav li ul a:active { color: #561602; text-decoration: underline; }
				
			#nav li:hover ul, #nav li.sfhover ul { left: auto; } /* lists nested under hovered list items */

#SubMenu {
	margin-bottom: 1px;
	height: 26px;
	background: #912E0D url(../../Images/subnav2_bg.gif) repeat-x top left;
	color: #e6b136;
	}
	#SubMenu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		
		}
		#SubMenu li { float: left; }
		#SubMenu li a { display: block; }
	
	#SubMenu .Links {
		float: right;
		padding-top: 5px;
		padding-right: 10px;
		
		}
		#SubMenu .Links a:link { color: #FFF; }
		#SubMenu .Links a:visited { color: #FFF; }
		#SubMenu .Links a:hover { color: #e6b136; }
		#SubMenu .Links a:active { color: #e6b136; }

/* --- 
Bread Crumbs 
--- */
.Breadcrumbs {
	margin: 0;
	padding: 0 10px;
	color: #443620;
	background: #E3E0D5;
	text-align: right;
	line-height: 21px;
	border-right: 1px solid #000;
	}
	.Breadcrumbs a { font-weight: bold; }
	
	.Breadcrumbs a:link { color: #912E0D; text-decoration: underline; }
	.Breadcrumbs a:visited { color: #912E0D; text-decoration: underline; }
	.Breadcrumbs a:hover { color: #443620; text-decoration: none; }
	.Breadcrumbs a:active { color: #443620; text-decoration: none; }

/* --- 
Content Pages 
--- */
#ContentArea {
	background: #D6D1BE url(../../images/content_bg.jpg) no-repeat left top;
	color: #443620;
	margin-bottom: 1px;
	padding: 0 20px 15px;
}

/* ===
Content Text Styles
=== */

/* ---
General Content Text 
--- */
#ContentArea a { font-weight: bold; }

	#ContentArea a:link { color: #126097; text-decoration: underline; }
	#ContentArea a:visited { color: #126097; text-decoration: underline; }
	#ContentArea a:hover { color: #912E0D; text-decoration: none; }
	#ContentArea a:active { color: #912E0D; text-decoration: none; }

#ContentArea pre { font-family: "Courier New", courier, monospace; }

#ContentArea p, 
#ContentArea li, 
#ContentArea div, 
#ContentArea pre, 
#ContentArea .main-text,
#ContentArea .main-text-bold {
	line-height: 19px;
	font-size: 12px;
	}
#ContentArea h2, #ContentArea h3 {
	font-size: 14px;
	color: #912E0D;
	margin-bottom: 0;
	}
#ContentArea h2.PageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: lighter;
	letter-spacing: -1px;
	color: #912E0D;
	line-height: 19px;
	border-bottom: 1px solid #912E0D;
	margin: 0 -10px 12px;
	padding: 12px 0 0;
	}
#ContentArea h4, #ContentArea .sub-title-02 { font-size: 13px; }
#ContentArea .ArticleQuicklinks h4 {
	margin: 5px 0 -5px 10px;
	clear: both;
	}

#ContentArea .sub-title-02 { font-weight: bold; }

#ContentArea h5 { font-size: 11px; }

#ContentArea ul {
	list-style: url(../../images/bullet_yellow.gif);
	margin: 5px 10px 10px 30px;
	padding: 0;
	}
#ContentArea ol {
	margin: 5px 10px 10px 30px;
	padding: 0;
	}
	#ContentArea li {
		padding-top: 0;
		padding-bottom: 2px;
		font-size: 11px;
		}

.Required {
	font-size: 11px;
	color: #912E0D;
	font-style: italic;
	font-weight: bold;
	}
.Note {
	color: #912E0D;
	font-style: italic;
	}
	#ContentArea .Note a { font-weight: normal; }
.Code {
	font-family: "Courier New", Courier, monospace;
	text-align: center;
	}
#ContentArea .Tiny {
	font-size: 11px;
	font-weight: normal;
	}
	#ContentArea .Tiny a { font-weight: normal; }

/* ---
Structural Styles
--- */

.ArticleQuicklinks {
	float: right;
	background: #F1F0EB;
	border: 1px solid #CECBC2;
	width: 180px;
	margin: 0 0 10px 20px;
	padding-bottom: 5px;
	}	
	#ContentArea .ArticleQuicklinks div {
		font-size: 11px;
		float: left;
		margin: 10px 10px;
		}
	.ArticleQuicklinks div img {
		margin-right: 3px;
		float: left;
		}
	.ArticleQuicklinks .Join {
		background: #912e0d;
		border: 1px solid #900;
		width: 150px;
		padding: 2px 5px;
		}
		.ArticleQuicklinks div.Join img { padding: 3px 0 20px; }
		#ContentArea .ArticleQuicklinks .Join a:link { color: #ECE9E4; }
		#ContentArea .ArticleQuicklinks .Join a:visited { color: #ECE9E4; }
		#ContentArea .ArticleQuicklinks .Join a:hover { color: #e6b136; }
		#ContentArea .ArticleQuicklinks .Join a:active { color: #e6b136; }
.Sidebar {
	clear: right;
	float: right;
	font-size: 11px;
	width: 160px;
	padding: 0 10px 15px;
	margin: 0 0 10px 20px;
	background: #F1F0EB;
	border: 1px solid #CECBC2;
	}
	#ContentArea .Sidebar div { 
		font-size: 11px;
		margin: 5px 0 0;
		float: left;
		}
	.Sidebar div img { 
		margin: 2px 3px 5px 0;
		float: left;
		}
	.Sidebar h4 { margin: 5px 0 0; }

.ArticleSearch {
	background: #F1F0EB;
	border: 1px solid #CECBC2;
	margin: 0 auto 15px;
	padding: 5px 12px;
	width: 575px;
	}
	#ContentArea .ArticleSearch h3 { margin-top: 0; }

	.ArticleSearch input, 
	.ArticleSearch select, 
	.AddComment input, 
	.AddComment textarea {
		border: 1px solid #443620;
		margin: 0 3px;
		}
	.ArticleSearch .NoBorder input, 
	.AddComment .NoBorder input { border: none; }

.ExpertAbout,
.FeaturedWrapper { 
	clear: left;
	border: 1px solid #CECBC2;
	background: #F1F0EB;
	margin: 20px 10px 12px 0;
	padding: 3px 5px;
	}
.FeaturedWrapper { 
	clear: none;
	background: #F1F0EB url(../../Images/featured_bg.jpg) no-repeat top left;
	float: left;
	margin-right: 0;
	width: 213px;
	min-height: 290px;
	}
.Centre { margin-left: 22px; margin-right: 22px; }
	.ExpertAbout h3,
	.FeaturedWrapper h3 { margin-top: 0; }
	.ExpertAbout h4 { margin-bottom: 0; }
	.ExpertAbout .AuthorPhoto { margin: 15px 10px 5px 0; }
	#ContentArea .FeaturedWrapper p {
		font-size: 11px;
		margin: 2px 0;
		}
	.FeaturedWrapper img {
		float: left;
		margin-right: 5px;
		}

#ContentArea .LinksList { 
	margin: 3px 10px 12px 30px;
	list-style: url(../../images/bullet_redarrow.gif);
	padding: 0;
	}
	#ContentArea .LinksList li {
		padding: 0 0 4px 0;
		font-size: 11px;
		}
	#ContentArea .LinksList a { 
		font-weight: bold; 
		font-size: 12px;
		}
		#ContentArea .LinksList a:link { color: #126097; }
		#ContentArea .LinksList a:visited { color: #126097; }
		#ContentArea .LinksList a:hover { color: #443620; }
		#ContentArea .LinksList a:active { color: #443620; }

#ContentArea .Steps {
	font-family: "Times New Roman", Times, serif;
	color: #912E0D; 
	margin-left: 40px;
	}
	#ContentArea .Steps li {
		font-size: 32px;
		}
		#ContentArea .Steps li p,
		#ContentArea .Steps li li {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #443620;
			}
			#ContentArea .Steps li p.Note { color: #912E0D; }


.FeaturedWebinars {
	width: 100%;
	margin: 10px 0;
	}
	.FeaturedWebinars td { padding: 1px 10px; }


/* ---
Archive Listing 
--- */
.ArchivesTable {
	width: 100%;
	color: #443620;
	margin: 10px auto 0;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	}
	.ArchivesTable td table { margin-top: 15px; }
	.ArchivesTable th {
		background: transparent;
		color: #912E0D;
		font-size: 14px;
		font-weight: bold;
		padding: 3px 5px;
		text-align: center;
		}
	.ArchivesTable td {
		border-bottom: 1px solid #CECBC2;
		background: #F1F0EB;
		vertical-align: top;
		padding: 3px 7px 7px;
		line-height: 19px;
		}
		.ArchivesTable td table td { border-bottom: none; }
		.ArchivesTable td.Date, .ArchivesTable td.Time { width: 120px; }
		
		.ArchivesTable td.Pages {
			background: transparent;
			font-size: 12px;
			text-align: right;
			}
			.ArchivesTable td.Pages a { margin-left: 3px; }

		#ContentArea .ArchivesTable td div { 
			margin: 0;
			padding: 0;
			}
		
		
		#ContentArea .ArchivesTable td .Presenters {
            }
		
		    #ContentArea .ArchivesTable td .Presenters td {
		        width: 250px;
		        }
		        
		        #ContentArea .ArchivesTable td .Presenters td .Description,
		        #ContentArea .ArchivesTable td .Presenters td .Presenter { 
			        font-size: 11px;
			        clear: left;
			        }
					#ContentArea .ArchivesTable td .Presenters td .Presenter div { font-size: 11px; }
			        
			#ContentArea .ArchivesTable td .Presenters td .Presenter a,
			#ContentArea table.WebinarInfo td a { font-weight: normal; }
		
		.ArchivesTable td .Presenter img,
		.AuthorPhoto {
			float: left;
			border: 1px solid #CECBC2;
			margin-right: 5px;
			margin-bottom: 2px;
			}
		
			#ContentArea .ArchivesTable .Description a:link { color: #912E0D; }
			#ContentArea .ArchivesTable .Description a:visited { color: #912E0D; }
			#ContentArea .ArchivesTable .Description a:hover { color: #126097; }
			#ContentArea .ArchivesTable .Description a:active { color: #126097; }

		

/* ---
Webinar Details
--- */

.WebinarEmbed {
	border: 1px solid #443620;
	background: #d6dbd1;
	width: 500px;
	}
	#ContentArea .WebinarEmbed .FullScreen {
		font-size: 11px;
		float: right;
		margin: 0 10px;
		}
		#ContentArea .WebinarEmbed .FullScreen a { font-weight: normal; }
		.WebinarEmbed .FullScreen img { vertical-align: top; }

.WebinarOptions { 
	width: 500px;
	margin-top: 5px;
	}
	#ContentArea .WebinarOptions .Rating {
		float: left;
		margin-left: 10px;
		font-size: 11px;
		}
		.WebinarOptions .Rating span { float: left; }
		.WebinarOptions .Stars { margin-right: 7px; }
	#ContentArea .WebinarOptions .Comment {
		float: right;
		margin-right: 10px;
		font-size: 11px;
		}
	#ContentArea .Responses .Comment { 
		float: none;
		margin-top: 15px;
		}
		.WebinarOptions .Comment img { vertical-align: top; }
	
		
table.WebinarInfo { 
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	width: 500px;
	}


/* Rating */
.ratingStar {
    width: 20px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
    }

.filledRatingStar {
    background-image: url(../../Images/star.gif);
	background-position: left center;
    }

.emptyRatingStar {
    background-image: url(../../Images/star.gif);
	background-position: left top;
    }

.savedRatingStar {
    background-image: url(../../Images/star.gif);
	background-position: left bottom;
    }
/* */



#ContentArea .WebinarData {
	clear: both;
	padding-top: 12px;
	}
#ContentArea .Responses {
	clear: both;
	border: 1px solid #CECBC2;
	background: #F1F0EB;
	margin: 20px 0 12px;
	padding: 0 10px 3px;
	}
#ContentArea .Responses h3 { 
	float: left;
	margin-right: 10px;
	}
#ContentArea .Responses p { 
	font-size: 11px;
	margin: 0 0 10px;
	}
	#ContentArea .Responses p span.Commenter { font-weight: bold; }
	#ContentArea .Responses .NoPosts p { font-size: 12px; font-weight: bold;}
	.ResponseButton {
	width: 280px;
	text-align: right;
	margin: 5px 0;
	}

/* ---
Registration
--- */

.RegisterTable {
	width: 500px;
	margin-bottom: 10px;
	}
	.RegisterTable td {
		padding: 5px 2px;
		font-size: 12px;
		}
		.RegisterTable .Label {
			width: 120px;
			text-align: right;
			}
		.RegisterTable .LabelNoWidth { text-align: right; }
		.RegisterTable input, 
		.RegisterTable select, 
		.RegisterTable textarea {
			border: 1px solid #443620;
			margin: 0 3px;
			}