@CHARSET "ISO-8859-1";

body{
	background: #747474;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	font-size:16px;
	}

div#container{
max-width:1024px;
min-width:800px;
margin: 0 auto;
background: #152C56 url(../img/cow-grazing-background.jpg) no-repeat fixed center bottom;
z-index:-3;
}

div#header {
	background: #500000 url(../img/agri-life-logo.gif) no-repeat 97% 50%;
	color:#FFFFFF;
	height:135px;
	padding:0px;
}

div#header h1 {
	font-size:70px;
	line-height:135px;
	margin: 0px 0px 0px 2%;
	text-indent:-3000px;
	background: url(../img/ranchtv-logo.jpg) no-repeat left center;
}

div#footer {
	background: #500000;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	font-family: Verdana, Arial, sans-serif;
	padding: 20px 0px 0px 0px;
	clear:both;
	max-width:1024px;
	min-width:800px;
	margin: 0 auto;
	
}

div#footer img {
	float:right;
	margin-right:3%;
	}

div#footer p {
	padding-top:15px;
	}

div#footer a {
	color:#FFFF00;
	text-decoration:none;
}

div#footer a:hover {
	color:#6dcff6;
	text-decoration:underline;
}

div#navbar {
	padding-left:2%;
	background: #cccccc url(../img/nav-back.jpg) repeat-x;
	width:98%;
	height:38px;
	}

div#navbar ul {
	padding:0px;
	margin:0px;
	line-height:38px;
	}


div#navbar ul li {
list-style: none;
display:inline;
padding-right:1.5em;
font-weight:600;
font-family:Verdana, Arial, sans-serif;
font-size:17px;
}

div#navbar a {
	color:#000000;
	text-decoration:none;
}

div#navbar a:hover {
	color:#500000;
}

body.home div#navbar a.home, body.categories div#navbar a.channels,
body.resources div#navbar a.resources, body.get-certified div#navbar a.get-certified,
body.about div#navbar a.about, body.contacts div#navbar a.contact {
	color:#315A99;
}


div.one-column{
	width:60%;
	margin-left:10%;
	}

div.main-column-left {
	width:50%;
	margin-left:5%;
	float:left;
	}
	
div.sidebar-right {
	width:30%;
	margin-right:5%;
	float:right;
	}


div.content p, div.content h2,div.content h3,div.content dl   {
	padding: 0 20px 0 20px;
	margin: 15px 0px 15px 0px;
	}

div.content {
	background-color:#b29264;
	border:solid 1px black;
	}

div.shadow {
	/* must be contained n positioned element */
	width:100%;
	margin-left:27px;
	margin-top:27px;
	background:url(../img/drop-shadow.png) no-repeat bottom right;
	z-index:-1
	}

.shadow_contents {
	position:relative;
	left:-27px;
	top:-27px;
	}

div.categories_list_wrapper {
	width:26%;
	float:left;
	margin-left:2%;
	
	}

div.categories_list {
	width:100%;
	margin-left:27px;
	margin-top:27px;
	background:url(../img/drop-shadow.png) no-repeat bottom right;
	color:#ffffff;
}

div.categories_list ul {
	padding:10px 10px 10px 30px;
	margin:0px;
	background:#b29264;
}

div.categories_list h3 {
	background:#b29264;
	margin:0px;
	text-align:center;
	padding-top:10px;
	width:100%;
	}

div.categories_list ul li {
	margin-top:.5em;
	list-style:none;
	padding-left:20px;
	background: url(../img/white-arrow.gif) no-repeat left center;
	}

div.categories_list a {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}

div.categories_list ul li:hover {
	background:url(../img/yellow-arrow.gif) no-repeat left center;
}

div#top_videos_layout {
	width:503px;
 	float:right;
 	margin-right:4.5%;
}

div#top_videos {
 color:#000000;
 background: url(../img/grass-background.jpg) repeat left center;

}

div#top_videos h2 {
	color:#ffffff;
	}

div#top_videos div.item {
	float:left;
	margin:10px 0px 10px 35px;
	width:115px;
	height:86px;
	display:inline;
}

div#top_videos p, div#top_videos h2 {
	padding:0px 35px 0px 35px;
	margin-top:10px;
}

div#top_videos p {
font-size:16px;
}

div#top_videos img{
display:block;
}

.sidebar-right p {
	font-size:12px;
	}
	
.content img.right {
	float:right;
	margin:0px 20px 1em 1em;
	border:none;
	}
a:link{
 color:#8ac9ed;
}

a:visited {
	color:#fff799;
}

a:hover {
	color:#0b4678
}

a:active {
	color:#8ac9ed
}

dd {
	margin-top:.5em;
	margin-bottom:1.5em;
	}
	
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	font-size: 110%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

fieldset.compact {
	margin: 0px;
	padding: 0px;
	width:600px;
	border:none;
	font-size:14px;
	line-height:1em;
	}

fieldset.compact label{
	display: inline;
	font-size: 14px;
	padding: 0;
	}

fieldset.compact input {
	clear: none;
	font-size: 14px;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: auto;
	float:none;
}


form fieldset.compact div.input {
	color: #000;
	padding:0px;
}

fieldset.compact div.radio label {
	margin: 0px 8px 0px 0px; 
}

div.label_below {
	float:left;
	width:auto;
	text-align:center;
	clear:none;
	font-size:12px;
	}

fieldset.compact div.label_below input {
	float:left;
	width:3em;
	font-size:12px;
	}

fieldset.compact div.label_below label {
	float:left;
	clear:left;
	width:3em;
	font-size:12px;
	}

fieldset.compact div.error-message {
	display:inline;
	color:red;
	font-size:12px
}
	

/* overlay styles */
	
/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div.overlay iframe {
	width:100%;
	height:410px;
	overflow:hidden;
	border:none;
	}


/* black */
div.overlay.black {
	background:url(../img/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(../img/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}

body.categories div.categories_list_wrapper {
	float:left;
	margin-left:2%;
	margin-right:1%;
	width:24%;
}

body.categories div#playlist {
}

body.categories div.playlist_wrapper {
	float:right;
	margin-right:2%;
	width:293px;
}

body.categories div.categories_list h3 img {
	width:187px;
}	
body.categories div.main_wrapper {

	width:402px;
	float:left;
	margin-bottom:30px;
}	

body.categories div.main {
		background: #4b4b4b;
		color:#ffffff;	
}

div.video_controls {
	float:right;
	min-width:720px;
	width:72%;
	}

div#category_description, div#category_description p {
	background: #080808;
	margin:0;
	padding:0;
}

div#category_description p {
	padding:20px 10px;
	font-size:13px;
	height:10em;
}

div.main h2 {
 text-align:center;
 padding-top:1em;
}

div.categories_list h3{
 font-size:16px;
}