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

body {margin:0; background-color: #3c3724; height: 100%; font-size:16px; font-family:"Times New Roman", Times, serif; _behavior:url("csshover.htc"); }
img{_behavior:url("iepngfix.htc");}
h3 {font-size:21px;}
h4 {font-size:20px;}
#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: 50px; background-color:#0e1319; border-left: #333 solid 2px; border-right: #333 solid 2px;}

#topmain {width: 920px; height: 390px; margin-left:10px; margin-bottom:10px; padding-left:10px; background-image:url(../images/topmain.jpg); background-repeat:no-repeat;  
      }

#top {width: 920px; height: 155px; margin:auto; margin-bottom: 10px; padding:0; background-image:url(../images/topshadow.jpg); background-repeat: no-repeat; 
      }

#grangelogo { float: left; padding:0; margin-top: 5px; margin-left: 12px; margin-right: 16px; 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; overflow:hidden; z-index:0;}

#nav { width: 240px;height:20px; margin-left: 20px;  }
#nav a { display:block; height: 20px; float:left; vertical-align: top; background-image: url(../images/selector.png); background-repeat:no-repeat; text-decoration: none; margin: 0 8px; padding: 5px 10px; 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; background-image:url(../images/facebookupdate.jpg); background-repeat:no-repeat; width:215px; height:170px;color:white; padding-left:15px; padding-right: 10px; padding-top:50px; padding-bottom:15px;}

#facebook a { display:block; background-image:url(../images/facebookaddrollover.png); background-position:-100px -100px; background-repeat:no-repeat; width:92px; height:30px;}
#facebook a:visited {display:block; background-image:url(../images/facebookaddrollover.png); background-position:-100px -100px; background-repeat:no-repeat; width:92px; height:30px;}
#facebook a:hover {display:block; background-image:url(../images/facebookaddrollover.png);background-repeat:no-repeat; background-position:0 0; width:92px; height:30px;} 

#eventstream { float: left; background-image:url(../images/events.jpg); background-repeat:no-repeat; width:215px; height:210px;color:white; padding-left:15px; padding-right: 10px; padding-top:10px; padding-bottom:15px;}
#eventstream a:link {color:#bb8521; text-decoration:none;}
#eventstream a:visited {color:#bb8521; text-decoration:none;}
#eventstream a:hover {color:#bb8521; text-decoration:underline;}

#creditfooter{display: none;}
#weather { width: 185px; height: 225px; background-image: url(../images/weather.jpg); background-repeat: no-repeat; color:white; float: left; padding-left:15px; padding-top:5px; padding-bottom:5px; padding-right:10px;}
#weather td {margin:0; padding: 0; }
#weather td img {margin:0; padding: 0; float: left;}
#weather h3 {text-align: center; padding: 8px 0;}
#currentimg { width: auto; height: auto; margin-left: 5px; }
#weatherdata { height: 60px; padding: 0; margin:0;  overflow: hidden; font-size: 1em;}
#forecast{width: 168px; height:57px; padding: 0; margin-left: 5px; padding-top:5px;}
#weatherIcon {padding: 0; width: 42px;  text-align:center; float: left; }
#weatherlink {text-align: center; margin-top: 5px; padding: 0; font-size:1.125em;}
#weatherlink a:link {color:white; text-decoration:none;  font-size: 1em;}
#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: 0; margin-bottom: 10px; 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: normal; z-index:0;}
#hwcontent h3 {padding-bottom:10px; }
#hwcontent a:link {color:#bb8521;}

#welcome { width: 680px; height: 164px; margin:0; padding-bottom: 10px; font-size:1.125em;}
#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; height: 360px;  z-index:2; }
#advert h3 {text-align: center; width: auto; text-decoration: underline;}
#bottom {width: auto; height:auto; padding: 20px 0px 10px 0px; margin-top: 10px; border-top: #333 solid 2px;}
#bottom img { float: left; padding-left: 40px;}
.ads {color:white; width:670px; height: 350px; padding: 5px; background-color: transparent; }
.ads h1{text-align: center; padding: 10px 0 10px 0;}
#supersaver {
	width:660px;
	height:190px;
	z-index:99;
    overflow: auto;
}

.ssmobile { overflow:visible; width:650px; height:170px;}

#supersaver img {float: left; padding: 2px; margin:0px 2px; border: solid 1px #003; }
}
#supersaver img:hover {border: solid 1px white;}

.ssnav {color:#F00; padding:0 5px 5px; width: 600px; float:left;}
.ssnav a:link {color:#F00; text-decoration:none; font-weight:bold; padding:5px;}
.ssnav a:visited {color:#F00; text-decoration:none; font-weight:bold; padding:5px;}
.ssnav a:hover {color:#F00; text-decoration:underline;}
#hwslide { width: 680px; height: auto; background-color:#6a5d30; background-image: url(../images/advertbg.jpg); background-repeat: repeat-x; z-index:0;}
#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; z-index:0;}
.direct {float: right; top: 100%;}
.hwmain { width: 660px; height: auto; padding: 10px; font-weight: normal; z-index:0;}
.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{ width: 670px; margin:auto; padding-left:10px;}

#adnav { width: 580px; position:relative; font-size:18px; top:310px; margin-left: 60px; margin-right: auto; padding: 0; z-index:99; }
#adnav ul {display:inline; padding: 0; margin: 0;}
#adnav li { width: auto; height:auto; float: left; padding: 5px; list-style: none; background-image: url(../images/adnav.png); background-repeat:repeat-x;}
#adnav a:link { width: auto; padding: 3px; display: block; color: white; text-decoration: none;}
#adnav a.visited {color:white;}
#adnav a.activeSlide { background: #88f; }
#adnav a.active {color:white;}
#adnav a:hover { text-decoration:underline;}
#adnav a:focus { background-image: url(../images/advertbg.png); background-repeat: repeat;  }



#agroslide { width: 680px; height: 545px; 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 { width:688px; height: 500px; background-image:url(../images/advertbg.jpg); background-repeat: repeat-x;background-color:#6a5d30;  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-color:#6f6542;
	background-repeat:repeat-x;
	width: 940px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
	color:white;
}
#footer a:link { color:white; text-decoration:none;}
#footer a:visited {color:white; text-decoration:none;}
#footer a:hover { color:white; text-decoration:underline;}




#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;}

#email a:link { color:white; text-decoration:none;}
#email a:visited {color:white; text-decoration:none;}
#email a:hover { color:white; text-decoration:underline;}

.orangelink a:link { color:#bb8521; text-decoration:none;}
.orangelink a:visited {color:#bb8521; text-decoration:none;}
.orangelink a:hover { color:#bb8521; text-decoration:underline;}

#cse-search-box {float: right; width: 300px; margin: 8px 10px; padding: 0; color: white; font-size:16px; color: #87A0E4;}
#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;
}
#wrap #bodyfade #main #content #advert .mobile.ads p {

}