@import url(media.css);
@import url(inlines.css);
@import url(../template/form/css/form.css); /* used to display related forms */

body {
	margin: 0px;
	/* min-width: 1000px; */
}

/* --- header --- */
#banner {
	height: 135px;
	padding-right: 220px;
	/* background-image: is specified through an element style */
	background-position: right top;
	background-repeat: no-repeat;
}
#logo {}
#logo img { margin: 15px; border: 0px; }

/* --- breadcrumbs --- */
#breadcrumbs {
	padding: 10px 220px 10px 15px;
	background-image: url(../images/common/breadcrumbs-bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
ul#breadcrumbs-list {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#breadcrumbs-list li { display: inline; }
ul#breadcrumbs-list li.item {}
ul#breadcrumbs-list li.current { font-weight: bold; }
ul#breadcrumbs-list li a { color: black; }

/* --- navigation bar --- */
#navigationbar {
	min-height: 45px;
	height: 100% ;
	padding: 0px 15px 0px 15px;
	background-image: url(../images/common/navigation-bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	/* overflow: auto ; */
	width: 80% ;
	white-space: nowrap ;
}
ul#navmenu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#navmenu li { float: left;}
ul#navmenu li a ,
ul#navmenu li span{
	background-image: url(../images/common/navigation-bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	display: block;
	/* changed the padding,line-height,font-size*/
	/*padding: 20px 0.5em;*/
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	line-height: 16px;
	font-size: 110%;	
	font-weight: bold;
/*	color: #2b80cf;		--- PDH Changed Colour Scheme to Match Site Logo */
	color:#669966;  /* ---  Logo Green --- */
}

ul#navmenu li a:hover {
	background-image: url(../images/common/navigation-hover-bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	text-decoration: none;
}
ul#navmenu li.selected a { background-image: url(../images/common/navigation-hover-bg.gif); }
ul#navmenu li.first a { border-left: 1px solid white; }
ul#navmenu li.item a , ul#navmenu li.item span { border-right: 1px solid white; }

/* --- drop down menus --- */
ul#navmenu li ul.dropdown {
	position: absolute;
	z-index: 999;
	left: -999em;
	margin: 0px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
/* ---	border-color: #a0a0a0; --- */
	border-color: #F5DF00;
	padding: 1em 0px 0px;
	background-color: #eeeeee;
	background-image: url(../images/common/dropdownmenu-bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	list-style-type: none;
}
ul#navmenu li:hover ul.dropdown,
ul#navmenu li.sfhover ul.dropdown {
	left: auto;
}
ul#navmenu li ul.dropdown li {
	float: none; /* remove the float so they display vertically */
	margin-bottom: 0.5em;
	padding: 0px 2em 0px 1em;
}
ul#navmenu li ul.dropdown li a {
	display: inline;
	padding: 0px;
	border-right: 0px;
	background-image: none;
	line-height: 1.4em;
	font-size: 1em;
	color: black;
	font-weight: normal;
}
ul#navmenu li ul.dropdown li a:hover {
	background-image: none;
	text-decoration: underline;
}

/* --- content & columns --- */
#leftcol {
	clear: left ;
	display: inline ;
	float: left;
	width: 200px;
}
#rightcol {
	float: right;
	display: inline; /* ie double margin fix */
	width: 220px;
	margin-top: -225px;
}

#content {
	padding-left: 200px;
	padding-right: 220px;
}
#centercol {
	float: left;
	width: 100%;
}

#leftcol .column-inner { margin-top: 15px; margin-left: 15px; }
#centercol .column-inner { margin-top: 15px; margin-right: 15px; margin-left: 15px; }
#rightcol .column-inner { margin-right: 20px; }

/* --- left hand navigation --- */
#stackingnav a,
#stackingnav #currentarticle {
	display: block;
	margin-bottom: 1px;
	padding: 5px;
}
/* ---  Change stackingnav colour scheme to match Green of site --- */
#stackingnav .parent0selected a { background-color: #356735; font-size: 130%; color: white; }
#stackingnav .parent1selected a { background-color: #427142; font-size: 130%; color: white; }
#stackingnav .parent2selected a { background-color: #547F54; font-size: 130%; color: white; }
#stackingnav .parent3selected a { background-color: #6C916C; font-size: 130%; color: white; }
#stackingnav .parent4selected a { background-color: #89A789; font-size: 130%; color: white; }
#stackingnav .parent5selected a { background-color: #ABC0AB; font-size: 130%; color: white; }

#stackingnav .level0selected a, #stackingnav .level0selected #currentarticle { background-color: #356735; font-size: 130%; color: white; }
#stackingnav .level1selected a, #stackingnav .level1selected #currentarticle { background-color: #427142; font-size: 130%; color: white; }
#stackingnav .level2selected a, #stackingnav .level2selected #currentarticle { background-color: #547F54; font-size: 130%; color: white; }
#stackingnav .level3selected a, #stackingnav .level3selected #currentarticle { background-color: #6C916C; font-size: 130%; color: white; }
#stackingnav .level4selected a, #stackingnav .level4selected #currentarticle { background-color: #89A789; font-size: 130%; color: white; }
#stackingnav .level5selected a, #stackingnav .level5selected #currentarticle { background-color: #ABC0AB; font-size: 130%; color: white; }

#stackingnav .level0 a { background-color: #ffffff; font-size: 130%; color: black; }
#stackingnav .level1 a { background-color: #ffffff; font-size: 130%; color: black; }
#stackingnav .level2 a { background-color: #ffffff; font-size: 130%; color: black; }
#stackingnav .level3 a { background-color: #ffffff; font-size: 130%; color: black; }
#stackingnav .level4 a { background-color: #ffffff; font-size: 130%; color: black; }
#stackingnav .level5 a { background-color: #ffffff; font-size: 130%; color: black; }

#stackingnav .children a {
	margin-left: 5px;
	padding-left: 15px; /* bump text past background image */
	background-image: url(../images/common/left-nav-arrow.gif);
	background-position: left 0.5em;
	background-repeat: no-repeat;
	color: black;
}

/* --- right hand navigation --- */	/* --- PDH - bigbluebox now biggreenbox --- */
#bigbluebox {
	padding: 10px 0px;
	background-color: #669966;
	color: white;
}
#bigbluebox .title {
	clear: left;
	margin-top: 10px;
	background-image: url(../images/common/white-dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding: 5px 10px;
	font-size: 130%;
}

#searchbox form { width: 180px; margin: 0px auto; padding: 0px; } /* specify a width or IE can't work it out */
#searchbox form label { font-size: 130%;}
#searchbox form fieldset { margin: 0px; border: 0px; padding: 0px; padding-top: 10px;}
#searchbox form input { width: 70%; }
#searchbox form .button { width: auto; }

#atozbox {
	margin: 5px 10px 0px;
}
#atozbox ul {
	width: 180px; /* specify a width or IE can't work it out */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#atozbox li {
	float: left;
	width: 11%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 130%;
}
#atozbox li a {
	display: block;
	line-height: 2em;
	color: white;
}

#textsizebox {
	margin-top: 5px;
	padding: 0px 10px;
}
#textsizebox img {
	margin-right: 5px;
	border: 0px;
	vertical-align: middle;
}

/* --- related right hand side blocks --- */
#relatedblocks {}

#relatedblocks h2 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 130%;
/* ---	color: #69a7e0; --- PDH - Changed to Match Green of Site --- */
	color: #89A789;
}
#relatedblocks ul {
	/* give a generic style for lists in the right hand block */
	margin: 0px;
	padding: 0px 0px 1em;
	background-image: url(../images/common/green-dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	list-style-image: url(../images/common/left-nav-arrow.gif);
	list-style-position: outside;
}
#relatedblocks li {
	margin: 0px 0px 0.5em 20px;
	padding: 0px;
}
#relatedblocks li a {
	color: black;
}

#relatedblocks ul.relatedmedia { list-style-image: none; list-style-type: none; }
#relatedblocks ul.relatedmedia li { margin: 0px 0px 0.5em 0px; }
#relatedblocks ul.relatedmedia li img { vertical-align: middle; }

#relatedblocks ul.relatedcontacts li { margin-bottom: 1em; }
#relatedblocks ul.relatedcontacts li div { margin-bottom: 0.3em; }
#relatedblocks ul.relatedcontacts li .contactheading { font-weight: bold; }
#relatedblocks ul.relatedcontacts li a { text-decoration: underline; }
#relatedblocks ul.relatedcontacts li a:hover { text-decoration: none; }

#relatedblocks .pollform {
	margin: 0px;
	padding: 0px 0px 1em;
	background-image: url(../images/common/green-dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
#relatedblocks .pollform ul {
	padding: 0px;
	background-image: none;
	font-weight: bold;
}
#relatedblocks ol.pollanswers {
	margin: 0.5em 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}
#relatedblocks ol.pollanswers li {
	margin: 0px;
	padding: 0px;
	line-height: 2em;
}

/* --- footer --- */
#footer { clear:left; margin-top: 15px; }
#footer #links { text-align: center; }
#footer #links img { margin: 0px 5px; border: 0px; vertical-align: middle; }

#footer .imagevallinks { margin: 0 auto; } 

#footer #bottomutils {
	margin-top: 15px;
	padding: 10px 20px 10px 15px;
/*	background-color: #69a7e0; */
	background-color: #669966;
	background-image: url(../images/common/footer-bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	color: white;
}
#footer #bottomutils a { color: white; }
#footer #bottomutils a.current { font-weight: bold; text-decoration: underline; }
#footer #bottomutils img { border: 0px; }
#footer #bottomutils-left { float: left; }
#footer #bottomutils-right { float: right; }

#footer #bottomutils ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footer #bottomutils li {
	float: left;
	padding-left: 10px;
	margin-right: 5px;
	background-image: url(../images/common/dash.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
#footer #bottomutils li.first {
	padding-left: 0px;
	background-image: none;
}
#footer #bottomutils #pagecontrols {
	margin-top: 0.5em;
}
#footer #bottomutils #icmactionstitle {
	float: left;
	margin-right: 5px;
	font-weight: bold;	
}
/* --- general --- */
.bumper { clear: both; font-size: 0px; line-height: 0px; }
#introtext { font-weight: bold; }