/*
	Filename         :	navigation.css
	Last updated by  :	The Guild
	Last Updated     :	5 Nov 2008
	Comments         :	Provides structural and styling information page containers and navigation in the new WLC site
					 :  v1.0.0 first full release
					 :  v1.0.1 minor accessibility fixes
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000000;
	background: #cccccc url(../images/bg-gradient.gif) repeat-x left top;
}
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	color: #000000;
	background: #FFFFFF;
}

/*START: HEADER STYLES*/
#header {
	width: 100%;
}
/*#header span.left {
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}*/
/*#header span.right {
	padding: 0px;
	float: right;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #FFFFFF;
}*/
#header a {
	color: #FFFFFF;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
#header img {
	border-style: none;
	display: inline;
}
#header .headerRow1 {
	font-size: 0.7em;
	color: #FFFFFF;
	background: #555 url(../images/bg-header-row1.jpg) no-repeat left top;
	width: auto;
	margin: 0px;
	padding: 0px;
	min-height: 32px;
}
#header .headerRow1 .left {
	float: left;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	display: inline;
}
#header .headerRow1 .right {
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: auto;
}
#header .headerRow1 ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 45%;
}
#header .headerRow1 ul li
{
	float: left;
	list-style-type: none;
	margin: 12px 5px 0px 0px;
	padding: 0 5px 0px 0px;
	min-height: 13px;
}
#header .headerRow1 ul li.textSize {
	padding: 0px;
	min-height: 20px;
	margin-top: 5px;
}

#header .headerRow1 ul li.divider {
	border-right: solid 1px #ffffff;
}
#header .headerRow1 ul li a {

}
#header .headerRow1 ul li a:hover {
}		
#header .headerRow1 img {
	margin: 0px;
	padding: 0px 5px 0px 0px;
}
#header .headerRow2 {
	background: #0f6635;
	margin: 0px;
	padding: 0px;
	font-size: 0.7em;
	color: #FFFFFF;
	min-height: 35px;
}
#header .headerRow2 h1 {
	position: absolute;
	left: -9999px;
	color: #fff; /* amended KS 05-Nov-08 */
}
#header .headerRow2 img {
	float: left;
}
#header .headerRow2 .right
{
	margin: 10px 15px 0px 0px;
	padding: 0px;
	width: 54%;
	float: right;
	text-align: right;
}
#header .headerRow2 .right p
{
	margin: 3px 5px 0px 0px;
	padding: 0px;
	display: inline;
	float: left;
}
#header .headerRow2 .right ul {
	margin: 0px;
	padding: 0px;
	float: left;
}
#header .headerRow2 .right li {
	float: left;
	list-style-type: none;
	margin: 0px 1px 0px 0px;
	padding: 0px;
}
#header .headerRow2 .right a {
	text-decoration: none;
	display: block;
	padding: 3px;
}
#header .headerRow2 .right a:hover {
	text-decoration: none;
	background: #a5eb65;
	color: #0f6635;
}
#header .headerRow2 .right li.nolink {
	font-weight: normal;
	text-decoration: none;
	/*display: block;*/
	margin: 0px 1px 0px 0px;
	padding: 3px;
}
#header .headerRow2 a {
	font-weight: bold;
}
#header .headerRow3 {
	background: url(../images/bg-header-row3.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	min-height: 68px;
}

#header .headerRow3 img {
	float: left;
}
#header .headerRow3 .searchSite {
	background: url(../images/bg-header-search.png) no-repeat left center;
	margin: 12px 15px 0px 0px;
	padding: 0px;
	float: right;
	min-height: 48px;
	width: 275px;
}
#header .headerRow3 .searchSite form,
#header .headerRow3 .searchSite fieldset {
	border-style: none;
	margin: 0px;
	padding: 0px;
}
#header .headerRow3 .searchSite label {
	font-size: 0.7em;
	font-weight: bold;
	color: #00471f;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	display: block;
}
#header .headerRow3 .searchSite input {
	border: 1px solid #0f6635;
	margin: 2px 3px 0px 5px;
	padding: 3px 2px;
	width: 208px;
	font-size: 0.7em;
	font-weight: normal;
	color: #000000;
	background: #FFFFFF;
	float: left;
}
#header .headerRow3 .searchSite input.go {
	margin: 0px;
	padding: 0px;
	min-height: 23px;
	width: 45px;
	float: left;
	border-style: none;
}
/*#header .headerRow4 {
	margin: 0px;
	padding: 0px;
	width: 100%;
	
}*/
/*#header .headerRow4 p {
	font-size: 0.7em;
	color: #333333;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px;
}*/

#breadcrumbs
{
	width: 100%;
	color: #0F6635;
	background: #a5eb65;
	color: #000;
	min-height: 1.5em;
	padding: 0px 0px 5px 0px;
}

#breadcrumbs label
{
	margin: 0px 7px 10px 10px;
	padding: 5px 0px 0px;
	font-size: 0.7em;
	float: left;
	display: inline;
}

#breadcrumbs ul
{
	margin: 0;
	/*margin-left: 90px;*/
	padding: 5px 0px 0px;
	min-height: 1em;
}

#breadcrumbs ul li
{
	margin: 0;
	font-size: 0.7em;
	float: left;
	list-style-type: none;
	padding: 0px 5px 0px 0px;
	white-space: nowrap;
}

#breadcrumbs ul li a
{
	padding: 0;
	color: #000;
	font-weight: bold;
}

#breadcrumbs ul a:hover {
	color: #000 !important;
	text-decoration: underline;
}

#dropShadow {
	margin: 0px;
	padding: 0px;
	height: 1em;
	width: auto;
	background: url(../images/bg-drop-shadow.gif) repeat-x left top;
}
/*END: HEADER STYLES*/

#content {
	/*width: 998px;*/
	width: 100%;
	margin: 0px;
	padding: 0px 0px 10px;
}

/*START: LEFT HAND NAVIGATION*/
#content #leftColumn {
	margin: 0px 1%;
	padding: 0px;
	width: 18%;
	float: left;
	display: inline;
}
#content #leftColumn img {
	border-style: none;
}

#content #leftColumn .leftColRow1 {
	clear: both;
	background: url(../images/bg-column-tab.gif) no-repeat left top;
}
#content #leftColumn .leftColRow1 h2 {
	background: url(../images/bg-nav-header-services.jpg) no-repeat left top #0f6635;
	margin: 0px;
	padding: 3px 0px 0px 7%;
	font-size: 0.8em;
	font-weight: normal;
	color: #FFFFFF;
	min-height: 21px;
	width: 93%;
}
#content #leftColumn .leftColRow1 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#content #leftColumn .leftColRow1 li {
	background: #eaf8de;
	margin: 0px 0px 2px;
	padding: 0px;
	color: #000000;
	font-size: 0.7em;
}
#content #leftColumn .leftColRow1 li.top {
	background: #333333 url(../images/bg-column-left-tab.gif) no-repeat left top;
	padding-top: 10px;
	color: #eaf8de;
	font-size: 0.8em;
}
#content #leftColumn .leftColRow1 li.top a {
	color: #eaf8de;
}
#content #leftColumn .leftColRow1 a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: block;
	height: 1%;
	width: auto;
	margin: 0px;
	padding: 5px 10px;
}
#content #leftColumn .leftColRow1 a:hover {
	text-decoration: underline;
}
/*END: LEFT HAND NAVIGATION*/

/*START: FOOTER AND TENANCY BAR STYLES*/
#tenacybar {
	margin: 0px;
	padding: 0px 0px 0px 1%;
	clear: both;
	min-height: 130px;
	width: auto;
	background: #eaf8de url(../images/bg-tenacybar.gif) repeat-x left top;
	color: #ffffff;
}
#tenacybar img {
	display: inline;
	margin: 30px 0px 0px 5px;
	padding: 0px;
	border: 0;
}
#footer {
	margin: 0px;
	padding: 10px 0px;
	width: 100%;
	background: #a5eb65 url(../images/bg-footer.gif) repeat-x left top;
	color: #000000;
}
#footer p {
	font-size: 0.7em;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}
#footer ul.right
{
	float: right;
	font-size: 0.7em;
	margin: 0 15px 0 0;
}
#footer ul.right li
{
	float: left;
	border-right: 1px #000 solid;
	padding-right: 0.5em;
	margin-right: 0.5em;
	list-style-type: none;
}

#footer a {
	color: #000000;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#directGovLink
{
	margin: 0px;
	padding: 0.2em 0.5em 0.2em 0.5em;
	color: #FFFFFF;
	background: #fff;
	clear: both;
}
#directGovLink img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}


/*START: FOOTER AND TENANCY BAR STYLES*/

/*GENERIC STYLES*/
.clearboth {
	display: block;
	clear: both;
}
.clearRight {
	clear: right;
	height: 2px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}