/*global layout*/
body {text-align: center; padding: 0;	margin: 0;	font-family: Arial, Helvetica, sans-serif;	font-size: 100%;	background: #dcdcdc;	COLOR: #444444;}
div { font-size: 100%; }
div.left { float: left;    width: 50%;}
div.right { float: right;  width: 50%;}
div.center { text-align: center; }
p { font-size: 75%; margin: 5px 5px 2% 2px; line-height: 1.5em;}
h1 {padding: 0px; font-size: 100%; color: #36668D; margin: 0 0 8px 0;}
h2 { font-size: 90%; color: #696969; padding: 0px; margin-bottom: 0.5em; margin-top: 0.5em; }
h3 { font-size: 90%; color: #657e16; padding: 0px; margin-bottom: 0.5em; margin-top: 0.5em; }
h4 { font-size: 90%; color: #657e16; padding: 0px; margin-bottom: 0.5em; margin-top: 0.5em; }
h5 { font-size: 90%; color: #696969; padding: 0px; margin-bottom: 0.5em; margin-top: 0.5em; }
h6 { font-size: 90%; color: #696969; padding: 0px; margin-bottom: 0.5em; margin-top: 0.5em; }  
.sectionbar {font-size: 84%; font-weight: bold;	color: #4682B4; padding: 2px 0px 2px 0.5em;	margin: 0;	background-color: #E4E4E4;}
.clear {margin: 0 0 0 0; clear: both;}
.right { float: right; }
strong, b { font-weight: 800; }
.warning { color: red; }
.enclosure { font-weight: bold; font-size: xx-large; }
.placeholder { }
.small { margin: 1px 1px 1px 1px; font-size: 65%; padding: 1px 1px 4px 15px; }
.more {text-align: right; margin: 0px 4px 0px 0px; }
p.more {font-size:80%; }
.more a, .more a:link, .more a:active, .more a:visited { font-size: 70%; font-weight: normal; color: Gray; text-decoration: none; padding: 0 14px 3px 0 ; background: url(/wsp_images/greyarrowsmall.gif) no-repeat right; }
.more a:hover {text-decoration:underline; color: Gray; background: url(/wsp_images/bluearrowsmall.gif) no-repeat right;}
a.more, a.more:link, a.more:active, a.more:visited { font-size: 85%; font-weight: normal; color: Gray; text-decoration: none; }
a.more:hover { color: #8B4513; }
hr.medium { width: 85%; size: 0.5em; color: #999999; }
hr.wide { width: 98%; size: 0.5em; color: #999999; }
hr.white{ width: 85%; size: 0.5em; color: #ffffff;	}	
ul { margin: 1em 1em 15px 1em; font-size: 75%; list-style: disc url(/wsp_images/doublearrowgreen.gif); padding:0; }
ul ul {list-style-type: disc; margin-left:0;}
ul ul li {margin-left:0px;}
li {padding: 2px 0 2px 0px; }
li.access { display: none; }
ol { margin-left: 2.8em; list-style-type: decimal; font-size: 70%;}
ol ol { list-style-type: lower-roman; font-size: 70%; }
#middle ul {margin-left: 3em}
.middle ul {margin-left: 3em}
.hidden1 { display: none; }
.hidden2 { display: none; }
ul#double li  { width:50%;}

/* Header Section Specific	*/
#top {width:980px; margin:0px auto 15px auto; padding: 10px 0 0 0; background-color: #fff; text-align:left; background-image: url(/wsp_images/leafgreen.jpg);	background-repeat: no-repeat;	background-position :right top; }
#topleft{float:left;  width:220px; padding: 5px 0 5px 4px; margin:0;}
.toplinks {	font-family: verdana, arial, helvetica, sans-serif;font-size: 70%;	margin-left: 0;	padding: 5px 0 3px 0;	text-align: center;	width: 100%;}
.toplinks a:link, .toplinks a:visited {	font-weight: normal;	color: #666666;	text-decoration: none;}
.toplinks a:hover { font-weight: normal;  text-decoration: underline; }
div#searchform a, div#searchform a:link, div#searchform a:active, div#searchform a:visited { font-size: 80%; margin: 0 0 0 4px; padding: 0 0 0 12px; color: white; background-image: url(/wsp_images/morebullet.gif);  background-position: left;  background-repeat: no-repeat;   }
div#searchform {margin: 34px 10px 2px 0px; font-size: 80%;	color: white;}
div#searchform p {float: right; font-size:70%;  margin: 4px 0 0 0; padding: 0}
#topmiddle { padding: 5px 0; float:left; width:475px; margin:0; }
#topright {float:left; width:255px; padding: 5px 0px 0px 0; text-align: right;}
#topnavlinks {padding: 6px 0 0 0; color:#fff; clear:both; font-size: 90%; text-align: center; background-color: #36668D;}
#topnavlinks  a:link, #topnavlinks  a:visited { font-weight: bold; color: White; text-decoration: none; padding: 0 6px 0 6px;}
#topnavlinks  a:hover { background-color: #fff; font-weight: bold; color: #666;  }
.atoz { margin: 2px 4px 2px 2px; text-align: center; }
a.atoz, a.atoz:link, a.atoz:active, a.atoz:visited { font-size: 100%; padding: 4px 0px 4px 0px; font-weight: bold; color: Gray; text-decoration: none; }
a.atoz:hover { color: #8B4513; font-weight: bold; text-decoration: underline; }

/* layout NEW */
#container {width:980px; margin:0px auto 0 auto; text-align:left;background-color: #fff; }
#leftcol {float:left; width:200px; padding: 0px; margin: 0 0 10px 20px; _margin: 0 0 0 10px; IE 6 only }
#centercol {float:left; width:468px; margin: 0 19px; padding: 0 0px 10px 0px}
#rightcol {float:left; width:234px; padding: 0px; margin-bottom:10px}
#middle {float:left; width:468px; margin: 0 19px; padding: 0 0px 10px 0px}
.middle {float:left; width:468px; margin: 0 19px; padding: 0 0px 10px 0px}
.mainarea {float:left; width:700px; margin: 0 20px; padding: 0 0px 10px 0px}
#footer {clear:both; font-family: verdana, arial, helvetica, sans-serif; padding:5px; height: 80px; margin: 10px 0 0 0; background-color: #dcdcdc;  border-top: 10px solid #36668D;}

/*div#leftcol { position: absolute; top: 140px; left: 9px; padding: 0; width: 24%; margin: 0 1% 0 1px; min-height: 100%; }
div#rightcol { position: absolute; top: 140px; right: 0px;  width: 23%; padding: 0px 2px 0px 3px; height: 100%; margin: 0 9px 0 0;}*/

/* left column */
#leftnav {margin: 0 0 15px 0; border-top: 10px solid #666; padding: 0px; background:#dcdcdc;}
#leftnav h2 {padding: 4px 0px 8px 0; margin: 0; background:#fff; color:#666;}
#leftnav a:hover {background: #666}
#leftnav li {list-style: none none; padding: 0px; margin: 0; }
#leftnav ul {list-style: none none; margin: 0px 10px 0px 0px; padding: 0;}
#leftnav ul a:link, #leftnav ul a:visited {display:block; color:#FFFFFF; background: gray; width:100%; padding:5px; text-decoration:none;}
#leftnav ul a:hover, #leftnav ul a:active {background: #666;}
#leftnav p {font-size: 70%; margin-top: 5px; }
#leftnav a.selectedleft, #leftnav a.selectedleft:link, #leftnav a.selectedleft:active, #leftnav a.selectedleft:visited {display:block; background: #36668D url(/wsp_images/bluerightarrow.gif) no-repeat right;}

/* IE6 */
* html #leftnav ul {margin: 0px;}
* html #leftnav ul a:link, * html #leftnav ul a:visited {padding:5px 0;}
* html #leftnav a.selectedleft, * html #leftnav a.selectedleft:link, * html #leftnav a.selectedleft:active, * html #leftnav a.selectedleft:visited { background: #36668D url(/wsp_images/bluerightarrow.gif) no-repeat right;}

div.leftbox {margin: 0 0 15px 0; padding: 0; border-top: 10px solid #7A991A;   }
div.leftbox h2 {padding: 4px 0px; margin: 0; }
div.leftbox p { font-size: 70%; padding: 3px; margin: 0; }
ul.leftboxlinks { list-style: none none; margin: 0; padding: 5px 1px 5px 0px; line-height: 150%; }
ul.leftboxlinks li {background: url(/wsp_images/doublearrow.gif) no-repeat left; margin: 0 0 0 0; padding: 4px 0 2px 20px; }
ul.leftboxlinks li a:link, ul.leftboxlinks li a:visited {list-style: none;	color: #657e16; text-decoration: none; width: 100%;  }
ul.leftboxlinks li a:hover { list-style: none; color: #666; }
div.homelist { margin: 8px 0 15px 0px;  border-top: 10px solid #36668D;}
div.homelist h2 {color: #36668D; padding: 4px 0; margin: 0 0 5px 0; }
div.homelist ul { list-style: none none;	 margin: 0 0 6px 0; padding: 2px 1px 2px 0px; line-height: 100%; font-size: 75%;}
div.homelist ul li {background: url(/wsp_images/doublearrow.gif) no-repeat left; margin: 0 0 0 0; padding: 3px 1px 3px 20px;	}
div.homelist ul li a:link, div.homelist ul li a:active, div.homelist ul li a:visited {  text-decoration: none;  width: 100%; }
div.homelist ul li a:hover { text-decoration: underline;  }

/*home page */
#homewrap { padding: 0% 0% 0% 0%; background-color: #FFFfff; margin: 10px 27.5% 0 26%; }
div#righthome { position: absolute; top: 140px; right: 0px;  width: 26%; padding: 0px 2px 0px 3px; height: 100%; margin: 0 10px 0 0;}

/*NEW top task buttons */
.btn {	margin: 0 5px 10px 5px; background: #7A991A; color: #FFF; display: inline-block; -ms-border-radius: 4px;  -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); text-decoration: none; line-height: 50px; padding: 5px 28px;}
 .green.btn {  background: linear-gradient(#7A991A,#647d15);  text-shadow: 1px 1px 1px #647d15; }
 .blue.btn {  -ms-background: linear-gradient(#11A1D6,#0E86B2);  -ms-text-shadow: 1px 1px 1px #0E86B2;  background: linear-gradient(#11A1D6,#0E86B2);  text-shadow: 1px 1px 1px #0E86B2;   }
 .red.btn {  background: linear-gradient(#D60A0A,#B20808);  text-shadow: 1px 1px 1px #B20808; }
.btn:hover {   box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),   inset 0 1.5em 1em rgba(255,255,255,0.1);}
.btn:active {   box-shadow: inset 0 1px 1px rgba(255,255,255,0.2),   inset 0 1.5em 1em rgba(0,0,0,0.3); }  
a.btn, a.btn:link, a.btn:active, a.btn:visited, a.btn:hover { font-weight: bold; color: white; text-decoration: none;  }

/*services rollouts */
#services{border-top: 10px solid #666; margin:0 0 8px 0; padding:0px;	font-size:100%; font-weight:bold; text-align: center;}
#services ul{font-family: verdana, arial, helvetica, sans-serif; height:25px; list-style:none none; margin:0; padding: 0px 0px 12px 0px;}
#services li{float:left; padding:0px; margin: 0px; width:108px;}
#services li a, #services li a:link, #services li a:visited{background: #9c9d9d url(/wsp_images/greyback.gif) repeat-x; color:#fff; font-weight:bold;	display:block;	line-height:27px;	margin:0px;	padding:0px 6px 0 29px;	text-align:left; text-decoration:none;  border: 1px solid #666;}
#services li a:hover, #services ul li:hover a{background: #36668D; color:#FFFFFF; text-decoration:none; border: 1px solid #36668D;}
#services li ul{background:#666666; display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:180px;	z-index:200; }
#services li:hover ul{display:block;}
#services li li {display:block; float:none; margin:0px; padding:0px; width:100%; }
#services li:hover li a {background:none;}
#services li ul a, #services li ul a:link, #services li ul a:visited{display:block;	height:25px; font-size:10px; font-style:normal; margin:0px; padding:0px 5px 0 10px; text-align:left; border:none;}
#services li ul a:hover, #services li ul li:hover a {background:#36668D url(/wsp_images/hover_sub.gif) center left no-repeat; border:0px; color:#ffffff; text-decoration:none; }
#services li.find, #services li.apply {margin: 0px}
#services li.report {margin: 0 6px 0 12px}
#services li.pay {margin: 0 12px 0 6px}
#services p{clear:left;}	

li.report {background: url(/wsp_images/bulletgray.gif) no-repeat left;}
div#homestory  {width:467px;  height:200px; padding: 0; margin: 0; background:url(/pub_livx/groups/webcontent/documents/imagelibrary/homestoryimage.jpg) no-repeat;  position: relative;  }
div#storytext  {width:467px; margin: 150px 0 0 0; background-color:#000000; position: absolute; bottom: 0px; opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */ }
div#storytext p  {margin: 5px;  max-height:50px;  overflow: none;  color:#ffffff;}
div#storytext a, div#storytext a:link, div#storytext a:active, div#storytext a:visited { font-weight:bold; color:#ffffff; text-decoration:underline;}
div#storytext a:hover { color: #FF6600; }
#neighbourhood {height: 200px; padding: 0; border-top: 10px solid #36668D; margin:15px 0 0 0; }
#neighbourhood h2 {padding:4px 0; margin: 0 0 5px 0; color:#36668D;}
#neighbourhood  p { font-size: 66%; margin: 3px 7px 0px 7px; color: gray; padding-right: 14px;}
#neighbourhood .more {background: url(/wsp_images/greyarrowup.gif) no-repeat right;}
div#map {float:right; overflow: hidden;}
div#nhoodlist1 {float: left; overflow: hidden; margin: 6px 20px 0 0; padding: 0;}
div#nhoodlist2 {float: left; overflow: hidden; margin: 6px 10px 0 0;}
#neighbourhood ul {list-style: none none; margin: 2px 2px 0 1px; padding:0}
#neighbourhood li {background: url(/wsp_images/doublearrow.gif) no-repeat left; margin: 0; padding: 3px 1px 3px 20px;}
#neighbourhood a:link, #neighbourhood a:active, #neighbourhood a:visited {text-decoration: none;}
#neighbourhood a:hover {color: #D2691E; text-decoration: underline;}
div#events	{border-top: 10px solid #7A991A; margin:10px 0 0 0; }
div#events h2 {padding: 4px 0 4px 2px; margin: 0 0 4px 0; }
#events ul { list-style: none none;  margin: 0; font-size: 75%; padding: 2px 1px 0px 0px; font-weight: bold;  }
#events ul li {list-style: none none; padding: 3px 0 3px 3px; font-weight: normal;}
#events a:link, #events a:active, #events a:visited {text-decoration: none;}
#events a:hover {text-decoration: underline; color: Gray; }
#events p { text-align: right; margin: 0 0 0 0; padding: 0 5px 0 0; }

/* right home */
.latest .more {margin-top: 6px}
div.latest { border-top: 10px solid #666; margin: 10px 0 10px 0x;}
div.latest h2 {padding: 4px 0; margin: 0; color:#666;}
div.latest h3 {padding: 4px 0; margin: 0; font-size: 66%; color:#666}
div.latest p { font-size: 66%;	padding: 4px 4px 6px 4px;	margin: 0; border-bottom: 1px dashed #bcbcbc;}
div.latest a, div.latest a:link, div.latest a:visited {}

/*old twitter feed */    
div#twit {position:relative; z-index:1; margin-bottom: 15px;}
div#twit p  {font-size: 85%; background: #fff; border:none}
div.twtr-hd  {display: none !important;}
div.twtr-hd h4  {display: none  !important;}
.twtr-ft{display: none !important;}
.twtr-join-conv {display:none !important;}
.twitter-feed span{display:none !important;}
.twitter-feed .twtr-ft img{display:none !important;}
img.twtr-profile-img {display:none !important;}
.twtr-widget .twtr-tweet {border-bottom: 1px dashed #bcbcbc !important;	background-color: #fff !important; border-left: #fff !important;}
.tweet-url 	a:hover { color: #D2691E !important; }
div.twtr-tweet a, div.twtr-tweet a:link, div.twtr-tweet a:visited   { color: #D2691E !important; }

/* search results paging */
p.resultsnav { font-size: 70%; color: #999999; text-align: center; }
a.resultsnav, a.resultsnav:link, a.resultsnav:active, a.resultsnav:visited { font-weight: normal; text-decoration: none; }
a.resultsnav:hover {text-decoration: underline; }
a.resultspage,	a.resultspage:link, a.resultspage:active, a.resultspage:visited { padding: 0 4px; font-weight: normal; text-decoration: underline; }
a.resultspage:hover { }
.thispage { background-color: #36668D; color: White; font-weight: bold;  padding: 1px 4px;}

/* content section */	
div.pagetitle1 { padding: 2px 0px 6px 30px; /*height: 3.5em;*/ margin: 1% 0 4px 8px; background: url(/wsp_images/title.gif) left center no-repeat; }
div.pagetitle { padding: 0px; margin: 0px;}
.breadcrumb { margin: 0px; padding: 0px; font-size: 80%; }
.breadcrumb p {height: 1%;	font-size: 80%;	padding: 1px 1px 1px 3px;	color: gray;}
html>body .breadcrumb { height: auto; }
a.breadcrumb, a.breadcrumb:link, a.breadcrumb:visited {text-decoration:none; font-size: 100%;	padding: 0px 0px;	margin: 0px 3px; /*color: #4682b4*/;}
a.breadcrumb:hover {text-decoration: underline;}
.lastcrumb {margin-left: 3px}
div.newsbox { margin: 0px 5px; line-height: 90%; background-color: #F1F1F1;}
div.newsbox ul {font-size: 70%;}
div.newsbox p { margin: 2px; font-size: 70%;  padding: 5px}
div.newsbox h2 {margin: 2px; font-size: 80%; padding: 5px}
div#contentactions {float:right;}

/*section home page boxes*/
div#menucontainer {width:462px; margin: 0px 1px 10px 0px;}
div#menucontainer p {margin: 5px 1px 2px 2px; font-size: 70%;}
div#menucontainer a, div#menucontainer a:link, div#menucontainer a:active, div#menucontainer a:visited {font-size: 100%;	color: #3C709D;	 text-decoration:none; margin: 0px 5px 2px 0px;}
div#menucontainer a:hover {text-decoration:none; color: #ff9900;}
div.menubox1, div.menubox2, div.menubox3 { padding: 0px; width: 144px; height: auto; overflow: hidden; border-top: 10px solid #7A991A;}
div.menubox1, div.menubox2 {margin: 0px 6px 7px 6px; float: left;}
div.menubox3 {margin: 0px 0px 7px 0px; float:right; }
div.menubox1 h2, div.menubox2 h2, div.menubox3 h2 { font-size: 82%; padding: 2px 1px 4px 1px; margin: 2px 0px; }
div.menubox1 ul, div.menubox2 ul, div.menubox3 ul {margin: 4px 0; font-size: 60%; list-style: none none;	padding:0; line-height: 100%;}
div.menubox3 ul li, div.menubox2 ul li, div.menubox2 ul li {background: url(/wsp_images/doublearrow.gif) no-repeat left; margin: 0; padding: 3px 1px 3px 16px;	}


/*section home page picture boxes*/
div#boxcontainer {margin: 14px 1px 10px 0px;}
div#boxcontainer p {margin: 2px 2px 2px 2px; font-size: 70%;}
div#boxcontainer a, div#boxcontainer a:link, div#boxcontainer a:active, div#boxcontainer a:visited {font-size: 100%;	color: #3C709D;	text-decoration:none;	margin: 0px 0px 2px 0px;	font-weight : bold;}
div#boxcontainer a:hover {text-decoration:none; color: #ff9900;}
div.picbox1, div.picbox2, div.picbox3 { padding: 0px; width: 142px; height: 200px; overflow: hidden; }
div.picbox1, div.picbox2 {margin: 0px 9px 7px 7px; float: left;}
div.picbox3 {margin: 0px 1px 7px 0px; float:right; }
div.picbox1 h2, div.picbox2 h2, div.picbox3 h2 {	color: #555555;	font-size: 82%;	padding: 2px 1px 2px 1px;	margin: 2px 0px;}
div.picbox1 ul, div.picbox2 ul, div.picbox3 ul {margin: 4px 0; font-size: 60%; list-style: none none;	padding:0; line-height: 100%;}
div.picbox3 ul li, div.picbox2 ul li, div.picbox2 ul li {background: url(doublearrow.gif) no-repeat left; margin: 0; padding: 3px 1px 3px 16px;	}
img.picbox {height : 94px;	width : 142px;}

/*right nav new*/
div#rightnav {border-top: 10px solid #666; margin: 0 0 20px 0; padding: 0px; background-color:#7A991A;}
#rightnav h2 {padding: 4px 0px 8px 0; margin: 0px; color:#666; background-color:#fff;}
#rightnav a:hover {background-color: #7A991A;}
#rightnav li {list-style: none none; padding: 0px; margin: 0; }
#rightnav ul {list-style: none none; padding: 0px; margin: 0 19px 0 0;}
ul#rightnavlink a:link, ul#rightnavlink a:visited {display:block; color:#FFFFFF; background-color:#7A991A; width:100%; padding:5px 5px 5px 14px; text-decoration:none; }
ul#rightnavlink a:hover, ul#rightnavlink a:active {background-color:#657e16;}
ul#rightnavlink a.selected, ul#rightnavlink a.selected:link, ul#rightnavlink a.selected:active, ul#rightnavlink a.selected:visited {font-weight: bold; background-color:#657e16;}
a.section, a.section:link, a.section:active, a.section:visited {background: url(/wsp_images/plus.gif) no-repeat left;}
ul#rightnavprevious a:link, ul#rightnavprevious a:visited {display:block; color:#FFFFFF; background: gray url(/wsp_images/back.gif) no-repeat left center; width:100%; padding:5px 5px 5px 14px; text-decoration:none; }
ul#rightnavprevious a:hover, ul#rightnavprevious a:active {background: #666 url(/wsp_images/back.gif) no-repeat left center;}
ul#rightnavcurrent a:link, ul#rightnavcurrent a:visited{display:block; color:#FFFFFF; background: #36668D url(/wsp_images/bluedownarrow.gif) no-repeat right; width:100%; padding:5px 5px 5px 14px; text-decoration:none;}
ul#rightnavcurrent a:hover, ul#rightnavcurrent a:active {background: #7DAAD0 url(/wsp_images/downarrow.gif) no-repeat right;}

/*IE6*/
* html #rightnav ul {margin: 0px;}
* html ul#rightnavlink a:link, * html ul#rightnavlink a:visited {width:100%; padding:5px 0px 5px 0px; margin:0; }
* html ul#rightnavprevious a:link, * html ul#rightnavprevious a:visited {background: gray; width:100%; padding:5px 0px 5px 0px;margin:0;  }
* html ul#rightnavprevious a:hover, * html ul#rightnavprevious a:active {background: #666;}
* html ul#rightnavcurrent a:link, * html ul#rightnavcurrent a:visited{ background: #36668D; width:100%; padding:5px 0px 5px 0px;margin:0; }
* html ul#rightnavcurrent a:hover, * html ul#rightnavcurrent a:active {background: #7DAAD0;}
* html a.section, * html a.section:link, * html a.section:active, * html a.section:visited {background-image: none;}

/*related content*/
div.related {margin: 10px 0 8px 5px;	border-top: 10px solid #36668D; background-color: #fff;}
div.related h2 {color: #36668D; padding: 4px 0; margin: 0 0 10px 0;  }
div.related p { font-size: 70%; padding: 2px 0 3px 0;	margin: 1px 0 4px 0;	/*overflow: hidden;*/}
div#extlink  { color: #666666; font-size: 82%; padding: 4px 1px 4px 5px; margin: 0 0 4px 0;  font-weight: bold; background:#DCDCDC url(/wsp_images/globe_icon_gs.gif) no-repeat right;  }
div#docs { color: #666666; font-size: 82%; padding: 4px 4px 4px 5px; margin: 0 0 4px 0;  font-weight: bold;  background:#DCDCDC url(/wsp_images/doc_icons_gs.gif) no-repeat right;   }
div#pages { color: #666666; font-size: 82%; padding: 4px 1px 4px 5px; margin: 0 0 4px 0;  font-weight: bold; background:#DCDCDC url(/wsp_images/tree_icon_gs.gif) no-repeat right; }
div.related ul{ list-style: none none;  margin: 0 0 6px 0; padding: 5px 1px 5px 5px; font-weight: bold; }
div.related li { background: url(/wsp_images/doublearrow.gif) no-repeat left; margin: 0; padding: 1px 1px 3px 20px;}
ul.related a:link, ul.related a:active, ul.related a:visited {}
ul.related a:hover {}


/*contact*/
div.contact { margin: 0 0 5px 0; border-top: 10px solid #7A991A;}
div#contacts {width: 190px;float:left;}
div.contact h2 { padding: 4px 0; margin: 0 0 10px 0;  }
div.contact p { font-size: 75%; padding: 2px 0px 2px 2px; margin: 0 0 4px 0; overflow: hidden; width: 100%; line-height: normal;}
div#smicons {width: 40px; float:left; margin: 0px; }
div#smicons img {padding: 0 0 4px 0  }
.sociallink {height:30px; float:left; margin: 0 1% 0 1%; font-size: 70%; overflow: hidden;}
.sociallink img { float: left; }

div.feedback {	text-align: center; margin: 15px 0 15px 10px; }
div.feedback h2 { background-color: #737c21; color: White; font-size: 80%; padding: 4px 1px 4px 3px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: center; }
div.feedback a:link, div.feedback a:active, div.feedback a:visited {padding: 2px 0px 0px 18x; font-size: 90%; }
div.feedback a:hover {color: Gray;}

/*footer*/
#footer p {font-size: 66%; text-align:right; clear:right; margin:5px 0 0 0; padding:0;}
#footer a {color:gray;}
#footlinks {float:right; margin:0; padding:0;}
#directgov {float:left; margin: 0 20px 0 0; padding: 0;}
#footer .toplinks  {margin: 0 0 5px 0;}
#footer .toplinks a {color:#666}

/* images */
img { border: none; }
.bigimage { text-align: center; font-size: 85%; }
.bigimage p { text-align: right; margin: 0 5%; }
img.bigimage { border: 1px solid #DCDCDC; }
img.rightimage { margin: 5px 5px 5px 5px; border: 1px solid #DCDCDC; float: right; }
img.leftimage { margin: 5px 7px 5px 5px; border: 1px solid #DCDCDC; float: left; }
img.rightimageplain { margin: 5px 5px 5px 5px; float: right; }
img.leftimageplain { margin: 5px 7px 5px 5px;  float: left; }
.roundbottoml { width: 7px; height: 7px; background: url(/wsp_images/corner_bl.gif) no-repeat; float: left; }
.roundbottomr { width: 7px; height: 7px; background: url(/wsp_images/corner_br.gif) no-repeat; float: right; }
.roundbottom { padding-bottom: 7px; }
.roundtopl { width: 7px; height: 7px; background: url(/wsp_images/corner_tl.gif) no-repeat; float: left; }
.roundtopr { width: 7px; height: 7px; background: url(/wsp_images/corner_tr.gif) no-repeat; float: right; }
.roundtop { padding-bottom: 20px; }
* html .roundbottoml, * html .roundbottomr, * html .roundtopl, * html .roundtopr  { display:none; } /* hide IE6 double padding */
.boxtopl { width: 7px; height: 7px; background: url(/wsp_images/boxcorner_tl.gif) no-repeat; float: left; }
.boxtopr { width: 7px; height: 7px; background: url(/wsp_images/boxcorner_tr.gif) no-repeat; float: right; }
.boxbottom { padding-bottom: 7px; }
.boxbottoml { width: 7px; height: 7px; background: url(/wsp_images/boxcorner_bl.gif) no-repeat; float: left; }
.boxbottomr { width: 7px; height: 7px; background: url(/wsp_images/boxcorner_br.gif) no-repeat; float: right; }
* html .boxbottoml, * html .boxbottomr, * html .boxtopl, * html .boxtopr  { display:none; } /* hide IE6 double padding */

/* hyperlinks */	
a {font-weight: normal;	color: #0076B9;	text-decoration: underline;}
a:link { font-weight: normal; color: #0076B9; text-decoration: none; }
a:visited { font-weight: normal;	color: #0076B9; text-decoration: none;}
a:hover { font-weight: normal; color: #D2691E; text-decoration: underline; }
#helplink { text-align: right; line-height: 220%;  background: url(/wsp_images/questionmark.jpg) right no-repeat; padding-right: 32px; margin: 0px 6px 0px 0px; }
#againlink { text-align: right; line-height: 400%; background: url(/wsp_images/info.jpg) right no-repeat; padding-right: 32px; margin: 0px 6px 0px 0px; }
a.searchlink, a.searchlink:link, a.searchlink:active, a.searchlink:visited { font-weight: normal; color: Gray; text-decoration: underline; font-size: 80%; }
a.searchlink:hover { color: #8B4513; }
a.pdf {background: url(/wsp_images/pdficon.gif) left no-repeat; padding-left: 20px;}
a.word {background: url(/wsp_images/wordicon.gif) left no-repeat; padding-left: 20px;}#smalla {font-size: 70%; font-weight: bold; text-decoration: none;	color: White;	background-color : #666666; padding: 2 3 2 3; }
#biga {font-size: 120%; font-weight: bold; text-decoration: none; color: White; background-color : #666666; padding: 3px 5px; margin-right: 5px;}

/*form styles */
fieldset { padding: 10px; margin: 12px; background: #f1f1f1}
*html fieldset {position:relative} /* IE6 hack for background bleed */
*html fieldset legend {position:absolute; top: -.5em; left: 2em;}
*:first-child+html fieldset {position:relative} /* IE7 hack for background bleed */
*:first-child+html fieldset legend {position:absolute; top: -.5em; left: 2em;}
fieldset legend {font-family: verdana, arial, helvetica, sans-serif; font-size: 83%; color: #657e16; font-weight: bold; margin:0;  }
form.boxed { padding: 7px 1px 2px 4px; background: #dcdcdc; margin:0}
form.nostyle { font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; }
form.nostyle p { font-family: verdana, arial, helvetica, sans-serif; font-size: 83%; width: 75%; }
form.nostyle p label { float: none; }
form.nostyle p input { font-size: 80%; }
form.nostyle label { font-size: 80%; }
form.nostyle p input, form.nostyle p textarea, form.nostyle p select { float: left; }
form p { font-family: verdana, arial, helvetica, sans-serif; font-size: 83%; width: 75%; clear: both; margin-bottom: 5px;}
form label { font-size: 80%; margin: 0;} 
form p label { float: left; font-size: 83%; margin-bottom: 10px;} 
form p input, form p textarea, form p select { float: right;}
form input { font-size: 83%;  margin-bottom: 6px; }
form select { font-size: 83%;  margin: 3px 3px 3px 10px; }


/* New Form Style */
form.box label { display: block;  /* block float the labels to left column, set a width */ 	float: left; padding: 0 0 0 5px; margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */ 	text-align: left; margin-bottom: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 83%; width: 80%;}
form.box input, form.box textarea, form.box select { float: right; margin: 5px 0 0;}
form.box text {float: left;	} 
form.box br {	clear:left;}
form.box fieldset { padding: 10px; margin: 0;}
form.box fieldset legend {	font-family: verdana, arial, helvetica, sans-serif; font-size: 83%;	color: #7A991A;	font: bold;}  

/* Search Form Styles */
input.image { vertical-align: bottom; }
input.searchbox { vertical-align: middle; font-size: 11px; color: #666666;	 border: #cccccc 1px solid; font-family: Tahoma, Verdana, Arial, Geneva; height: 16px; padding: 1px 0 0 1px; margin-bottom: 5px;}
select.searchbox { vertical-align: middle; font-size: 11px; color: #666666; border: 1px solid #A7A7A7; font-family: Tahoma, Verdana, Arial, Geneva; height: 18px; padding: 0; margin: 0 0 5px 0;}
.resulturl {color:#404490;}

blockquote { font-family: verdana, arial, helvetica, sans-serif; }
quote { font-family: verdana, arial, helvetica, sans-serif; }

/* Search Form Styles */
input.image { vertical-align: middle; }
input.searchbox { vertical-align: middle; font-size: 11px; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; font-family: Tahoma, Verdana, Arial, Geneva; height: 18px; }
.resulturl {color:#404490;}

/*default table styles*/
table { margin: 1% 0; font-size: 70%; border: none; }
table p { margin-top: 1px; margin-bottom: 2px; margin-left: 2px; margin-right: 5px; font-size: 100%; }
table ul { margin-left: 2.3em; margin-right: 1.5em; list-style: disc none; font-size: 100%; }
tr.odd { background: White; }
th {	background-color: #dcdcdc;	padding: 2px 3px;	}
td { padding: 2px 3px; }
tr {	background-color: #F0F8FF;}

/*search results tables*/
table.results {/*	table-layout : fixed;	word-wrap:break-word;*/}
table.results span.resulturl {display:none;}
.results td {padding: 3px 4px}
.results tr { background-color: #F0F8FF;}
.results th {	background-color: #dcdcdc;	padding: 2px 3px;	}

/*Planning & Licensing Table Styles */
td.currentli { background-color: #F0F8FF; padding: 3px 4px 3px 4px; }
td.futureli { color: Gray; padding: 3px 4px 3px 4px; }
td.current { background-color: #F0F8FF; padding: 3px 4px 3px 4px; text-align: center; }
td.future { color: Gray; padding: 3px 4px 3px 4px; text-align: center; }


/* Help Text */
a.help { /*background-image: url("/wsp_images/help2.gif");
	background-position: center center;
	background-repeat: no-repeat;    
	padding: 0 10px 0;*/
	position: relative;
	text-decoration: none;
}
a.help span { display:none; }
a.help:hover { cursor:default; }
a.help:hover .helpbox {	text-decoration:none; font-size: 75%;	color: #444444;	background-color: #F0F8FF;	border: thin outset;	display: block;	left: 30px;	position: absolute;	width: 200px;	font-size: 83%; padding: 4px;}
*html a.help:hover .helpbox {bottom: 225px;}
html>body a.help:hover .helpbox {top: -20px;}

/* Site Map */		
.sitemap { font-weight: normal; font-size: 80%; margin-bottom: 0px; font-family: verdana, arial, helvetica, sans-serif; white-space: nowrap; text-decoration: none; }
.sitemap1 { border-top: 10px solid #7A991A; margin: 10px 0 4px 7px; padding: 3px;}
.sitemap2 { background: url(/wsp_images/plus1.gif) left no-repeat; padding-left: 15px; margin-left: 60px;  }
.sitemap3 { background: url(/wsp_images/plus1.gif) left no-repeat; padding-left: 15px; margin-left: 100px; }
.sitemap4 { background: url(/wsp_images/plus1.gif) left no-repeat; padding-left: 15px; margin-left: 140px; }
.sitemap5 { background: url(/wsp_images/plus1.gif) left no-repeat; padding-left: 15px; margin-left: 180px; }
.sitemap6 { margin-left: 220px; }
div.sitemap1 a, div.sitemap1 a:link, div.sitemap1 a:active, div.sitemap1 a:visited { font-weight: bold; color: #657e16; text-decoration: none; }
div.sitemap1 a:hover { font-weight: bold; color: gray; text-decoration: underline; }
div.sitemap2 a, div.sitemap2 a:link, div.sitemap2 a:active, div.sitemap2 a:visited{font-weight: bold; font-size: 90%;  text-decoration: none; }
div.sitemap2 a:hover { text-decoration: underline; }
div.sitemap3 a, div.sitemap3 a:link,div.sitemap3 a:active, div.sitemap3 a:visited{ font-weight: bold; font-size: 90%; color: gray; text-decoration: none; }
div.sitemap3 a:hover { color: gray;  text-decoration: underline; }
div.sitemap4 a, div.sitemap4 a:link, div.sitemap4 a:active, div.sitemap4 a:visited{ font-weight: bold; font-size: 90%;  text-decoration: none; }
div.sitemap4 a:hover { text-decoration: underline; }
div.sitemap5 a, div.sitemap5 a:link, div.sitemap5 a:active, div.sitemap5 a:visited { font-weight: bold; font-size: 90%; color: gray; text-decoration: none; }
div.sitemap5 a:hover { color: gray; text-decoration: underline; }
div.sitemap6 a, div.sitemap6 a:link, div.sitemap6 a:active, div.sitemap6 a:visited { font-weight: bold; font-size: 90%;  text-decoration: none; }
div.sitemap6 a:hover {  text-decoration: underline; }
.expanded { }
.collapsed { display: none; }
div.rightform { margin: 10px 0 0 25px; }