/* #Reset# courtesy from Eric Meyer's blog
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Actual CSS */
body
{
  text-align: center;
  background: #000;
  font-family: verdana;
  font-size: 75%;
  line-height: 1.4;
  color: #fff; 
}
a
{
  color: #fff;
}
a:hover
{
  text-decoration: none;
}
em
{
  font-weight: bold;
  color: #FEE516;
}
h2.grey-title
{
  font-size: 200%;
  color: #888;
}
span.lighter-grey
{
  color: #ccc;
}
div#home-outer
{
  margin: 0 auto;
  width: 980px;
  text-align: left;
}
div#home-top
{
  position: relative;
  margin-top: 10px;
}
div#home-wave
{
  position: absolute;
  top: -10px;
  left: -150px;
  background: url(../App_Themes/WaikatoDistrictCouncil/twirl.png) no-repeat;
  width: 1200px;
  height: 208px;
  z-index: -10;
}
div#home-logo,
div#home-search-box,
div#home-top-links
{
  position: absolute;
}
div#home-logo
{
  top: 5px;
  left: 0px;
}
div#home-search-box
{
  right: 40px;
  top: 5px;
}
div#home-top-links
{
  left: 190px;
  top: 5px;
  font-size: 80%;
}
div#home-top-links a:hover
{
  color: #fee516;
}
div#home-search-box label
{
  color: #000;
}
body.IE7 div#home-search-box label,
body.IE6 div#home-search-box label
{
  /*TODO: middle vertical align with textbox input */
}
div#home-search-box input.search-tbox
{
  padding: 0.25em;
  width: 175px;
  border: 1px solid #888;
  font-size: 13px;
  background: #e8e8e8;
}
div#home-search-box input.search-button
{
  width: 34px;
  height: 24px;
  position: absolute;
  margin-left: 5px;
}
div#home-welcome-tagline
{
  padding-top: 180px;
}
div#tagline
{
  margin-left: 13em;
  padding-left: 1em;
  border-left: 2px solid #FEE516;
  width: 408px;
  border-left-color: #FEE516;
  position:relative;
  bottom:2.5em;
}
div#welcome
{
  /*float: left;*/
  font-size: 32px;
  line-height: 1;
}
div#home-main
{
  margin-top: 30px;
}
div#home-col-right
{
  width: 600px;
  float: right;
  /*color:#888;*/
}
div#home-col-right a
{
  /*color: #888;*/
}
div#home-col-left
{
  width: 350px;
}
div.home-menu-item
{
  margin-bottom: 2em;
}
div.home-menu-item img
{
  float: left;
  margin-top: 0.7em;
}
div.home-menu-item h2,
div.home-menu-item ul
{
  margin-left: 80px;
}
div.home-menu-item h2
{
  font-size: 200%;
  color: #FEE516;
  padding-bottom: 0.3em;
}
body.IE7 div.home-menu-item h2,
body.IE6 div.home-menu-item h2
{
  margin-top: -0.7em;
}
div.home-menu-item h2 a
{
  color: #FEE516;
}
div.home-menu-item li.more
{
  padding-left: 25px;
  background: url(../App_Themes/WaikatoDistrictCouncil/wave-more.png) left no-repeat;
}
div.home-menu-item a
{
  text-decoration: none;
}
div.home-menu-item a:hover
{
  text-decoration: underline;
}
div#do-it-online a,
div#popular-links a
{
  /*text-decoration: none;*/
}
div#do-it-online a:hover,
div#popular-links a:hover
{
  /*text-decoration: underline;*/
}
div#do-it-online li,
div#popular-links li
{
  padding-left: 16px;
  margin-left: 3px;
  background: url(../App_Themes/WaikatoDistrictCouncil/bullet-square.png) no-repeat top left;
}
div#do-it-online li
{
padding-bottom: 0.5em;
}
div#popular-links li
{
padding-bottom: 0.3em;
}
div#do-it-online ul,
div#popular-links ul,
div#dyk-wrapper,
div#whats-on-wrapper




















{
  margin: 1em 0;
}
div#home-col1
{
  width: 270px;
  float: left;
}
div#home-col2
{
  margin-left: 330px;
}
div#do-it-online,
div#popular-links,
div#did-you-know,
div#whats-on
{
  margin-bottom: 3em;
}
div#home-contact
{
  border: 1px solid #FEE516;
  position: relative;
  margin-top: 50px;
}
div#home-contact h2
{
  position: absolute;
  left: 10px;
  top: -0.8em;
  background: #000;
  padding: 0 0.5em;
}
div#home-contact div.num-0800
{
  position: absolute;
  right: 1em;
  bottom: -0.6em;
  color: #FEE516;
  font-size: 140%;
  background: #000;
  padding: 0 0.5em;
}
body.IE6 div#home-contact div.num-0800
{
  top: 9.1em; 
}
div#home-contact ul
{
  margin: 40px 0 40px 180px;
}
div#home-contact li
{
  padding-left: 20px;
}
div#home-contact li.postal
{
  background: url(../App_Themes/WaikatoDistrictCouncil/address.png) no-repeat center left;
}
div#home-contact li.telephone
{
  background: url(../App_Themes/WaikatoDistrictCouncil/phone.png) no-repeat center left;
}
div#home-contact li.fax
{
  background: url(../App_Themes/WaikatoDistrictCouncil/fax.png) no-repeat center left;
}
div#home-contact li.email
{
  background: url(../App_Themes/WaikatoDistrictCouncil/email.png) no-repeat center left;
}
div#home-footer
{
  border-top: 1px solid #FEE516;
  padding: 1em 0;
  color: #FEE516;
  margin-top: 100px;
  font-size: 80%;
}
div#home-footer a
{
  color: #FEE516;
  text-decoration: none;
}
div#home-footer a:hover
{
  text-decoration: underline;
}
div#whats-on-wrapper li div.event
{
  margin-bottom: 1em;
  position: relative;
}
div#whats-on-wrapper li div.event a
{
text-decoration:none;
cursor: pointer;
}
div#whats-on-wrapper li div.event a.event-link
{
text-decoration: underline;
cursor:pointer;
}
div#whats-on-wrapper li div.event a.event-link:hover
{
text-decoration:none;
}
div#whats-on-wrapper li div.event-month {
  color:#FFFFFF;
  font-size:10px;
  font-weight:bold;
  left:13px;
  position:absolute;
  text-transform:uppercase;
  top:12px;
}
body.IE6 div#whats-on-wrapper li div.event-month {
  left:-36px;
  top:11px;
}
div#whats-on-wrapper li div.event-day {
  color:#555555;
  font-size:23px;
  font-weight:bold;
  left:8px;
  position:absolute;
  top:25px;
}
body.IE6 div#whats-on-wrapper li div.event-day {
  left:-42px;
  top:25px;
}
div#whats-on-wrapper li div.event-date
{
  float: left;
  background: url(../App_Themes/WaikatoDistrictCouncil/calendar_background-64-home.png) no-repeat top left;
  width: 48px;
  height: 64px;
  margin-top: 0.4em;
}
div#whats-on-wrapper li div.event-location,
div#whats-on-wrapper li div.event-summary
{
  margin-left: 60px;
  margin-top: 0.5em;
}
div#whats-on-wrapper li a.event-link
{
margin-left: 12px;
}
div#whats-on-wrapper li div.event-location
{
  font-size: 80%;
  color: #ccc;
}
/*
div#whats-on-wrapper div.event>a
{
text-decoration:none;
}
*/
/*
body.IE7 div#whats-on-wrapper div.event a.event-link,
body.IE6 div#whats-on-wrapper div.event a.event-link
{
margin-top:-1.4em;
}
*/
/* Styles inspired from the general stylesheet applied to DYK,
with inverted colors */
div#dyk-wrapper
{
  /*border: 1px solid #FEE516;*/
  /*padding: 1em;*/
}
div#dyk-wrapper h2,
div#dyk-wrapper h3,
div#dyk-wrapper h4,
div#dyk-wrapper h5,
div#dyk-wrapper h6
{
  margin-top: 0.5em;
  /*font-weight: bold;*/
  color: #ccc;
}
div#dyk-wrapper h2
{
  font-size: 130%;
  color: #ccc;
}
div#dyk-wrapper h3
{
  font-size: 120%;
  color: #ccc;
}
div#dyk-wrapper h4,
div#dyk-wrapper h5,
div#dyk-wrapper h6
{
  font-size: 110%;
}
div#dyk-wrapper ul li
{
  list-style-type: square;
  margin-left: 2em;
  padding-bottom: 0.5em;
}
div#dyk-wrapper ol li
{
  list-style-type: decimal;
  padding-bottom: 0.5em;
  margin-left: 2.5em;
}
div#dyk-wrapper ul ul li
{
  list-style-type: circle;
}
div#dyk-wrapper ol ul li
{
  list-style-type: circle;
}
div#dyk-wrapper p
{
  margin-top: 0.5em;
}
