.left-side-container{margin:1em 0;background-color:#eeeeee;width:120px;min-width:120px;background-image:url(/images/interface/left-top-corner.gif);background-position:top left;background-repeat:no-repeat;}
.image-holder{text-align:left;margin:0;background-image:url(/images/interface/left-bottom-corner.gif);background-position:bottom left;background-repeat:no-repeat;padding-top:5px;padding-bottom:5px;padding-left:2px;padding-right:2px;}


.home-image-link{text-align:center;background-color:#ffffff;border:1px #cccccc solid;padding-left:2px;padding-right:2px;padding-top:5px;padding-bottom:5px;width:105px;}

/** float images to the right or left - 15 May 2008 **/
.image-right{float:right; margin:1em;text-align:center;clear:right;}
.image-right p{margin-top:.2em;padding-top:0;font-size: .8em;color: #990033;font-family: Verdana, Arial, Helvetica, sans-serif;}

.image-left{float:left; margin:1em; text-align:center;clear:left;}
.image-left p{margin-top:.2em;padding-top:0;font-size: .8em;color: #990033;font-family: Verdana, Arial, Helvetica, sans-serif;}

.no-border{border:none;}

/** page content links - 15 May 2008**/
#page-content p {text-align:center;width:100%;}


/** fix online survey **/
#Form1 #tblAdmin {display:block;clear:both;}
#Form1 #tblInner {display:block;clear:both;}
#tblSurvey textarea {display:block;width:100%;clear:both;}

/**-----------------------------------------------Bylaw-------------------------------------------------**/
/**------Test of print and screen media types with dog bylaw 2007 - perhaps negating PDF version--------**/
/**---addded by Scott 15 November 2007---**/

@media print{




#bylaw {width:100%;display:block;font-family:Arial;margin:0;padding:0;}
#bylaw img{height:30px;width:10px;}
#bylaw a{text-decoration:none;color:#000000;}
#bylaw dl {margin:0;padding:0; width:100%;}
#bylaw dt{font-size:10pt;margin:0;padding:0;width:auto;}
#bylaw dd{margin:0;padding:0;width:auto; margin-bottom:1em;display:block;}
#bylaw p {font-size:10pt; width:80%; margin-bottom:1em;}
#bylaw  ol { margin-bottom:1em;padding-left:3em;width:80%;}
#bylaw  ul { margin-bottom:1em;padding-left:3em;width:80%;}
#bylaw li {line-height:150%;}
#bylaw .sameline { padding-right:2%;width:80%;display:inline;margin:0;padding:0;}
#bylaw .ref { padding-left:2%;width:15%; font-weight:bold; font-size:10pt;display:inline;margin:0;padding:0; vertical-align:top;}
#bylaw ul ul li {list-style-type:circle; list-style-image:none;}
#bylaw .printhide{display:none !important;}
#bylaw {float:none !important;}
/**--Get rid of stuff outside partial shell controls, to leave only stuff in partial shell--**/
#header, #tblfooter, #tblBorder, #Footer1_RateThisPage1_pnlBorder, #tblRateMe, #Table1, #tools, #gobackbutton, #nzgovt-link, #rate-this-page-box {display:none;}


}
@media screen{
#bylaw legend{padding:1em;}
#bylaw dl {width:100%;margin:0;padding:0;clear:both;font-size:8pt;}
#bylaw dt{font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;float:left;position:relative;width:3%; margin-bottom:2em; display:block;}
#bylaw dd{margin:0;padding:0;float:left;position:relative;width:97%; margin-bottom:2em; display:block;}
#bylaw p {font-size:8pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:80%;display:block;position:relative;float:left; margin-bottom:1em;}
#bylaw ol {width:80%; margin-bottom:1em;display:block;clear:both;padding-left:3em;}
#bylaw li {line-height:150%;}
#bylaw .sameline { padding-right:2%;width:80%;display:inline;margin:0;padding:0;}
#bylaw .ref {width:10%;display:block;float:right;position:relative; font-weight:bold; font-size:8pt;padding-right:1em;}
#bylaw ul ul li {list-style-type:circle; list-style-image:none; width:80%;}
}

//**------------------------------------------TABLE OF CONTENTS STYLES---------------------------------------------**/
/**---added by Scott 3/12/2007---------**/
.toc{
list-style-type:none;
list-style-image:none;
padding:0;
margin:0;

}

.toc ul{

background-image:url(/images/interface/toc-dot.gif);
background-position:top;
background-repeat:repeat-x;
display:block;
}

.toc li{
list-style-type:none;
list-style-image:none;
background-image:url(/images/interface/toc-dot.gif);
background-position:bottom;
background-repeat:repeat-x;
}


.toc span{
padding:0;
margin:0;
background-color:#ffffff;
}

.toc .port{
text-align:left;
}

.toc .starboard{
text-align:right;
position:absolute;
right:4.5%;
}



/**---------------------------------------------FIELDSET STYLES-----------------------------------------**/
/**---Added by Scott 8/11/2007----**/
fieldset{
margin:1em; 
}

/** added by scott 09-03-09 **/
#alpha-list-index{text-align:center;margin:1em 0;padding:.5em;border:1px #ccc solid;background-color:#ffc;}
#rc-alpha-list{list-style-type:upper-alpha;}
#rc-alpha-list li ul{list-style-type:none;list-style-image:none;line-height:1.5em;}
#rc-alpha-list li p{text-align:right;}

/**---------------------------------------------AGENDA LISTINGS--------------------------------------------**/

/* easily format agenda lists
<div class="agendalist">  ...copy format from previous agendas... </div>
*/
.agendalist{
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
width:100%;
padding:5px;
}
.agendalist p{
margin:0;padding:0;
}
.agendalist a{
margin:0;padding:0;
}
.agendalist a:hover{
color:#990033;
}
.agendalist li{
margin:0;padding:0;
}
.agendalist ol{
list-style-type:decimal;padding-top:0;padding-bottom:0;padding-left:0;line-height:100%;
}
.agendalist ol li{
margin-left:3em;
}
}
.agendalist ol ol{
list-style-type:none;margin:0;padding:0;line-height:100%;
}


/*------------------------------------------------LINK STYLES-------------------------------------*/


a:link {
	color: #0000ff;
}
a:visited {
    color: #0000ff;
}
a:hover {
	color: #0000ff;
}
a:active {
    color: #0000ff;
}
/* A
USAGE: ??*/
A{
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
/* PDF
USAGE: Used in top right hand corner when there is a printable version */
.PDF {
    FONT-WEIGHT: normal;
    FONT-SIZE: 85%;
    COLOR: #990033;
    FONT-STYLE:normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	float:right;
	display:inline;
}
/*----------------------------------------------------'MORE' LINKS STYLES------------------------------------*/
/* MORE
USAGE: Use with 'more' text located at the base of controls that are in Bordered Boxes, eg FPnewsbox.ascx, linklayout.ascx, newstypes.ascx*/
.more{
	color:#990033;		
}	
A.more:visited{
    color: #990033;	
}
A.more:active{
    color: #990033;	
}
A.more:link {
	color: #990033;	
}
A.more:visited {
	color: #990033;	
}
A.more:hover {
	color: #666666;	
}
/* MORE2
USAGE: Use with 'more' text located at the base of controls that appear on main page eg. LinkSummaryLayout.ascx*/
.more2{
	color:#666666;		
}	
A.more2:visited{
    color: #666666;	
}
A.more2:active{
    color: #666666;	
}
A.more2:link {
	color: #666666;	
}
A.more2:visited {
	color: #666666;	
}
A.more2:hover {
	color: #990033;	
}
/*TOOLSLINK
USAGE: Used for accessibility tools control, e.g. increase text, decrease text etc - tools.ascx*/
.toolslink{
	color:#666666;
	text-decoration:none;		
}	
A.toolslink:active{
    color: #666666;	
	text-decoration:none;		
}
A.toolslink:link {
	color: #666666;	
	text-decoration:none;		
}
A.toolslink:visited {
	color: #666666;	
	text-decoration:none;		
}
A.toolslink:hover {
	color: #990033;	
}
/*---------------------------------------------------LIST STYLES-------------------------------------*/
/*added 9 April 2008
put in ul or ol to space out li's
eg <ul class="nice-list">
 */
.nice-list li{padding-bottom:5px;}
.nice-list-large li{padding-bottom:15px; }
ul ul{list-style-image:none; list-style-type:disc;}
.no-bullets{list-style-image:none;list-style-type:none;padding:0;margin:0;}

/*dl and dt style added 14 March 2008 by scott */
dl {
FONT-SIZE: 8pt;	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
dl dt{
font-weight:900;
}
dd p {
padding-top:0;margin-top:0;
}

/* UL
USAGE: used for lists*/
ul{
    LIST-STYLE-IMAGE:  url(/images/interface/icoBullet.gif);
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LIST-STYLE-TYPE: disc;
	/*FONT-SIZE:8pt;*/
}
/*OL
USAGE: used for lists that need a, b, c next to them*/
ol{
 	LIST-STYLE-TYPE:lower-alpha;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	/*FONT-SIZE: 8pt;*/
 }
/*LI
USAGE: sets font size and type for lists*/
li{
	/*FONT-SIZE: 8pt;*/
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}
li p{padding:0;margin:0;padding-bottom:.5em;}

.bottom-space {
	padding-bottom:5px;
}
.line-bottom-space {
	padding-bottom:1.25em;
}	

	
/*--------------------------------------------------------HEADING STYLES-------------------------------------*/
/* H1 (title)
USAGE: main page titles (h1)
*/

H1, .title, .public-notices-heading {
    FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
    COLOR: #990033;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0.9em;
}
/* H2 (subtitle)
USAGE:  section page titles (h2)
*/

H2, legend, .subtitle, .ad-heading{
    COLOR: #990033;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:700;
}

/* H3 (subtitleblack)
USAGE:  paragraph page titles (h3)*/
H3, .subtitleblack{
	color: black;
	font-family: verdana;
	font-size: 9pt;
	font-weight: bold;
}
/* H4 (subtitlemaroon)
USAGE:  sub-paragraph page titles (h4)*/
H4, .subtitlemaroon{
	color: #990033;
	font-family: verdana;
	font-size:8pt;
	font-weight: bold;
}

/* SMTITLES
USAGE: Used as titles on submissions.ascx, cemetery details pages and various HTML pages*/
.smtitles{
    FONT-SIZE: normal;
    COLOR: white;
    FONT-FAMILY: verdana;
   	BACKGROUND:#990033;
	font-size:8pt;
}
/*---------------------------------------------MAIN TEXT STYLES------------------------------------*/
/* INFORMATION
USAGE: main page body text*/

p, body, .ad-body-text{FONT-SIZE: 8pt;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}


#tools{text-align:left;}

.no-bottom{margin-bottom:0;padding-bottom:0;}
.no-top{margin-top:0;padding-top:0;}

.information{
	font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:100;
}

.updates {
	color:#FF0000;
	font-weight: bold;
}

/* INFORMATIONBOLD
USAGE: main page body text in bold*/
.informationBOLD{
	/**FONT-SIZE: 8pt;**/
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
/* SMINFORMATION
USAGE: smaller main page body text*/
.sminformation{
	FONT-SIZE: 7pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
/* CAPTION
USAGE: top of the page links etc*/
.caption{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #990033;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/* CAPTION
USAGE: tables captions*/
caption{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #990033;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/* PHOTOCAPTION
USAGE: caption under images*/
.photocaption{
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    COLOR: #990033;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding-bottom:1
}

/* BLOCKQUOTE
USAGE: body text indent (blockquote)*/
BLOCKQUOTE{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


/*--------------------------------------------------------------TABLE STYLES------------------------------------*/

/* water-level-table added by scott 5 Feb 2008
showing healthy dam levels in green */
#water-level-table-healthy{
border-color:#009900;
border-width:medium;
}
#water-level-table-healthy .text-healthy{
color:#009900;
}

/* TBLROW1
USAGE: first colour of table row (alternating colours)*/
.tblrow1{
    BACKGROUND-COLOR: white;
}
/* TBLROW2
USAGE: second colour of table row (alternating colours)*/
.tblrow2{
    BACKGROUND-COLOR: #FFFFCC;
}
/* TBLHEADING
USAGE: heading rows in tables */
.tblheading{
	background-color: #990033;
	font-size: 8pt;
	color: White;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
/* TBLHEADINGBOLD
USAGE: heading rows in tables in bold */
.tblheadingbold{
	background-color: #990033;
	font-size: 8pt;
	color: White;
	font-weight:700;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
/* TBLLOGO
USAGE: used to place logo in background on page */
.tblLogo{
	background-position: right bottom;
	background-image: url(/images/interface/new_logo_trans.jpg);
	background-repeat: no-repeat;
}
/* TD
USAGE: column style*/
TD{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
th{
	font-size: 8pt;
	font-weight: bold;
}
/*-----------------------------------------------------------NAVIGATION STYLES------------------------------------*/
/* NAVBACK
USAGE: used for grey background in navigation menu */
.navback{
	background-color:#666666;
	text-align:left;
	vertical-align:top;
}

/*-----------------------------------------------------CONTROL STYLES------------------------------------*/
/* WHITETITLES
USAGE: used by controls with titles such as the news and link managers*/
.whitetitles{
	color:White;
	font-size: 9pt;
	font-weight:700;
}	
/* SEARCHTITLE
USAGE: used by searchbox control */
.searchtitle{
	color:#666666;
	font-size: 9pt;	
	font-weight:700;
}	
/*-----------------------------------------------CONTROL STYLES (Scroll Box)------------------------------------*/
/* SCROLL
USAGE: for scroll boxes*/
.scroll{
	OVERFLOW: auto;
	HEIGHT:15em;
	scrollbar-arrow-color : #666666;
	scrollbar-base-color : #cccccc;
	scrollbar-highlight-color : #999999;
	scrollbar-shadow-color : #666666;
	scrollbar-darkshadow-color : #666666;
	scrollbar-track-color : #999999;	
}

/*SCROLLTITLE
USAGE: Title with background color for boxes with scroll*/
.scrolltitle{
	background-color:#999999;
	color:white;
	width:100%;
	font-weight:700;
	font-size:10px;
	height:20px;
}	
/*-----------------------------------------------CONTROL STYLES (Bordered Box)------------------------------------*/
/*BORDEREDBOX
USAGE: create a border around info boxes*/
.BorderedBox{
	border-right: #999999 0px solid;
	padding-right: 0px;
	border-top: #999999 1px solid;
	padding-left: 0px;
	padding-bottom: 2px;
	margin: 2px;
	overflow: visible;
	border-left: #999999 0px solid;
	width: 95%;
	padding-top: 2px;
	border-bottom: #999999 1px solid;
}
/*BORDEREDBOXPARENT
USAGE: create a border around info boxes and contains other borderedboxes*/
.BorderedBoxParent{
	border-right: #666666 0px solid;
	padding-right: 1px;
	border-top: #666666 0px solid;
	padding-left: 1px;
	padding-bottom: 1px;
	overflow: visible;
	border-left: #666666 0px solid;
	width: 95%;
	padding-top: 1px;
	border-bottom: #666666 0px solid;
}
/* RESULTS_HEADER
USAGE: ??*/
.results_header{
    BORDER-RIGHT: medium none;
    BORDER-TOP: white thin solid;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: white thin solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:700;
	background-color:#cccccc;
}
.emphasis{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding:5px;
}

/*----------------------------------------------JAVASCRIPT STYLES (js)------------------------------------*/
/*menu css classes for js menu1*/
#popitmenu{
position: absolute;
background-color: #999999;
border:2px solid #666666;
font: normal 10px verdana;
line-height: 9px;
z-index: 100;
visibility: hidden;
padding-bottom:2px;
}
#popitmenu a{
text-decoration: none;
padding-left: 6px;
padding-top:6px;
color: white;
display: block;
text-align:left
}
#popitmenu a:hover{ /*hover background color*/
background-color: #666666;
}
/*---------------------------------------------------OTHER HTML STYLES------------------------------------*/
/*BRIMAGE
Used for: Placing border around images on html pages*/
.brimage {
	border:3px double #990033 ;
}
/* GOVTPORTTITLE
USAGE: title used on govtport pages*/
.govtporttitle{
	color:black;
	font-size: 12pt;
}	


/*---------------------------------------------------FORMATTING STYLES------------------------------------*/

/**
BLOCKLIST FORMATTING
Simply place spans within <li>s to create table like blocks.
Blocks will stretch with screen resizing and block height is liquid.
Restrictions: 	Fixed block percentages limit the amount of blocks you can use (dont go over 100%).	
Note: 			Each <span> tag will take up 15% of the available space.
				Each <div> tag will take up 75% of the available space.
				Small percentages are used for padding etc
				

EXAMPLE LAYOUT
<ul class="blocklist">
<li><span>Item1</span><span>Item2</span><span>Item3</span></li>
<li><span>Item4</span><div>Long item 5</div></li>
<li><div>Long item 6</div></li>
<li><span>Item7</span><span>Item8</span><span>Item9</span></li>
</ul>
**/


.blocklist{
	width:100%;
	margin:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	margin-left:0px;
	padding-left:0px;
}

.blocklist li {
	width:100%;
	float:right;
	margin-left:0px;
	padding-left:0px;
	list-style-type:none;
	list-style-image:none;
}

.blocklist li span{

	float:left;
	display:inline;
	margin-right:2%;
	width:15%;
	padding:5px;
	margin-bottom:5px;
}

.blocklist li div{
	display:inline;
	float:left;
	margin-right:2%;
	padding:5px;
	margin-bottom:5px;
	width:75%;
}

/**
COLUMN FORMATTING
To keep consistency and formatting style, all column formats must use the 
ColumnContainer, ColumnHeader and ColumnFooter elements. 
ColumnnHeader and ColumnFooter tags may be empty if you wish

EXAMPLE LAYOUT
<div class="ColumnContainer">
<div class="ColumnHeader">  </div><!--ColumnHeader-->
<div class="leftThreeColumn">

</div><!--leftThreeColumn"-->
<div class="rightThreeColumn">

</div><!--rightThreeColumn"-->
<div class="middleThreeColumn">

</div><!--middleThreeColumn-->
<div class="ColumnFooter">  <div><!--ColumnFooter-->
</div><!--ColumnContainer-->
**/



.ColumnContainer /** To be placed in a div tag and wrapped around below two tags **/
{
	/**height: 100%;**/
	clear: both;
	display: block;
}

.ColumnHeader /** To be placed in div tag, this will be the first div tag inside the container div tag **/
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.ColumnFooter /** To be placed in div tag, this will be the last div tag in the container div tag **/
{
	clear: both;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

/**Two column format**/

.leftTwoColumn /** To be placed in div tag, used for the left column **/
{
	float: left;
	width: 48%;
	margin: 0px;
	padding: 0px;

}

.rightTwoColumn  /** To be placed in div tag, used for right column **/
{
	float: right;
	width: 48%;
	padding: 0px;
	margin: 0px;
}
/**End two column format**/

/**Three column format**/

.leftThreeColumn /** To be placed in div tag, used for the left column **/
{
float: left;
width: 33%;
padding: 0px;
margin: 0px;
/**height: 100%; To keep IE happy**/
}

.rightThreeColumn /** To be placed in div tag, used for right column **/
{
float: right;
width: 33%;
padding: 0px;
margin: 0px;
/**height: 100%; To keep IE happy**/
}

.middleThreeColumn /** To be placed in div tag, used for middle column **/
{
margin-left: 34%; /**To keep Firefox happy**/
margin-right: 34%; /**To keep Firefox happy**/
padding-right: 5px; /**To keep IE happy**/
padding-left: 5px; /**To keep IE happy**/
/**height: 100%; To keep IE happy**/
}
/**End three column format**/


/*---------------------------------------------------------HR STYLE------------------------------------*/
/* HR
USAGE: ??*/
HR{
    FONT-SIZE: 1pt;
    COLOR: #cccccc;
}
/*---------------------------------------SUMMARY STYLE---------------------------------------------*/
/*Used for page summaries at the top of each html page*/
.summary
{
	background-color:#CCCCCC;
	border:1px solid black;
	padding:5px;
	margin-top:0;margin-bottom:0; 
}

/* when using a div for multiple paragraphs, they will display withour spacing. */
.summary p{
margin-top:0;margin-bottom:0;padding-top:5px; 
/* display:block;margin-top:-.5em;padding-bottom:-.5em;*/
}


/*----------------------------------------------------FILE DATA STYLES------------------------------------*/
.file-data{
	FONT-SIZE: 8pt;
	text-transform: none;
	color:#999999;
}

/*----------------------------------------------------HOMEPAGE Emphasis STYLES------------------------------------*/
.section-spotlight {
	display: inline;
}
.section-spotlight .section-links {
	width: 175px;
	display: inline-block;
	float: left;
	margin-right: 20px;
}
.section-spotlight .section-links .section-image {
	height: 90px;
	max-height: 90px;
	border: 1px #ccc solid;
}

.section-spotlight .section-links h2,
.section-spotlight .section-links h2 a {
	margin-bottom: 0.3em;
}
.section-spotlight .section-links .section-description {
	line-height: 1.45em;
}