@import url(media.css);
@import url(inlines.css);

/* Input related widgets */
textarea, input, select {
	font-size:100%;
	border:2px solid #ACDABD;
	padding:2px 4px;
	background:#ffffff;
}
input[type=checkbox] {border:none;}
input.checkbox, .checkboxes input {border:none;}
input[type=radio] {background:none;}
input.radio {background:none;}
select {
	min-height:17px;
	padding:1px 0;
}
input.btntext, .btntext, input.btnimg, button, input.btn {
	padding:2px 20px;
	background:#ACDABD;
	border:none;
	text-align:center;
	font-weight: bold;
	color:#006B41;
	cursor:pointer;
}
input.btntext:hover, input.btnimg:hover {cursor:pointer; background-color:#53ad80;}
input.btnimg {
	padding:0;
	border:none;
}

a,a:visited {color:#006B41; text-decoration:none;}

a:hover{color:#000000; text-decoration:underline;}
a:visited{color:#006B41;}

/* Simple Utility like classes */
/* This prevents floating children going outside their parent. */
div.c,br.c {clear:both; line-height: 0;  height: 0; font-size:0px;_margin-top:-1px;}
.clearfix:after, #content div.two-col-split:after {content: ".";  display: block;  clear: both;  visibility: hidden;  line-height: 0;  height: 0;}
.clearfix, #content div.two-col-split { display: inline-block;}
html[xmlns] .clearfix, html[xmlns] #content div.two-col-split {display: block;}
* html .clearfix, * html #content div.two-col-split {
    height: 1%;
}

/* Top Banner */
#topbanner {
	width:637px;
	margin:0 auto 40px;
}
#topbanner img {border: none;display: block; margin-top:5px;}
#mainLogo {}
#topbanner #mainLogo {
	float:left;
	margin-top:25px;
}
	#mainLogo img {
		display:block;
	}

/* Top Utility Navigation */
#dateandweather {
	float:right;
	list-style: none;
	padding: 4px 0 2px;
	margin:2px 0 0;
	vertical-align: middle;
	font-size:13px;
	line-height:23px;
}
#dateandweather a {text-decoration: none;}
#dateandweather img {border: none;vertical-align: middle;}
#toputilnav {
	float:left;
	list-style:none;
	padding:3px 0 6px 0;
	margin:0;
	line-height:23px;
}
#toputilnav li {
	float:left;
	margin:2px 5px 2px 0;
	font-size:19px;
	list-style:disc inside none;
	padding-left:7px;
	color:#006B41;
}
#toputilnav li.start {list-style:none; padding-left:0;}
#toputilnav li a {text-decoration: none;}
#toputilnav li a:hover {text-decoration: underline;}
#toputilnav li span.selected {font-weight:normal;}
div#toputilarea {
	border:8px solid #006B41;
	border-width: 8px 0 0 0;
	padding-bottom:28px;
	background:url('../images/common/border-1-bt.png') repeat-x bottom;
	text-align:left;
}
div#toputilarea #topWrap {width:637px; margin:0 auto;}
div#toputilarea #breadcrumb {
	float:left;
	margin:0 0 0 1em;
}

/* Font re-sizing bits */
ul#fontsizes {display: inline; list-style: none outside none; padding: 0; margin: 0 1em 0 0; vertical-align:inherit;}
ul#fontsizes li {display: inline; padding: 0; margin: 0; vertical-align:inherit;}
ul#fontsizes li a:hover {text-decoration: underline;}

/* Static (not scaleable) font sizes for the text resize links */
#fontsize0 {font-size: 12px;}
#fontsize1 {font-size: 16px;}
#fontsize2 {font-size: 20px;}

/* Page footer Navigation */
#pagefooternav {
	margin-top: 25px;
	clear:both;
}

/* Bottom Utility Navigation */
#footer {
	padding: 0 0 4px 0;
	text-align: center;
	border-top:8px solid #ACDABD;
}

/* Affiliated and tech used logos */
#footaffiliates ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
	#footaffiliates ul li {
		display:inline-block;
		margin:0 0 0 20px;
	}
	#footaffiliates img {border:none;}

#powered {
	display: block;
}

#footerutilnav {
	list-style: none;
	padding: 15px 0;
	margin: 0;
	text-align: center;
	border:10px solid #006B41;
	border-width:20px 0 8px;
}
#footerutilnav li {display: inline;color: #666666; padding:0 0 0 20px; font-size:0.85em;}
#footerutilnav li.i0 {padding-left:0;}
#footerutilnav a {text-decoration: none;}
#footerutilnav a:hover {text-decoration: underline;}
#footerutilnav span.selected {font-weight: bold;}

/* The top level which contains the top level navigation and search box */
#toplevel {clear: both;background-color: #006B41;}

/* Top level navigation (delete if not applicable) */
#toplevelnav {float: left;list-style: none;padding: 0;margin: 0;}
#toplevelnav li {float: left;white-space: nowrap;color: #FFFFFF;font-weight: bold;background-color: #006B41; font-size:0.85em;}
#toplevelnav a {display: block;text-decoration: none;color: #FFFFFF;font-weight: bold;padding: 0.5em;}
#toplevelnav a:hover {background-color: #FFCCFF;color: #000000;}
#toplevelnav span.selected, #toplevelnav a.path {display: block;padding: 0.5em;background-color: #FFCCFF;color: #000000;}

/* Top Search Box */
#topsearchbox {
	float:right;
	width:249px;
	margin-top:30px;
	padding:4px 0 0 0;
	background:url('../images/common/bg-search-border-top.png') no-repeat top;
}
#topsearchbox form {
	padding:0 0 4px;
	margin:0;
	background:url('../images/common/bg-search-border-btm.png') no-repeat bottom;
}
#topsearchbox form div {padding:3px 7px; background:url('../images/common/bg-search-border-side.png') repeat-y top;}
#topsearchbox form fieldset {border: none; display: inline;}
#topsearchbox form label {display:none;font-weight: bold;vertical-align: middle;}
#topsearchbox form input {float:left; min-height:15px;}
#topsearchbox form input.btnimg {height:auto;}
#topsearchbox form input#kword {width:161px;}


/* The second level which contains navigation and the current date */
#seclevel {clear: both; background-color: #fecccb; width: 100%; /* Specifying a width works around IE's peek-a-boo bug */ }

/* Second level navigation (delete if not applicable) */
#seclevelnav {list-style: none;padding: 0;margin:0;}
#seclevelnav li {float: left;white-space: nowrap;color: #FFFF00;font-weight: bold;background-color: #fecccb;}
#seclevelnav a {display: block; text-decoration: none;color: #FFFFFF;font-weight: bold;padding: 0.5em;}
#seclevelnav a:hover {background-color: #660066;color: #FFFF00;}
#seclevelnav span.selected, #seclevelnav a.path {display: block; padding: 0.5em;background-color: #FFCCFF;color: #FFFF00;}

/* The main table used to split the left, central and right hand columns */
#mainarea {clear: both; width: 637px; padding: 0 0 20px; margin: 0 auto;}

/* The central column which contains the main article contents */
#centralcolumn {
	float:left;
/* 	width: 670px; */
	width:538px;
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
}

#intro {font-weight: bold; margin:0 0 20px;}

#article > h2:first-child, #centralcolumn > h2:first-child, #centralcolumn > #SkipNavigation+h2,
#article > h1:first-child, #centralcolumn > h1:first-child, #centralcolumn > #SkipNavigation+h1,
#centralcolumn > #SkipNavigation+.rimage+h1 {margin-top:0;}
#centralcolumn h1 {margin-top:0;} /*If h1 is used elswhere except the top of an article this should be removed*/
#article .rimage {float:right; margin-left:20px; max-width:670px;}
#article p {margin:0 0 20px 0;}
#article ol, #article ul {margin-bottom:20px;}
#article a {text-decoration: underline;}
#article a:hover {text-decoration: none;}

/* The right hand column which contains content related to an article */
#relatedblock {
	background:transparent;
	margin:20px 0;
	clear: both;
	float: left;
}

/* The breadcrumb navigation (path to the current article) */
#breadcrumb {
	width:637px;
	margin:10px auto 12px;
	text-align:left;
	color:#006B41;
	font-size:0.85em;
}
#breadcrumb strong {font-weight:normal;}

#breadcrumbnav {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
}

#breadcrumbnav li {
	display: inline;
	padding: 0 0 0 0.2em;
}

#breadcrumbnav a {
	text-decoration: underline;
}

#breadcrumbnav a:hover {
	text-decoration: underline;
}

#breadcrumb span {color:#006B41; font-weight:bold;}

/* Page heading titles are held here */
#sectionheading {
	width:538px;
	margin:0 auto;
	padding-left:99px;
	position:relative;
	text-align:left;
}
	#sectionheading p#sectionHead {
		margin:0px 0 20px;
		font-weight:normal;
		font-size:29px; /* Fixed so doesn't get resized by text-resizer */
		color:#006B41;
		float:left;
		width:310px;
	}
	#sectionheading #ahholder {
		border-bottom:4px solid #006B41;
		padding-top: 19px;
		min-height:54px;
	}
	#sectionheading img#sectionicon {
		position:absolute;
		left:0px;
		top:0px;
/* 		padding:5px; */
/* 		width:82px; */
		width:77px;
		height:77px;
		background: url('../images/common/link-icons/large/border.png') no-repeat;
	}
	#sectionheading dl#headcontact {
		padding:0;
		margin:-15px 0 0;
		color:#006B41;
		float:right;
		/*
		position:absolute;
		bottom:20px;  IE6 fix needed 
		right:0px;
		*/
		text-align:right;
	}
	#sectionheading dl#headcontact dt {
		display:none;
	}
	#sectionheading dl#headcontact dd {
		padding:0;
	}
	#sectionheading dl#headcontact a.tel, #sectionheading dl#headcontact a.tel:visited {
		font-size:29px; /* Fixed so doesn't get resized by text-resizer */
		text-decoration:none;
		padding:0;
	}
	#sectionheading dl#headcontact a.email, #sectionheading dl#headcontact a.email:visited {
		font-size: 11px; /* Fixed so doesn't get resized by text-resizer */
		text-decoration:none;
	}

div.errorhead {
	border:1px solid #FF0000; 
	background-color:#E8E9EA; 
	text-align:left;
	padding:10px;
	margin:10px;
}
div.errorhead p:first-child {margin-top:0;}

/* Related stuff style */
#relatedblock div.block, div.atozrelated {
	margin:0 0 8px;
	padding:10px;
	background-color: #ACDABD;
}
#relatedblock h2, div.atozrelated h2 {
	margin: 0;
	padding: 0;
	color: #006B41;
	font-weight: bold;
	float:left;
	width:158px;
}

#relatedblock ul.relatedcontacts h3 {
	margin:0;
	font-size:1em;
}
#relatedblock ul.relatedcontacts div.email, #relatedblock ul.relatedcontacts div.tel {}

#relatedblock ul, #relatedblock ol, div.atozrelated ul {
	list-style: none;
	padding:0;
	margin:0 0 0 20px;
	float:left;
	width:340px;
}
#relatedblock h3 {
	margin-top:0;
	margin-bottom:0.3em;
	margin-left:20px;
	float:left;
}
#relatedblock ul h3, #relatedblock ol h3 {
	float:none;
	margin-left:0;
}
#relatedblock div.rel-left, #relatedblock div.rel-right {float:left;}
#relatedblock div.rel-left {
	margin: 0;
	padding: 0;
	width:158px;
}
#relatedblock div.rel-right {
	margin:0 0 0 20px;
	width:340px;
}
#relatedblock div.rel-left ul, #relatedblock div.rel-left ol, #relatedblock div.rel-left h3,
#relatedblock div.rel-left h2, #relatedblock div.rel-right ul, #relatedblock div.rel-right ol,
#relatedblock div.rel-right h3, #relatedblock div.rel-right h2 {
	float:none;
	width:auto;
	margin-right:0;
	margin-left:0;
}

#relatedblock ul li, #relatedblock ol li, div.atozrelated ul li {
	margin: 0 0 5px;
	padding: 0;
	text-align: left;
	vertical-align:middle;
}

#relatedblock div.logincontrol {
	width: 213px;
}

#relatedblock a {
	color: #000000;
	text-decoration:underline;
}

#relatedblock a:hover {
	color:#006B41;
}

#relatedblock ul li a
{}
#relatedblock ul li a, #relatedblock ul li a:link, #relatedblock ul li a:visited, #relatedblock ul li a:active, 
#relatedblock ul li a:focus
{vertical-align:middle; }
#relatedblock ul li img {vertical-align:middle;}

#relatedblock ul li a:hover
{text-decoration:underline; color:#006B41;}

#relatedblock ul.relatedmedia li a {
	background-image: none;
	padding-left: 2px;
	display: inline;
	vertical-align: middle;
}

#relatedblock ul.relatedcontacts li {
	margin-bottom: 7px;
	padding-left: 0;
}

#relatedblock ul.relatedcontacts li a {
	background-image: none;
	padding-left: 0px;
}

#relatedblock ul.relatedcontacts li div {
	margin: 1px 0px;
	padding: 0px;
}

#relatedblock ul.relatedcontacts li div.bold, #relatedblock ul.relatedcontacts li span, #relatedblock ul.relatedcontacts li a.link {
	font-weight: bold;
}
#relatedblock form.poll {}
#relatedblock form.poll div.poll {margin-bottom:5px;}
#relatedblock form.poll h3 {}

/* Poll result page */
#pollresultscentre {margin:10px auto;}
#pollresultscentre input.btn {margin-top:5px;}
#centrebox {text-align:center;}


/* General line spacing tab */
.spacing
{
	 line-height:22px;
}

/* Display print button not as a list */
#centralcolumn div.noprint { clear: left; }
#centralcolumn div.noprint ul li {display:block; list-style-type:none;}

/* Style general links */
a.aboldlink {text-decoration:none; font-weight:bold; color:#000;}
a.aboldlink:hover {text-decoration:underline;}

/* Remove any margins from the print li */
div.noprint ul {
	margin: 0;
	padding: 0;
}
div.noprint ul li a
{
	 text-align: left;
	 list-style-position: outside;
	 list-style-image: none;
	 list-style-type: none;
	 font-weight: normal;
	 text-decoration: none;
	 color:#000;
}

div.noprint ul li a:hover
{
	 text-decoration:underline;
}

div.clear{clear: both;}

ul.editicon{}
.hideitem
{
	 display: none;
}
/***********************************************************************\
|               Left Navigational Menu (Tree)                           |
\***********************************************************************/
/* First Level */
#lefthandcolumn ul {list-style:none; margin: 0; padding: 0 0 10px; text-indent:0; text-align:left;}
#lefthandcolumn ul li {
	margin: 5px 0 5px 0;
	text-align: left;
	padding:0;
	position:relative;
}
#lefthandcolumn ul li a, #lefthandcolumn ul li span.selected {
	display:inline-block;
	vertical-align:middle;
	text-decoration:none;
}
#lefthandcolumn ul li span.selected {font-weight:bold; color:#084C2C;}
#lefthandcolumn ul li a.left1sel {font-weight:bold; text-align:left;}
#lefthandcolumn ul li a.left1 { text-align:left;}
#lefthandcolumn ul li a.img {
	display:inline-block;
	vertical-align:middle;
}
#lefthandcolumn ul li img {
	padding:0;
	width:94px;
	height:32px;
	display:inline-block;
	vertical-align:middle;
	border:none;
}

/* Second level */
#lefthandcolumn ul li ul {margin: 0 0 0 20px; padding: 0;}
#lefthandcolumn ul li ul li a.left2sel {font-weight:bold; text-align:left; background: url(../../ecitizen/images/common/arrow_right.gif) no-repeat; background-position: 0px 5px; padding: 0 0 0 8px;}
#lefthandcolumn ul li ul li a.left2 {font-weight:normal; text-align:left; padding: 0 0 0 8px;}

/* Third level */
#lefthandcolumn ul li ul {margin: 0 0 0 20px; padding: 0;}
#lefthandcolumn ul li ul li ul li a.left3sel {font-weight:bold; text-align:left; background: url(../../ecitizen/images/common/arrow_right.gif) no-repeat; background-position: 0px 5px; padding: 0 0 0 8px;}
#lefthandcolumn ul li ul li ul li a.left3 {font-weight:normal; text-align:left;}

/* Fourth level */
#lefthandcolumn ul li ul li ul {margin: 0 0 0 20px; padding: 0;}
#lefthandcolumn ul li ul li ul li ul li a.left4sel {font-weight:bold; text-align:left; background: url(../../ecitizen/images/common/arrow_right.gif) no-repeat; background-position: 0px 5px; padding: 0 0 0 8px;}
#lefthandcolumn ul li ul li ul li ul li a.left4 {font-weight:normal; text-align:left;}

/* Fifth level */
#lefthandcolumn ul li ul li ul li ul {margin: 0 0 0 20px; padding: 0;}
#lefthandcolumn ul li ul li ul li ul li ul li a.left5sel {font-weight:bold; text-align:left; background: url(../../ecitizen/images/common/arrow_right.gif.gif) no-repeat; background-position: 0px 5px; padding: 0 0 0 8px;}
#lefthandcolumn ul li ul li ul li ul li ul li a.left5 {font-weight:normal; text-align:left;}
/****************** END - Left Navigational Menu ***********************/

/***********************************************************************\
|                Stacking Navigational Menu                             |
\***********************************************************************/
/* First Level */
#lefthandcolumn {
	float:left;
	width: 94px;
	margin: 0 5px 0 0;
	padding:0 0 10px;
	font-size:0.77em;
}
#lefthandcolumn ul {list-style:none; margin: 0; padding: 0; text-indent:0; text-align:left;}
#lefthandcolumn ul li {font-weight: bold; font-weight:bold; text-align:left;}
#lefthandcolumn ul li a {color: #006B41;}
#lefthandcolumn ul li a:hover {text-decoration: underline;}

/* Styling for Level 0 selections */
#lefthandcolumn ul li.parent0selected {padding-bottom:8px;}
#lefthandcolumn ul li.level0, #lefthandcolumn ul li.level0selected, #leftcol ul li.parent0selected 
{padding-left: 10px; padding-bottom:2px;}
#lefthandcolumn ul li.level0selected a, #lefthandcolumn ul li.parent0selected a 
{font-weight: bold; background: url(../../images/common/arrow_right.gif) 0em 0.4em no-repeat scroll; padding-left: 10px; padding-bottom:1px;} 
 
/* Styling for Level 2 selections */
#lefthandcolumn ul li.level1, #lefthandcolumn ul li.level1selected, #lefthandcolumn ul li.parent1selected 
{padding-left: 26px; padding-bottom:6px;}
#lefthandcolumn ul li.parent1selected a, #lefthandcolumn ul li.level1selected a 
{font-weight:bold; background: url(../../images/common/arrow_right.gif) 0em 0.4em no-repeat scroll; padding-left: 10px;} 

/* Styling for Level 3 selections */
#lefthandcolumn ul li.level2, #lefthandcolumn ul li.level2selected, #lefthandcolumn ul li.parent2selected 
{padding-left: 30px; }
#lefthandcolumn ul li.level2selected a,#lefthandcolumn ul li.parent2selected a
 {font-weight:bold; background: url(../../images/common/arrow_right.gif) 0em 0.4em no-repeat scroll; padding-left: 10px;} 

/* Styling for Level 4 selections */
#lefthandcolumn ul li.level3, #lefthandcolumn ul li.level3selected, #lefthandcolumn ul li.parent3selected {padding-left: 40px; }
#lefthandcolumn ul li.level3selected a, #lefthandcolumn ul li.parent3selected a
{font-weight: bold; background: url(../../images/common/arrow_right.gif) 0em 0.4em no-repeat scroll; padding-left: 10px;} 

/* Level 5 */
#lefthandcolumn ul li.level4, #lefthandcolumn ul li.level4selected 
{padding-left: 50px }
#lefthandcolumn ul li.level4selected a 
{font-weight: bold; background: url(../../images/common/arrow_right.gif) 0em 0.4em no-repeat scroll; padding-left: 10px;} 

/* Styling for children of current level in stacking navigation */
#lefthandcolumn ul.children {padding-top: 8px;}
#lefthandcolumn ul.children li { padding-left: 8px; }
#lefthandcolumn ul.children li a { background: none; padding-left: 8px; font-weight: normal;}
/****************** END - Stacking Navigational Menu ***********************/

div.thankyou {
	
}
div.thankyou h3 {
	font-size:1.08em;
	margin-bottom:10px;
}

/* Buttons for forms */
div.submitButtons {
	margin-left: 132px;
}

div.submitButtons input {
	margin: 0 1em 0 0;
}