/*=Core styles
===============================================*/
	body {background:#E5F1F9 /*url("backgroundthinline.png") repeat-x top left fixed;margin:0;padding:0*/}
	
	body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%; 
    color: #444;  
	}
  
  a,a:visited{color:#069;text-decoration:none}
  a:hover{text-decoration:underline}
  
  p{display:block;line-height:1.5em;margin:1em 0}   

	.clear{clear:both}
    .hideme{display:none}
  
/*===================================== EOF Core styles*/	


/*=Reusable styles 
==============================================*/
	
	hr.seperator{background-color:#e7f4f9;border:0 solid #e7f4f9;color:#e7f4f9;display:block;height:5px;margin:20px 0;margin:10px 0;width:100%}
	img.ImmControlAlign_Right{border:solid 1px #ccc;clear:none !important;float:right;margin:5px;padding:8px 8px 24px 8px}
	
	/*=Standard list (used for main menu*/
	ul.standard{border:solid 1px #ccc;list-style-type:none;margin:0;padding:0}
	ul.standard li{background:#f6f6f6 url("list_grey_back.png") repeat-x left bottom;color:#606060;font-size:0.9em;list-style-type:none;margin:0;padding:0;position:relative;}

	ul.standard li.child{background:#fff url("list_grey_back_alt.png") repeat-x left bottom;color:#333;display:block;text-decoration:none}
	ul.standard li.child a,ul.standard li.child a:visited{/*background:transparent url("childbullets.png") no-repeat 10px 12px;*/border-top:solid 1px #eee;padding-left:25px}
		
	ul.standard li a,
	ul.standard li a:visited{border-bottom:solid 1px #fbfbfb;border-top:solid 1px #efefef;color:#606060;display:block}	
	
	ul.standard li.selected a,
	ul.standard li a:hover,
	ul.standard li.child a:hover,
	ul.standard li a:focus
	{background:#88c8e4; border-bottom:solid 1px #46a9d4;border-top:solid 1px #46a9d4;color:#333;display:block;text-decoration:none}
	ul.standard li.selected a{color:#496202}

	ul.standard li.selected span{color:#496202;background:#d0e795 url("list_grey_back_hover.png") repeat-x left bottom;
	border-bottom:solid 1px #add274;border-top:solid 1px #add274;display:block;font:normal 12px verdana;padding:7px 5px;text-decoration:none}
	
	/*Clearing methods */
	/* Clearfix method for clearing floats */
   .clearfix:after {content:".";clear:both;display:block;height:0;visibility:hidden}

	/* Safari fix */
	.clearfix {display:block}
	
/*=Buttons
=================================================*/
	/*Rounded buttons */
	span.button,a.button,a.button:visited{background:transparent url("buttons_sprite.png") no-repeat 0 0;
											color:#fff;cursor:pointer;display:block;line-height:30px;text-align:center;text-decoration:none}
	a:hover.button{background-position:0 -30px;color:#fff;text-decoration:none}
	a.button:focus{background-position:0 -60px;text-decoration:none;outline:none}
			
	/*Blue - ACTION (Submit, Save, etc) button*/
	a.short_blue,
	a.short_blue:visited{background-position:-120px -180px;width:60px}
	a.short_blue:hover{background-position:-120px -210px}
	a.short_blue:active,a.short_blue:focus{background-position:-120px -240px}
		
	a.long_blue,
	a.long_blue:visited{background-position:0 -180px;width:119px}
	a.long_blue:hover{background-position:0 -210px}
	a.long_blue:active,a.long_blue:focus{background-position:0 -240px}
	
	/*Green - LINK/INFO button*/
	a.short_green,
	a.short_green:visited{background-position:-120px -90px;width:60px}
	a.short_green:hover{background-position:-120px -120px}
	a.short_green:active,a.short_green:focus{background-position:-120px -150px}

	a.long_green,
	a.long_green:visited{background-position:0 -90px;width:119px}
	a.long_green:hover{background-position:0 -120px}
	a.long_green:active,a.long_green:focus{background-position:0 -150px}
	
	/*Red - REMOVE/CANCEL button*/
	a.short_red,
	a.short_red:visited{background-position:-120px -270px;width:60px}
	a.short_red:hover{background-position:-120px -300px}
	a.short_red:active,a.short_red:focus{background-position:-120px -330px}	
	
	a.long_red,
	a.long_red:visited{background-position:0 -270px;width:119px}
	a.long_red:hover{background-position:0 -300px}
	a.long_red:active,a.long_red:focus{background-position:0 -330px}
	
	/*Grey - DISABLED button*/
	a.short_grey,
	a.short_grey:visited{background-position:-120px 0px;width:60px}
	a.long_grey,
	a.long_grey:visited{background-position:0 0;width:119px}	
	
	a:hover.short_grey,
	a:focus.short_grey{background-position:-120px 0}
	a:hover.long_grey,
	a:focus.long_grey{background-position:0 0}
			
	/* Styles for input buttons to make them look like link buttons */
	.green_button,
	.blue_button,
	.red_button{color:#fff;cursor:pointer;padding:3px 5px;}
	
	.green_button{background:#80c31c url("green_button.png") repeat-x 0 0;border:solid 1px #629115}
	.blue_button{background:#069 url("blue_button.png") repeat-x top left;border:solid 1px #069;font-size:1.1em;}
	.red_button{background:#cc2c2c url("red_button.png") repeat-x 0 -1px;border:solid 1px #992123}
	
	.green_button:hover,
	.blue_button:hover,
	.red_button:hover{background-image:none;text-decoration:none}	

/*=Page structure
=================================================*/
	#page_margins {background:transparent url("backshadow.png") repeat-y top center;
					margin:0 auto;min-width:inherit;max-width:none;padding:0 10px;min-width:960px;width:960px}
	#page {background-color:#c3e2f0;border:solid 1px #6b6f70;border-top:none;border-bottom:none;position:relative}
	#main {background: #fff none no-repeat bottom left;border:solid 5px #eee;border-width:5px 0;margin:0;min-height:300px;padding:10px;position:relative}

	/* 2 COLUMN LAYOUT - Use these two div ids to create the normal 2 col layout */
	#sidebar{float:left;padding-bottom:70px;min-height:200px;position:relative;width:253px}
	#contentarea{margin-left:0;padding-top:10px}
	#contentarea img{border: solid 1px #CCCCCC}
	#contentarea div img.front{border: none}
	#contentarea li{line-height:1.4em;margin:5px 0}
	/* 1 COLUMN LAYOUT - Use a single div with this id for a 100% layout */
	#fullcontentarea{padding:10px 10px 80px 10px}

/*=Header
=================================================*/
	#header{background:#f0f0f0 url("headerrepeat.png") repeat-x 0 0;border:solid 1px #ccc;color:#000;height:74px;}
	#header h1{background:url("WaterLogo.gif") no-repeat 0 0;position:absolute;height:74px;margin:0;outline:none;text-indent:-9000px;width:299px;}
	#header h1 a{background:url("WaterLogo.gif") no-repeat 0 0;display:block;height:74px;outline:none;width:299px}
	#header span{color:#999}
	#header img{display:none}
	
	/*Header menu */
	.topnav{background:#f0f0f0 url("headerrepeat.png") repeat-x 0 0;float:right;height:74px;list-style-type:none;margin:0;width:636px}
	.topnav li{float:left;margin-left:-93px;width:212px;clear:left;color:#888;display:block;font:bold 30px verdana;height:74px;line-height:74px;text-align:center;text-decoration:none;width:500px}
	.topnav p{/*background:transparent url("headerbuttonsingle.png") no-repeat 0 0*/}
			

	
	/*Green graduated bar */
	.buttonBar{background:#88c8e4 url("bluebartop.png") repeat-x top left;height:31px;padding:6px 5px 0 5px;position:relative}
		
		a.backtohome,
		a.customisecontent,
		a.loginout,
		a.signup,
		a.useroptions,
		a:visited.backtohome,
		a:visited.customisecontent,
		a:visited.loginout,
		a:visited.signup
		{background:transparent url("actionbarbuttons.png") no-repeat 0 0;
			color:#666;cursor:pointer;display:block;font-size:9px;font-weight:bold;line-height:25px;text-decoration:none;text-indent:8px;width:134px}
		/*normal*/
		a.backtohome,a:visited.backtohome{background-position:0 0;margin-left:6px;text-indent:25px}
		a.loginout{background-position:-277px 0;width:72px}
		a.signup,a:visited.signup{background-position:-354px 0;width:72px}
		a.customisecontent,a:visited.customisecontent{background-position:-138px 0}
		a.useroptions,a:visited.useroptions{background-position:-430px 0;width:89px}
		/*hover*/
		.buttonBar a:hover{text-decoration:none}
		.buttonBar p{margin-top:-12px;color:#ffffff;font-size:2em;}
		a:hover.backtohome{background-position:0 -30px}
		a:hover.loginout{background-position:-277px -30px}
		a:hover.signup{background-position:-354px -30px}
		a:hover.customisecontent{background-position:-138px -30px}
		a:hover.useroptions{background-position:-430px -30px}
		/*click*/
		a:active.backtohome{background-position:0 -60px}
		a:active.loginout{background-position:-277px -60px}
		a:active.signup{background-position:-354px -60px}
		a:active.customisecontent{background-position:-138px -60px}
		a:active.useroptions{background-position:-430px -60px}

	/*=Search field*/
		.searchmain{height:27px;left:328px;margin:-1px 0 0;padding:0;position:absolute;width:306px}
		.searchbg{background:url("searchbox.png") no-repeat 0 -33px;border:0;display:block;height:27px;width:274px}
		.searchbox{background-color:transparent;border:0;color:#666;float:left;height:20px;padding:7px 10px 0;width:255px}  		
		.searchbox:focus + .searchbg{background-position:0 0}
		.searchbgIE{background:url("searchbox.png") no-repeat 0 -33px;border:0;display:block;height:27px;width:308px}
		a.searchbutton{background:transparent url("searchbutton.png") no-repeat 0 -4px;color:#fff;height:30px;margin:-1px 0 0;text-indent:-9000px;width:29px}
		a:hover.searchbutton{background-position:0 -42px}
		a:active.searchbutton{background-position:-1px -80px}
		
	
/*=Main area
=================================
=================================*/
	.breadcrumb{color:#afafaf;font:normal 10px Verdana;margin-top:0}
	.breadcrumb a,.breadcrumb a:visited{color:#afafaf;font-weight:bold}
	#contentarea hr.seperator{background-color:#e7f4f9;border-color:#e7f4f9;color:#e7f4f9;margin:10px 0}
	#contentarea ul{list-style-type:none;margin-left:20px}
	#contentarea ul li{background:transparent url(bullet.gif) no-repeat 0 3px;padding-left:20px;}
	#contentarea ul li.testimonial{background:transparent url(logo-pdf-1.png) no-repeat 0 1px;padding-left:20px;}
	#contentarea ul li img{border:none;}
	#contentarea .centerbold{text-align:center;margin:0.5em auto;font-size:1.4em;font-weight:bold;}
	#contentarea .filetype{color:gray;font-size:0.75em;}
	#contentarea p.large{font-size:1.3em;}
	/*#contentarea ul li.testimonial{background: none;text-indent: -20.8em;margin-left: 19.9em !important;}*/

/*=Sidebar
================================*/
	#sidebar hr.seperator{background-color:#e3f7bb;border-color:#e3f7bb;color:#e3f7bb;margin:20px 0}

	/*=Main menu (uses .standard list styling from top of file)*/
	.menu{position:relative}
	.menu a, .menu a:focus, .menu a:visited {color:#666;display:block;font:normal 12px Verdana;padding:7px 5px 7px 5px}
	.menu a:hover {color:#666;text-decoration:none}
	.menu li{padding:0}
	#menu{margin-left:-10px;margin-right:-10px;}
	
	/*=atoz menu*/
	.atoz{background:#a7d661 url("atozgreenfade.png") repeat-x top left;border:solid 1px #6da317;height:35px;padding:5px 0 5px 5px}
	.atoz span{background:url("atoz.png") no-repeat 0 0;float:left;height:35px;margin-right:5px;text-indent:-9000px;width:53px}
	.atoz ul{list-style-type:none;margin:0;padding:0 5px 0 0}
	.atoz ul li{float:left;height:18px;margin:0;text-align:center}
	.atoz ul li a{color:#fff;display:block;font:bold 13px Verdana;text-decoration:none;width:14px}
	.atoz ul li a:hover{color:#fff;background-color:#CEF18E}

/*=Footer
=================================*/
	#footer{background:#fff url("bluebar.png") repeat-x 0 0;padding-top:41px;position:relative;width:100%}
	#townhall{background:transparent url("footertownhallsub.png") no-repeat 0 0;height:110px;position:absolute;text-indent:-9000px;top:-103px;width:168px}
	#topfooter{border-top:solid 1px #c0c0c0;min-height:120px;padding-top:20px; text-align: center;}
	#topfooter ul{list-style-type:none;margin:0;padding-left:30px;padding-top:0}
	#topfooter li{float:left;list-style-type:none;margin:0;width:48%}
	#topfooter .heading{color:#069;display:block;font:bold 16px verdana;margin-bottom:10px}
	#topfooter p{font-size:0.75em;margin:0.5em 0;}
	#topfooter p.icons{margin-top:-6em;margin-bottom: 1em;}
	
	#topfooter #logos{border-right:solid 1px #c6e5f2;float:left;height:225px;padding-left:10px;width:275px}
	#topfooter #logos a,#topfooter #logos a:visited{border:solid 1px #fff;display:block;float:left}
	#topfooter #logos a:hover{border:solid 1px #ccc}
	#topfooter #logos a img{border:none}
	
	#topfooter #biglinks{margin-left:275px}
	#topfooter #biglinks a{border:solid 1px #fff;color:#404040;display:block;height:90px;padding:10px 10px 0px 50px}
	#topfooter #biglinks a:hover,#topfooter #biglinks a:active{border:solid 1px #ccc;text-decoration:none;}
	
	#topfooter #biglinks a{background:transparent none no-repeat 10px 5px}
	#topfooter #biglinks .planning{background-image:url("planninggel.png")}
	#topfooter #biglinks .payit{background-image:url("payitgel.png")}
	#topfooter #biglinks .libraries{background-image:url("librariesgel.png")}
	#topfooter #biglinks .reportit{background-image:url("reportitgel.png")}
	
	#bottomfooter{background:#fff url("footergreenbar.png") repeat-x 0 0;padding:50px 10px 10px 10px}
	#bottomfooter ul{list-style-type:none;padding:0;padding-left:20px;margin:0}
	#bottomfooter li{list-style-type:none;text-align:right}
	#bottomfooter a{line-height:22px}
	#bottomfooter .first{border-left:solid 1px #aae34e;float:right;margin-left:20px}
	#bottomfooter .second{padding-right:20px}
	
	/*-----New List Styles-----*/
	
	div#navcontainer{background-color: #fff;/*border-top: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;*/}
	div#navcontainer ul{border-bottom:solid 1px #ccc;font-family:Verdana, Helvetica, Arial, sans-serif;color:white;text-align:center;margin:0;padding-bottom:5px;padding-top:5px;}
	div#navcontainer ul li{display:inline;margin-left:-4px;}
	div#navcontainer ul li a{background-color:#E5F1F9;padding:7px 40px 7px 40px;color:#606060;text-decoration:none;border-top:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
	div#navcontainer ul li a:hover{/*border-top:solid 1px #46a9d4;border-right:solid 1px #46a9d4;border-bottom:none;border-left:solid 1px #46a9d4;*/background-color:#88c8e4;color:#fff;}
	div#navcontainer ul li a.selected{border-bottom:solid 2px #fff;background-color:#fff;color: #606060;}
	#active a {border-left:solid 1px #CCCCCC !important;}