@charset "utf-8";
/* CSS Document */

body {margin:0; background-color: #3c3724; height: 100%;}
#wrap {min-height: 100%; }
#bodyfade { background-image:url(../images/bodyfade.jpg); background-repeat: repeat-x; min-height: 100%;}

#main { width: 940px; margin: auto; min-height: 100%; overflow: hidden;
	padding-bottom: 35px; background-color: #0e1319; border-left: #333 solid 2px; border-right: #333 solid 2px;}
#top {width: 900px; height: auto; margin:auto; margin-bottom: 10px; padding:0; background-image:url(../images/header.jpg); background-repeat: repeat-y; 
      }

#grangelogo { float: left; padding:0; margin-top: 5px; margin-left: 12px; margin-right: 11px; margin-bottom: 10px; width: auto; height: auto;}
#loadslogan {background-image: url(../images/welcome.png); background-repeat: no-repeat; margin: 0; padding: 0; height: 75px; width: 638px; }
#headerslide{
	width:835px;
	margin:0 auto;
	height: 200px;
}
#nav {width: 240px; margin-left: 20px; padding-top: 10px; }
#nav a { background-image: url(../images/selector.png); background-repeat:no-repeat; text-decoration: none; margin: 0 8px; padding: 5px 12px; color:white;}
#nav a.activeSlide { background-image: url(../images/selected.png); }
#nav a:focus { outline: none; }

#sidebar{ float: left; height: auto;  margin-left: 20px; padding:0; width:200px; text-align: left; color:white;}
#sidebar a { color: white; text-decoration: none; font-weight: bold;}


#news { color: white; margin: 0; padding: 0 10px 10px 0; width: 185px;}
#news img { margin-bottom: 5px; width: auto; }
#news h3 {color: #bb8521; padding-top: 5px; margin: 0; font-size:17px;}
#news p { margin:0; padding: 0;}
#news a {color:#bb8521; padding-top: 5px; margin: 0; font-size:17px;}
#news a:hover {text-decoration:underline;}
#news ul {list-style:none; margin: 0; padding: 0;}
#news ul li {padding: 5px 0;}
#facebook { float: left; }

#creditfooter{display: none;}
#weather { width: 168px; height: 195px; background-image: url(../images/weather.png); background-repeat: no-repeat; color:white; float: left; margin-left: 40px;}
#weather td {margin:0; padding: 0; }
#weather td img {margin:0; padding: 0; float: left;}
#weather h4 {text-align: center; padding: 5px 0;}
#currentimg { width: auto; height: auto; margin-left: 5px; }
#weatherdata { height: 55px; padding: 0; margin-left: 5px;  overflow: hidden; font-size: 14px;}
#forecast{width: 168px; height:57px; padding: 0; margin-left: 2px;}
#weatherIcon {padding: 0; width: 42px;  text-align:center; float: left; }
#weatherlink {text-align: center; margin: 0; padding: 0;  font-size: 14px;}
#weatherlink a:link {color:white; text-decoration:none;  font-size: 15px;}
#weatherlink a:visited {color:white; text-decoration:none;}
#weatherlink a:hover {text-decoration: underline;}



#content {float: left; width:690px; height: auto; margin-left: 10px; margin-top: 10px; margin-bottom: 0; color:white;}

#hwcontent {float: left; width:680px; height: auto; margin-left: 10px; margin-top: 5px; margin-bottom: 0; color:white; font-size: 20px; font-weight: bold; }
#hwcontent h3 {padding-bottom:10px; }
#hwcontent a:link {color:#bb8521;}

#welcome {float: left; width: 680px; height: auto; margin:0; padding-bottom: 10px; font-size: 18px;}
#welcome h3 {margin: 0; padding-bottom: 10px; }
#welcome img {float:left; margin: 0; padding-right: 10px; padding-bottom: 0; width: auto; height: auto;}

	
#advert { width: 680px; min-height: 360px; background-color:#3c3724; background-image: url(../images/advertbg.jpg); background-repeat: repeat-x; border:solid #333 3px;}
#advert h3 {text-align: center; width: auto; text-decoration: underline;}
#bottom {width: auto; padding: 20px 10px 10px 40px; margin-top: 10px; border-top: #333 solid 2px;}
#bottom img { float: left; padding-left: 40px;}
.ads {color:white; width:670px; height: auto; padding: 5px; background-color: transparent; }
.ads h1{text-align: center; padding: 10px 0 10px 0;}
#sstrigger { position: absolute; margin: 0; padding:0; top: 240px; left: 525px; }
#supersaver {width:670px; height: 195px; background-color: #001228; }
#supersaver img {float: left; padding: 7px; margin:0;}

.ssnav {padding-top: 170px; padding-left: 10px;}
.ssnav a {color: white; font-size: 18px;}

#hwslide { width: 680px; height: auto; background-color:#6a5d30; background-image: url(../images/advertbg.jpg); background-repeat: repeat-x; }
#hwslide ul {margin: 5px 0;}
#hwslide h3 {margin:0;}
#hwnav { width: 640px; height: 580px; margin-top: 10px; margin-left: 20px; margin-right: 20px; padding: 0;}
.direct {float: right; top: 100%;}
.hwmain { width: 660px; height: auto; padding: 10px; font-weight: normal;}
.hwmain td {
	padding: 5px;
	color: #FFF;
}
.hwmain img {padding: 3px;}
.marginbottom {margin-bottom:5px; margin-top:5px; text-decoration:underline; color:#bb8521;}
.padding {padding-left: 10px;}
.margin {margin-left: 10px;}
.right {float: right;}
.left {float: left;}
.hwmain h3 {color:#bb8521;text-decoration: underline;}
.hwmain ul {padding-left: 16px;}
#feed {width: 660px; height: 500px; }


#hwnav ul {display:inline; padding: 0; margin: 0; }
#hwnav li { width: 140px;  height: 178px; float: left; margin: 5px 10px; list-style: none; background-image:url(../images/advertbg.png); background-repeat: repeat;  }
#hwnav a:link { width: 135px; padding: 3px; display: block; color: white; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center;}
#hwnav a:visited {color:white; text-align: center; text-decoration: none;}
#hwnav a:hover { width: auto; padding: 3px; display: block;  color: white; font-size: 18px; font-weight: bold; text-decoration: underline;}
#hwnav a.activeSlide { background: #88f; }
#hwnav a:focus { outline: none; }
#hwnav img { border: none; display: block; margin: 5px 8px;}
#logos{ padding: 5px; width: 660px; margin:auto;}

#adnav { width: 480px; margin-top: 310px; margin-left: auto; margin-right: auto; padding: 0;}
#adnav ul {display:inline; padding: 0; margin: 0; }
#adnav li { width: auto; height:auto; float: left; margin: 5px; list-style: none;  }
#adnav a:link { width: auto; padding: 3px; display: block; color: white; font-size: 18px; font-weight: bold; text-decoration: none;}
#adnav a:hover { background-image: url(../images/advertbg.png); background-repeat: repeat;}
#adnav a.activeSlide { background: #88f; }
#adnav a:focus { background-image: url(../images/advertbg.png); background-repeat: repeat;  }



#agroslide { width: 680px; height: 540px; background-color:#6a5d30; background-image: url(../images/advertbg.jpg); background-repeat: repeat-x; font-weight: normal; font-size:18px;}

#agronav {margin-left:4px; margin-top:330px;}
#agronav ul {display:inline; padding: 0; margin: 0; }
#agronav li { width: 216px;  height: 188px; float: left; margin: 5px 4px; list-style: none; background-image:url(../images/advertbg.png); background-repeat: repeat;  }
#agronav a:link { width: 215px; display: block; color: white; font-size: 18px; font-weight: bold; text-decoration: none; text-align: center;}
#agronav a:visited {color:white; text-align: center; text-decoration: none;}
#agronav a.activeSlide { background: #88f; }
#agronav a:focus { outline: none; }
#agronav img { border: none; display: block; margin: 8px 8px 5px 8px;}

#fuelcontent {float: left; width:688px; height: auto; background-image:url(../images/advertbg.jpg); background-repeat: repeat-x;background-color:#6a5d30; margin-left: 10px; margin-top: 5px; margin-bottom: 0; color:white; font-size: 20px; font-weight: bold; }
#fuelcontent h3 {padding-bottom:10px; }
#fuelcontent a:link {color:#bb8521;}

#footer { background-image:url(../images/footer.jpg); background-repeat:repeat-x; width: auto; position: relative;
	margin-top: -32px; /* negative value of footer height */
	height: 35px;
	clear:both;}

#links { width: 623px; height: 250px; padding: 0; margin:auto; color: #bb8521; background-image:url(../images/links.jpg);
background-repeat: repeat-y; border: solid white 1px; padding: 10px 0;}
#links h3 {color: white; margin-left: 4px; margin-bottom: 5px; margin-right: 0; margin-top: 0; padding:0;}
#links a:link {color: #bb8521;}
#links a:visited {color: white; text-decoration: none;}
#links a:hover {color: white;}
#links ul { padding-left: 15px; margin-bottom: 0; margin-top: 10px;}
#links ul li { padding:5px 2px; }

#quicklinks {float: left; padding: 0 10px; border-right: solid white 1px;}
#quicklinks ul {margin-bottom: 10px;}
#quicklinks ul li {padding: 8px 0;}
#sitelinks {float:left;padding: 0 10px; border-right: solid white 1px;}
#department {float:left;padding: 0 10px;}
#department ul li {padding-bottom: 8px;}


#cse-search-box{float: right; width: 290px; margin: 8px 15px; padding: 0; color: white; font-size:16px; color: #87A0E4; font-family: OFL Sorts Mill Goudy;}
#cse-search-results {color:white; margin: 10px;}
#bodyfade #main #hwcontent #hwslide .mobile.hwmain table tr td ul li {
	color: #FFF;
}
#bodyfade #main #hwcontent #hwslide .mobile.hwmain table tr td h2 {
	color: #FFF;
}
#wrap #bodyfade #main #hwcontent .mobile table tr td p {
	font-size: 18px;
}