/* ****** Default Tag Styles ****** */
* { 
	border: 0;
	margin: 0;
	outline: 0; 
	padding: 0; 
} 
html { font-size: 100.01%; }
body {
	background: transparent url(../images/bkgrd-header.png) repeat-x 0 0;
	color: #565658;
	font: normal 62.5%/1.5em arial, verdana, sans-serif; 
	position: relative; 
	width: 100%; 
}

h1, h2, h3, h4, h5, h6 { line-height: 1.3em; }

h1 { 
	color: #000;
	font-size: 2.5em; 
	margin: 1em 0 0;
}
h2 { 
	clear: both;
	font: normal 2.1em arial; 
	margin: .25em 0;
}
h2.highlight { 
	background: transparent url(../images/bkgrd-headings.gif) repeat-x 0 0; 
	color: #fff;
	height: 49px;
	margin: 0;
	padding: .5em 0 0 .75em;
}

h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font: italic 1em arial; }

p { margin: 0 0 1em; }	

a:link, a:visited { 
	color: #53a8dc;
	text-decoration: none; 
}
a:hover, a:active { text-decoration: underline; }

legend { 
	margin: -9999px;
	position: absolute; 
}

table { border-collapse: collapse; }
table td { border-width: 1px; }

/* ****** Main Containers ****** */
#outerContainer {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 1003px;
}
.innerContainer {
	clear: both;
	margin: 0 auto;
	position: relative; 
	text-align: left;
	width: 965px;
}

.garidentBtm { 
	background: url(../images/bkgrd-footer.png) repeat-x 0 bottom;
	height: 380px;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

.logo span { 
	margin: -9999px;
	position: absolute;
}

/* ****** START Header Area Styles ****** */
.headerArea {
	color: #fff;
	float: left;
	font: bold 1.1em arial;
	height: 260px;
	margin-bottom: 1em;
	position: relative;
	text-transform: uppercase;
	width: 100%; 
}
.school .headerArea { background: url(../images/navTwo-pink.png) repeat-x 0 bottom; }
.recycle .headerArea { background: url(../images/navTwo-orange.png) repeat-x 0 bottom; }
.garden .headerArea { background: url(../images/navTwo-purple.png) repeat-x 0 bottom; }
.business .headerArea { background: url(../images/navTwo-darkBlue.png) repeat-x 0 bottom; }
.rural .headerArea { background: url(../images/navTwo-green.png) repeat-x 0 bottom; }
.tools .headerArea { background: url(../images/navTwo-red.png) repeat-x 0 bottom; }
.news .headerArea { background: url(../images/navTwo-orange.png) repeat-x 0 bottom; }
.gallerium .headerArea { background: url(../images/navTwo-yellow.png) repeat-x 0 bottom; }

.headerArea .logo {
	background: url(../images/logo-wastenet.png) no-repeat;
	display: block;
	float: left;
	height: 55px;
	margin: 2em 1em 0;
	width: 358px;
}

/* Saved styles */
.saved {
	float: right;
	clear: both;
	margin: 1em 2em 0 0;
	text-align: right;
	width: 900px;
}
.saved div {
	background: url(../images/text-howDoing.png) no-repeat;
	float: right;
	height: 40px;
	width: 292px; 
}

.saved a,
.saved a:link,
.saved a:visited { color: #fff; }

.saved ul {
	clear: both;
	float: right;
	margin: 1.5em 0;
	width: 100%; text-align: right;
}
.saved li {
	display: inline;
	float: right;
	list-style-type: none;
	margin-left: 2.5em;
	padding-right: 3.75em;
}
.saved li span { 
	display: block; 
	font-size: 1.8em;
}
li.landfill { background: url(../images/icon-cube.png) no-repeat right 0; }
li.trees { background: url(../images/icon-tree.png) no-repeat right 0; }
li.water { background: url(../images/icon-waterdrops.png) no-repeat right 0; }
li.oil { background: url(../images/icon-barrel.png) no-repeat right 0; }

/* Search Styles */
.searchArea {
	color: #000;
	float: right;
	margin: 1em 2em 0 0;
	text-transform: lowercase;
	width: 427px;
}

.searchArea div { 
	float: left;
	line-height: 1.5em;
	width: 100%; 
}
.searchArea a,
.searchArea a:link,
.searchArea a:visited { 
	color: #000;
	float: left;
}
.searchArea a:hover { 
	color: #53a8dc; 
	text-decoration: none;
}

.searchArea ul {
	float: left;
	margin-left: 1.75em; 
}
.searchArea li { 
	float: left; 
	list-style-type: none;
	margin-left: .4em;
}
.searchArea li.textSize { font-size: 1.5em; }

.searchArea input,
.searchArea select {
	background-color: #000;
	color: #fff;
	float: left;
	font: bold 1em arial;
	height: 17px;
	padding: .25em .4em 0;
	width: 200px; 
}
.searchArea select { 
	height: 20px;
	margin-right: .5em;
	width: 170px; 
}

.searchArea .button {
	background: url(../images/button-search.png) no-repeat 0 0;
	cursor: pointer;
	float: right;
	height: 20px;
	padding: 0;
	width: 40px; 
}
.searchArea .button:hover { background: url(../images/button-search-hover.png) no-repeat; }
.searchArea .button:active { background: url(../images/button-search-active.png) no-repeat; }

/* Main Navigation */
.mainNav { 
	bottom: 1.75em;
	float: left; 	
	height: 30px;
	left: 0;
	position: absolute;
	width: 100%; 
}

.mainNav a,
.mainNav a:link, 
.mainNav ul { float: left; }

.mainNav li {
	float: left;
	display: inline-block;
	list-style-type: none;
}
.mainNav li a,
.mainNav li a:link,
.mainNav li a:visited {
	background: url(../images/mainNav-divider.png) no-repeat right -0.1em;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	color: #606163;
	text-decoration: none;
	padding: .75em 1.75em;
}

.mainNav li a:hover,
.mainNav li a.current,
.mainNav li a.current:link,
.mainNav li a.current:visited { 
	background-color: #6b6c6d; 
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff; 
}

.school li a.current,
.school li a.current:link,
.school li a.current:visited { background: url(../images/navOne-pink.png) repeat-x 0 0; }
.recycle li a.current,
.recycle li a.current:link,
.recycle li a.current:visited { background: url(../images/navOne-orange.png) repeat-x 0 0; }
.garden li a.current,
.garden li a.current:link,
.garden li a.current:visited { background: url(../images/navOne-purple.png) repeat-x 0 0; }
.business li a.current,
.business li a.current:link,
.business li a.current:visited { background: url(../images/navOne-darkBlue.png) repeat-x 0 0; }
.rural li a.current,
.rural li a.current:link,
.rural li a.current:visited { background: url(../images/navOne-green.png) repeat-x 0 0; }
.tools li a.current,
.tools li a.current:link,
.tools li a.current:visited { background: url(../images/navOne-red.png) repeat-x 0 0; }
.news li a.current,
.news li a.current:link,
.news li a.current:visited { background: url(../images/navOne-orange.png) repeat-x 0 0; }
.gallerium li a.current,
.gallerium li a.current:link,
.gallerium li a.current:visited { 
	background: url(../images/navOne-yellow.png) repeat-x 0 0; 
	color: #606163;
}

/* Sub Navigation */
.subNav { 
	bottom: .2em;
	left: 0;
	margin-left: 2em; 	
	position: absolute;
	width: auto; 
}
.school .subNav,
.rural .subNav,
.tools .subNav,
.news .subNav,
.gallerium .subNav { 
	left: auto;
	margin-right: 2em; 	
	right: 25%;
	white-space: nowrap;
	width: auto;
	
}

.gallerium .subNav { right: 15%; }

.subNav a,
.subNav a:link, 
.subNav ul { float: left; }

.subNav li {
	float: left;
	display: inline-block;
	list-style-type: none;
}
.subNav li a,
.subNav li a:link,
.subNav li a:visited {
	color: #fff;
	text-decoration: none;
	padding: .25em 1.25em 0;
}
.subNav li a:hover { 
	background: url(../images/navTwo-hover.png) no-repeat right .75em; 
	color: #34302d;
}

.gallerium .subNav li a,
.gallerium .subNav li a:link,
.gallerium .subNav li a:visited { color: #606163; }
.gallerium .subNav li a:hover { color: #34302d; }

/* ****** START Main Content Styles ****** */
#flashArea,
.flashArea {
	background-color: #fff;
	clear: both;
	height: 291px;
	margin-bottom: 1em;
	width: 720px; 
}
.contentArea {
	float: left;
	font-size: 1.1em;
	padding-bottom: 2em;
	width: 720px;
}

/* breadcrumbs*/
.breadcrumbs { 
	float: left;
	font-weight: bold;
	margin-bottom: .5em;
	width: 100%;  
}
.contentArea .breadcrumbs ul { margin: 0; }
.contentArea .breadcrumbs ul li {
	background: none;
	display: inline;
	float: left;
	list-style-type: none;
	padding: 0;
}

.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:visited {
	background: url(../images/link-arrow-breadcrumb.gif) no-repeat right center;
	color: #7b7d7f;
	display: block;
	margin-right: .5em;
	padding-right: 1em;
	float: left;
}
.breadcrumbs a:hover { color: #53a8dc; }

/* general content styles */
.intro {
	color: #7b7d7f;
	font: bold 1em arial;
}

.readMore {
	background: url(../images/link-arrow-double.gif) no-repeat right center;
	float: right;
	font-weight: bold;
	padding-right: 1em;
	text-transform: uppercase;
}

table.striped td { padding: .25em; }
table.striped tr.alt-bg { background-color: #cdd8eb; }

.contentArea ul { margin: 1em 0 1em 2em; }

.contentArea ul li { 
	background: url(../images/list-unordered-bullet.png) no-repeat 0 .3em;
	list-style-type: none;
	padding-left: 1.5em;
}

.contentArea ol { margin: 1em 0 1em 4em; }

.contentArea ul ul,
.contentArea ol ul { margin: 0 0 0 1em; }

.contentArea ol ol,
.contentArea ul ol { margin: 0 0 0 3em; }

.contentArea ol ol li,
.contentArea ul ol li { 
	background: none; 
	list-style-type: lower-alpha;
	padding: 0;
}

.imgLeft { 
	float: left;
	margin: 0 1em 1em 0; 
}
.imgRight { 
	float: right;
	margin: 0 0 1em 1em; 
}

/* Captions for photos */
.hasCaption { 
	float: left;
	margin: 0 1em 1em 0;
	width: auto;
}
.caption span {
	font: italic bold 1em arial;
	margin-right: .25em; 
}
.caption span.credit { font: normal bold .9em arial; }

/* Audience navigation */
div.audienceNav { 
	color: #fff; 
	float: left;
}

div.audienceNav .top,
div.audienceNav .bottom {
	background: url(../images/bkgrd-audience-top.png) no-repeat center bottom;
	float: left;
	height: 5px;
	width: 100%;
}
div.audienceNav .bottom { 
	background: url(../images/bkgrd-audience-btm.png) no-repeat center top; 
	height: 6px;
}

div.audienceNav li {
	background-image: none;
	float: left;
	list-style-type: none;
	padding: 0;
	width: 231px;
}
div.audienceNav .mid { 
	background: url(../images/bkgrd-audience.png) repeat-y 0 0;
	float: left;
	width: 100%;
}

.audienceImg {
	display: block;
	height: 322px;
	margin-left: .5em;
	width: 220px; 
}

a.audienceOne,
a.audienceOne:link { background: url(../images/audienceOne.jpg) no-repeat 0 0; }
a.audienceOne:hover { background: url(../images/audienceOne-hover.jpg) no-repeat 0 0; }
a.audienceTwo,
a.audienceTwo:link { background: url(../images/audienceTwo.jpg) no-repeat 0 0; }
a.audienceTwo:hover { background: url(../images/audienceTwo-hover.jpg) no-repeat 0 0; }
a.audienceThree,
a.audienceThree:link { background: url(../images/audienceThree.jpg) no-repeat 0 0; }
a.audienceThree:hover { background: url(../images/audienceThree-hover.jpg) no-repeat 0 0; }

.audienceNav h2 a,
.audienceNav h2 a:link,
.audienceNav h2 a:visited {
	color: #fff;
	display: block;
	font: bold .8em arial;
	margin: 1em auto .5em;
	text-align: left;
	text-transform: uppercase;
	width: 180px;
}
.audienceNav h2 a:hover { color: #53a8dc; }

.audienceNav p {
	margin: 0 auto 2em;
	text-align: left;
	width: 180px;
}

/* features */
.feature {
	background-color: #e6f5fe;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}
.feature div { 
	float: left;
	padding: 1em 1.5em;
	width: 540px;
}

.feature h3 a,
.feature h3 a:link,
.feature h3 a:visited { color: #000; }

div.divider {
	background: url(../images/bkgrd-divider.gif) repeat-y 130px 0;
	padding: 0;
	width: auto;
}

.feature div.thumbnail { 
	border: 0;
	margin-right: 1em; 
	padding: 1em 0;
	text-align: center;
	width: 130px; 
}

/* Promo Ad */
.promoAd {
	border-top: .4em dotted #666;
	float: left;
	margin-top: 2em;
	padding-top: 2em;
	text-align: center;
	width: 100%;
}
.promoAd img { border: .3em solid #4d616d; }

/* ****** START Right Column Styles ****** */
.rightCol {
	color: #fff;
	float: right;
	font-size: 1.1em;
	margin: -0.55em 0 1em;
	position: relative;
	width: 230px; 
}

.rightCol h2 { font-size: 1.2em; }
.rightCol h2 a,
.rightCol h2 a:link,
.rightCol h2 a:visited { 
	color: #fff;
	font-weight: bold;
	margin: 0;
}

.rightCol a { display: block; }
.rightCol ul { margin: 0 0 1em 2em; }
.rightCol ol { margin: 0 0 1em 3em; }

.widget { 
	float: right;
	padding: .75em 0 0;
	width: 100%; 
}
.widget span { visibility: hidden; }

.alignCenter {  }

.widgetInner { 
	margin: 1em auto; 
	position: relative;
}
.widgetInner img { border: .2em solid #fff; }

/* Buttons */
.newsletter a, .askQuestion a, .whatToDo a { 
	height: 100px; 
	position: relative;
	width: 100%;
}
.newsletter a:hover, .askQuestion a:hover, .whatToDo a:hover { background: none; }

.newsletter { background: url(../images/button-newsletter.png) no-repeat 0 center; }
.askQuestion { background: url(../images/button-askQuestion.png) no-repeat 0 center; }
.whatToDo { background: url(../images/button-whatToDo.png) no-repeat 0 center; }

.newsletter span, .askQuestion span, .whatToDo span { 
	margin: -9999px;
	position: absolute;
}

/* Promos */
.widgetSlice {
	float: left;
	height: 9px;
	width: 234px;
}
.promo1Top { background: url(../images/bkgrd-promo-green-top.png) no-repeat 0 bottom; }
.promo1Btm { background: url(../images/bkgrd-promo-green-btm.png) no-repeat 0 0; }
.promo2Top { background: url(../images/bkgrd-promo-blue-top.png) no-repeat 0 bottom; }
.promo2Btm { background: url(../images/bkgrd-promo-blue-btm.png) no-repeat 0 0; }

.promo1Btm, .promo2Btm { margin-bottom: .5em; }

.promo1 { background: url(../images/bkgrd-promo-green-mid.png) repeat-y 0 0; }
.promo2 { background: url(../images/bkgrd-promo-blue-mid.png) repeat-y 0 0; }
.promo .widgetInner { width: 193px; } 

/* ****** START Footer Area Styles ****** */
.footer {
	clear: both;
	color: #606163;
	font-size: 1.1em;
	height: 380px;
	position: relative;
	width: 100%;
	z-index: 9999;
}
.footer li { list-style-type: none; }

.footer a,
.footer a:link { font-weight: bold; }
.footer a:hover { text-decoration: none; }

/* Quicklinks */
.quickLinks {
	float: left;
	margin: 7em 0 1em;
	width: 100%;
}
.quickLinks .logo {
	background: url(../images/logo-wastenet-footer.png) no-repeat;
	float: right;
	height: 91px;
	margin: 0;
	width: 260px;
}

.utilities { 
	float: left;
	width: 60%; 
}
.utilities li { 
	display: inline; 
	padding-right: .5em;	
}

.utilities a,
.utilities a:link,
.utilities a:visited {
	color: #53a8dc;
	text-decoration: none;
	text-transform: uppercase;
}
.utilities a:hover { color: #606163; }

.menuFooter {
	float: left;
	margin-top: 1em;
	width: 70%;
}
.menuFooter ul {
	float: left;
	clear: both;
	width: auto;
}
.menuFooter li { 
	float: left; 
	margin-right: 2em;
	padding-bottom: .25em;
}
.menuFooter a:link,
.menuFooter a:visited { color: #606163; }

.menuFooter a:hover { color: #53a8dc; }

.popular { 
	float: left;
	margin-top: 1em; 
	width: 100%;
}

.popular a:link,
.popular a:visited { color: #97999b; }
.popular a:hover { color: #53a8dc; }

/* Social Links */
.socialLinks { 
	border-bottom: 1px solid #fff; 
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

.socialLinks .logo,
.socialLinks .logo:link,
.socialLinks .logo:visited {
	background: url(../images/logo-southland.png) no-repeat 0 .5em;
	border-right: 1px solid #fff;
	cursor: pointer;
	float: right;
	height: 27px;
	margin: 0 1em 0;
	padding: .5em 1em .5em 0;
	width: 120px;
}

.socialLinks ul { float: right; }
.socialLinks li {
	display: inline;
	float: left;
	padding-right: .25em; 
}

.socialLinks li a,
.socialLinks li a:link,
.socialLinks li a:visited {
	background-position: 0 center;
	cursor: pointer;
	display: block;
	height: 24px;
	padding-bottom: 1em;
	width: 24px; 
}
.digg { background: url(../images/socialnet-digg.png) no-repeat; }
.digg:hover { background: url(../images/socialnet-digg-hover.png) no-repeat; }
.facebook { background: url(../images/socialnet-facebook.png) no-repeat; }
.facebook:hover { background: url(../images/socialnet-facebook-hover.png) no-repeat; }
.mySpace { background: url(../images/socialnet-mySpace.png) no-repeat; }
.mySpace:hover { background: url(../images/socialnet-mySpace-hover.png) no-repeat; }
.stumbleUpon { background: url(../images/socialnet-stumbleUpon.png) no-repeat; }
.stumbleUpon:hover { background: url(../images/socialnet-stumbleUpon-hover.png) no-repeat; }
.twitter { background: url(../images/socialnet-twitter.png) no-repeat; }
.twitter:hover { background: url(../images/socialnet-twitter-hover.png) no-repeat; }
.reddit { background: url(../images/socialnet-reddit.png) no-repeat; }
.reddit:hover { background: url(../images/socialnet-reddit-hover.png) no-repeat; }

/* Contact Info */
.contactInfo {
	float: left;
	margin-top: 4em; 
	width: 40%;
}
.contactInfo ul { 
	float: left;
	width: 100%;
}
.contactInfo li {
	display: inline;
	float: left;
	padding-right: 2.5em; 
}
.contactInfo a,
.contactInfo a:link,
.contactInfo a:visited { color: #606163; }
.contactInfo a:hover { color: #fff; }

/* Concil Logos */
.councils {
	float: right;
	width: 40%;
}
.councils li {
	float: left;
	list-style-type: none; 
}

.councils a,
.councils a:link {
	display: block;
	float: left; 
	height: 83px;
}

.southland { 
	background: url(../images/logo-southlandDistrict.png) no-repeat 0 bottom; 
	width: 155px;
}
.gore { 
	background: url(../images/logo-gore.png) no-repeat 0 bottom; 
	width: 129px;
}
.invercargill { 
	background: url(../images/logo-invercargill.png) no-repeat 0 bottom;
	width: 101px;
}

/* ****** START Generic Styles ****** */
.floatLeft { float: left; }

.alignCenter { text-align: center; }

.hidden { 
	margin: -9999px;
	position: absolute;
	visibility: hidden;
}

li.last { border-right: 0; }