/* page body */
body { background-color:#333333; font: 80%  Arial, Helvetica, sans-serif; padding: 0px; margin: 10px; color:#000000; }

select { font-size:90%; font-family: Arial, Helvetica, sans-serif;}
input { font-family: Arial, Helvetica, sans-serif;} 
textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; height:60px; }

div#container {background: #ffffff url(../img/containerbg.gif) top left repeat-y; text-align:left; color: #000000; margin: 0px; padding: 0px; min-height:600px; width: 793px; border:1px solid #000000;}
div#pagebody { background: transparent; margin: 0; padding:0px; width: 793px; }
div#header { z-index: 20; background: url(../img/photo_hp.png) repeat-y; width:665px; padding-top: 0px; padding-bottom: 0px; margin-left: 128px; border: 0px; align: right; color:#FFFFFF; vertical-align:bottom; position:absolute; }
div#header2 { width:665px; margin-left: 128px; border: 0px; align: right; color:white; vertical-align:bottom; }
div#headertext { text-align:right; margin-left:135px; margin-top:77px; color:white; z-index:500; position:absolute; }
div#cow { z-index: 19; background-image: url(../img/cow.jpg); background-repeat: no-repeat; }
div#logo { text-align:left; padding-left: 10px; padding-top:1px; z-index:1;}
div#main { z-index: 21 ; position:relative; padding-left:0px ; padding-top: 0px; margin-top: -85px; margin-bottom:10px; width: 660px; float:right; /*min-height:600px;*/}
div#content { background-color: #FFFFFF; color:#000000; text-align:justify; width:475px; padding-top:5px; margin-top:52px; margin-left:15px; padding-left:5px; position:relative; float:left; }
div#middle { width:460px; text-align:left; position:relative; float:left; margin-left:0px; vertical-align:top; margin-top:5px; margin-bottom:15px;}
div#promo { background: url(../img/box_gradient.gif) repeat-x; vertical-align: top; width:195px; font-size: 85%; border:1px solid #000000; position: relative; color:#000000; padding:4px; margin-top:0px; }

div#sidebar { z-index: 50; background-color:#99CC66; padding:4px; position:relative; top:0; float:right; margin-top:6px; margin-right:2px; width:124px; vertical-align:top; text-align: center; }
* html div#sidebar {margin-right:2px;}
/* div#left { color:#ffffff; margin: 0px; padding: 10px 0px 10px 0px; float:left; top:0px; position:relative; width:125px; border-right:1px solid #ffffff; }*/

div#left-wrapper { float:left; width:125px; }
div#menu { z-index: 40; position:relative; background-color:#669933; width:125px; text-transform:lowercase; /*float:left;*/ }

div#lang { margin:25px 0 0 12px; }
div#lang a:link, div#lang a:visited { color:#000; text-decoration:underline; }
div#lang a:active, div#lang a:focus, div#lang a:hover { color:#fff; text-decoration:none; }

div#footer { color:#FFFFFF; font-size: 85%; width:773px; z-index:4; text-align:center; margin-top:10px; margin-bottom: 10px;}
div#end { clear:both; width:773px; height:1px; } 

h1 {font-size:160%; font-weight:normal; padding-top:0px; margin-top:0px; color:#003300;}
h2 {font-size:100%; font-weight:bold; padding-bottom:0px; padding-top:0px; margin-top:0px;margin-bottom:3px; color:#000000;}
/* headline in right hand box */
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; font-weight: bold; margin: 0px; padding: 0px;}
/* headline in right hand box */
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold; margin: 0px; padding: 0px;}

div#content h2 a:link, div#content h2 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; font-weight: bold; margin: 0px; }
div#content h2 a:active, div#content h2 a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #003300; font-weight: bold; margin: 0px; }
div#content a:link, div#content a:visited {	color: #000000;	text-decoration: underline;	text-transform:none; font-weight: normal;	}
div#content a:active, div#content a:hover {	color: #669933;	text-decoration: none;	text-transform:none; font-weight: normal;	}
div#content p {text-align:justify;}

div#sideimages h3 a:link, div#sideimages h3 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration:none; margin: 0px; padding: 0px;}
div#sideimages h3 a:active, div#sideimages h3 a:hover  {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; text-decoration:none; margin: 0px; padding: 4px}

.imgborder { border: 2px solid #669933; padding:0px; margin:2px; text-align:center;}
.photo { border:1px solid #7F4F5B; }

/* form buttons */
.button { background-color:#669933; color: #000000; font-size:100%; padding:2px;}
.button_active { background-color:#99cc65; color: #000000; font-size:100%; padding:2px;}

/* links at bottom of content area to legal notice, Ts&Cs etc */
a.small-link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: gray; TEXT-DECORATION: underline }
a.small-link:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: gray; TEXT-DECORATION: underline}
a.small-link:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: gray; TEXT-DECORATION: underline}
a.small-link:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; TEXT-DECORATION: underline}

/* div link styles */
div#footer a:link, div#footer a:visited { color: #FFFFFF; text-decoration: underline; }
div#footer a:active, div#footer a:hover { color: #666666; text-decoration: underline; }

div#menu a:link, div#menu a:visited {	color: #000000;	text-decoration: none;	}
div#menu a:active, div#menu a:hover { color: #000000; text-decoration: underline;}
div#menu td { background-color: #99CC66; border-bottom:1px solid #99cc66; text-indent:15px; font-weight:bold; height:28px; font-size: 95%; }

div#main a:link, div#main a:visited {	color: #000000;	text-decoration: underline;	font-weight: normal;	}
div#main a:active, div#main a:hover {	color: #669933;	text-decoration: none;  font-weight: normal;	}
div#pagebody>div#main { height: auto; min-height: 200px;}

div#promo a:link, div#promo a:active { font-weight:normal; color:#000000; text-decoration:underline; }
div#promo a:hover, div#promo a:visited { font-weight:normal; color:#336600; text-decoration:underline;}
div#promo .link-bttm { position:relative; text-align:right; }

.small { font-size:85% }
.form { width:300px; }
#other, #dairy { background-color:white; }
#other td, #dairy td, #contact td { background-color:#99cc65; padding:5px; font-size:90%; }

.testimonials {font-style:italic; }

/* Styles for applicant YouTube video table */
div#applicant-videos div.video-row, div#employer-videos div.video-row {
	clear: both;
}
	div#applicant-videos div.video-row div.applicant-video, div#employer-videos div.video-row div.employer-video {
		width: 140px;
		margin-left: 10px;
		float: left;
	}
		div#applicant-videos div.video-row div.applicant-video p, div#employer-videos div.video-row div.employer-video p {
			width: 120px;
			margin-top: 0;
			text-align: left;
		}
	
div#applicant-videos div.clearer, div#employer-videos div.clearer {
	clear: both;
}
div#testimonial{ height:75px;}
div#testimonial-employer{ height:75px;background-color:#99CC66; font-weight:bold; width:473px; padding:10px 30px 0px 30px; margin-left:-30px;}
* html div#testimonial-employer{ margin-left: 5px; margin-right:5px; height:75px;background-color:#99CC66; font-weight:bold; width:473px; padding:10px 0px 0px 0px;}
div#benefits{ height:50px;}
div#employer-rotate_between{ }
#checklist{border:1px solid black; border-collapse:collapse; width:100%;}
#checklist td{font-size:0.8em;border:1px solid black; height:25px;}
#checklist th{font-weight:bold; font-size:0.9em; background-color:#99CC66;}
.testimonial-image{float:left; margin-right:5px; margin-bottom:5px; border:5px solid #99CC66}
.testimonial-layout{min-height:150px; margin-bottom:20px;}