/* -------------- GENERIC -------------- */

.offleft {
	width:1px;
	overflow:hidden;
	position:absolute;
	left:-9999px;
	}
.clearer {
	clear:both;
	display:block;
	height:0px;
	font-size:0px;
	text-indent:-9999px;
	line-height:1;
	}
	
body {
	background:#35403f;
	font-family:"lucida sans", "Lucide Grand", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
	font-size:12px;
	line-height:120%;
	color:#34503f;
	}
#siteContainer {
	background:#fff;
	}
strong {
	font-weight:bold;
	}
em {
	font-style:italic;
	}
sup {
    font-size:0.67em;
    line-height:0.67em;
    vertical-align:super;
}
sub {
    font-size:0.67em;
    line-height:0.67em;
    vertical-align:sub;
}

#mainContent a 
{
    color:#35403f;
	background:url(../Images/UI/linkUnderline_144452.png) bottom repeat-x;
	text-decoration:none;
}
#mainContent a:active, #mainContent a:hover 
{
    color:#741a14;
	background:url(../Images/UI/linkUnderline_741a14.png) bottom repeat-x;
}
/* -------------- HEADER -------------- */
	
#header {
	height:148px;
	position:relative;
	}
	
#headerTabs	{
	background:url(../Images/UI/hdc-banner.png) top center repeat-x;
	height:43px;
	}
#headerTabsContent	{
	width:955px;
	margin-left:auto;
	margin-right:auto;
	height:43px;
	background:#35403f;
	padding-left:5px;
}
#headerTabsContent a {
	display:block;
	text-indent:-9999px;
	height:43px;
	width:315px;
}
#headerTabsContent li {
	float:left;
	}

#headerTabsContent a.commissioner {background:url(../Images/UI/tabUpperCommissioner.png);}
#headerTabsContent a.commissioner:hover {background:url(../Images/UI/tabUpperCommissioner.png) 0px -43px;}

#headerTabsContent a.advocacy {width:320px; background:url(../Images/UI/tabUpperAdvocacy.png);}
#headerTabsContent a.advocacy:hover {background:url(../Images/UI/tabUpperAdvocacy.png) 0px -43px;}

#headerTabsContent a.proceedings {background:url(../Images/UI/tabUpperProceedings.png);}
#headerTabsContent a.proceedings:hover {background:url(../Images/UI/tabUpperProceedings.png) 0px -43px;}

#headerMainContent {
	width:910px;
	height:87px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
	padding-top:18px;
	position:relative;
}	
#headerMainContent h1.logo, #headerMainContent h1.logo span{
	display:block;
	width:540px;
	height:70px;
	}
#headerMainContent h1.logo span{
	text-indent:-9999px;
	cursor:pointer;
}

#headerSearch {
	display:block;
	margin-top:6px;
	}
#headerSearch input {
	width:172px;
	height:16px;
	border:none;
	background:none;
	padding:10px;
	font-size:14px;
	color:#666666;
	margin:0px;
}	
/*#headerSearch span.input {*/
#headerSearch label.input {
	float:left;
	width:192px;
	height:36px;
	margin:0px;
	}
#headerSearch .searchbutton {
	display:inline-block;
	width:83px;
	height:36px;
	text-indent:-9999px;
	padding:0px;
	margin-left:0px;
	cursor:pointer;
	letter-spacing:100px; /* needed to hide default search text as IE does not text-indent properly */
	border:none;
	margin-left:-3px;
	}
	
#headerMainContent p {
	position:absolute;
	right:15px;
	top:13px;
	text-align:right;
	margin-top:3px;
	}
#headerMainContent p  a, #headerMainContent p a.largertext span{
	text-decoration:none;
}
#headerMainContent p  a{
	margin-left:17px;
	margin-right:7px;
}
#headerMainContent p  a:active,#headerMainContent p  a:hover, #headerMainContent p a.largertext:hover span, #headerMainContent p a.largertext:active span {
	color:#000;
	border-bottom:1px solid #000;
	background:none;
}
#headerMainContent p a.largertext:hover, #headerMainContent p a.largertext:active  {
	border:none;
}
#headerMainContent p a.largertext {
	background:none;
	float:left;
	margin-left:7px;
}
#headerMainContent p a.largertext span.a{
	margin-left:5px;
	}

/* -------------- PRIMARY NAV -------------- */
	
#primaryNav {
	font-family:"lucida Sans Unicode", "Lucide Grand", "Lucida Sans", Arial, Helvetica, Sans-Serif;
	height:39px;
	}
#primaryNav ul {
	width:940px;
	height:39px;
	margin-left:auto;
	margin-right:auto;
}
#primaryNav li {
	display:block;
	float:left;
	margin-right:1px;
	}
#primaryNav a{
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:3px;
	height:39px;
	cursor:pointer;
	float:left;
	}
#primaryNav a:active, #primaryNav a:hover {
	color:#000;
}
#primaryNav a span {
	display:block;
	padding-left:9px;
	padding-right:9px;
	padding-top:12px;
	height:27px;
	float:left;
	font-weight:bold;
	}	

/* -------------- FOOTER -------------- */

#footer {
	background:#35403f;
}	
	
#footerTabs	{
	height:36px;
	background:#35403f;
	}
#footerTabsContent	{
	width:955px;
	margin-left:auto;
	margin-right:auto;
	height:36px;
	padding-left:5px;
}
#footerTabsContent a {
	display:block;
	text-indent:-9999px;
	height:36px;
	float:left;
	width:315px; 
}
#footerTabsContent li {
	float:left;
}
#footerTabsContent a.commissioner {background:url(../Images/UI/tabLowerCommissioner.png);}
#footerTabsContent a.commissioner:hover {background:url(../Images/UI/tabLowerCommissioner.png) 0px -36px;}

#footerTabsContent a.advocacy {width:320px; background:url(../Images/UI/tabLowerAdvocacy.png);}
#footerTabsContent a.advocacy:hover {background:url(../Images/UI/tabLowerAdvocacy.png) 0px -36px;}

#footerTabsContent a.proceedings {background:url(../Images/UI/tabLowerProceedings.png);}
#footerTabsContent a.proceedings:hover {background:url(../Images/UI/tabLowerProceedings.png) 0px -36px;}	

#footerCopyright {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
	padding-top: 15px;
	font-size:12px;
	color:#fff;
	background:#35403f;
}
#bkafooter {
	font-size:10px;
	padding-left:30px;
	color:#666666;
}
#bkafooter a:link, #bkafooter a:visited {
	color:#666666;
	text-decoration:none;
	}
#bkafooter a:active, #bkafooter a:hover {
	text-decoration:underline;
	}
	
#footerMain {
	background:#fff;
	}

#footerMainContent {
	width:910px;
	height:147px;
	min-height:147px;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
	padding-right:15px;
}
html>body #footerMainContent {height:auto;}
#footerMainContent ul {
	float:left;
	height:93px;
	width:208px;
	margin-top: 28px;
	padding-left:21px;
}
#footerMainContent ul.first {
	border-left:none;
	padding-left:9px;
}
#footerMainContent li {
	margin-bottom:12px;
}
#footerMainContent a {
	text-decoration:none;
	}
#footerMainContent a:active, #footerMainContent a:hover {
	color:#000;
}	
	
/* -------------- MAIN CONTENT -------------- */
	
#mainContentWrapper {
	background:#fff;
	}
#mainContent {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	padding-left:0px;
	padding-right:0px;
	padding-top:44px;
	position:relative;
}
#mainContent .leftColumn	{
	width:215px;
	margin-right:30px;
	float:left;
	}
#mainContent .rightColumn	{
	width:215px;
	margin-left:30px;
	float:left;
}	
#mainContent .centerColumn	{
	float:left;
	width:450px;
}
#mainContent .centerColumnLeft	{
	float:left;
	width:215px;
}
#mainContent .centerColumnRight	{
	float:right;
	width:215px;
}

#mainContent div.sideColumnUpper {
	min-height:58px;
	height:58px;
}
html>body #mainContent div.sideColumnUpper {height:auto;}

#mainContent p.pageLinks {
	display:block;
	width:704px;
	height:29px;
	clear:both;
	padding-bottom:21px !important;
	padding-top:40px;
	padding-left:236px;
	margin-bottom:0px;
}
#mainContent a.top, #mainContent a.topButton{
	display:block;
	width: 96px;
	height:29px;
	margin-left:10px;
	text-indent:-9999px;
	float:left;
	}
#mainContent a.previous {
	display:block;
	width: 117px;
	height:29px;
	padding-left:4px;
	text-indent:-9999px;
	float:left;
	}

#mainContent div.printButton {
	float:right;
}
#mainContent div.printButton a{
	display:block;
	text-indent:-9999px;
	width:47px;
	height:38px;
	background:	url(../Images/UI/printButton.png) 0px 0px;
}
#mainContent div.printButton a:hover{
	background:	url(../Images/UI/printButton.png) 0px -38px;
}

#mainContent div.highlightBlock {
	margin-bottom:20px;
	clear:both;
	}
	
#mainContent div.highlightBlock  h2{
	font-family:Georgia;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	padding-left:0px;
	padding-top:0px !important;
	padding-bottom:0px !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	width:215px;
	line-height:1;
}
#mainContent div.highlightBlock  h2 span {
	display:block;
	padding-top:7px;
	padding-bottom:14px;
	padding-left:15px;
	}
#mainContent div.highlightBlock h2 a span{
	padding-right:19px;
	padding-bottom:9px;
}
#mainContent div.highlightBlock h2 a {
	display:block;
	padding-bottom:6px;
	}
#mainContent div.highlightBlockClean  h2 span{
	background:none !important;
	padding-bottom:9px;
	}
#mainContent div.highlightBlockClean  li{
	font-size:12px;
	line-height:15px;
	padding-left:0px;
	background:none;
	margin-bottom:0px;
	}
#mainContent div.highlightBlockContent {
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;
	padding-bottom:10px;
	width:185px;
	}
#mainContent div.highlightBlockContent p {
	margin-top:5px;
	margin-bottom:5px;
	font-size:12px;
}
#mainContent div.highlightBlock a {
	text-decoration:none;
	}
#mainContent div.highlightBlock li {
	border:1px solid #fff;
	}
#mainContent div.highlightBlock li  a{
	padding-left: 17px;
	display:block;
	padding-top:6px;
	border-bottom: 1px dotted #fff;
	}
#mainContent div.highlightBlock li a span{
	display:block;
	padding-bottom:6px;
	}
#mainContent div.highlightBlockContentHome {
	padding:0px;
	padding-top:1px;
	margin:0px;
	width:215px;
	}
#mainContent .highlightBlockContentHome p{
	border-bottom:2px solid #fff;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	padding-top:3px;
	line-height:130%;
	margin:0px!important;
	}

#mainContent h1, #loginForm {
	font-family:georgia;
	font-size:24px;
	line-height:30px;
	font-weight:normal;
	margin-bottom:27px;
	padding-top:0px;
	text-decoration:none;
	}
#mainContent h2 {
	font-family:georgia;
	font-size:18px;
	line-height:1.2;
	font-weight:bold;
	font-style:italic;
	margin-top:31px;
	margin-bottom:23px;
	text-decoration:none;
	}
#mainContent h3 {
	font-family:georgia;
	font-size:18px;
	font-style:italic;
	padding-top:36px;
	padding-bottom:9px;
	text-decoration:none;
	}
#mainContent h4 {
	font-family:georgia;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	padding-top:13px;
	padding-bottom:9px;
	text-decoration:none;
	}
#mainContent h5, #mainContent h6 
{
    font-weight:bold;
}
#mainContent p, #mainContent h5, #mainContent h6, #loginForm label {
	margin-bottom:14px;
	font-size:14px;
	line-height:140%;
}

#mainContent ol {
	list-style-type:decimal;
	list-style-position:inside;
	font-size:14px;
	line-height:20px;
	}

#mainContent ul li{
	font-size:14px;
	line-height:20px;
	padding-left:20px;
	background:url(../Images/UI/unorderedListItemBackground.png) 0px 6px no-repeat;
	}
#mainContent li {
	margin-bottom:14px;
}
	
#mainContent .resourcesBlock h2 {
	padding:0px;
	margin:0px;
}
#mainContent div.secondaryNav ul li {
	background:none;
	margin-bottom:0px;
}
#mainContent div.secondaryNav ul li, div.secondaryNav ul li.current li {
	font-weight:normal;
	border:1px solid #fff;
}
#mainContent div.secondaryNav ul li.current li {
	padding-left:17px;
}
#mainContent div.secondaryNav ul li.current{
	padding-top:11px;
	margin-bottom:11px;
	font-weight:bold;
}
#mainContent div.secondaryNav ul li.current li.current{
	font-weight:bold;
	border:none;
	margin-bottom:0px;
	padding-top:0px;
}
#mainContent div.secondaryNav ul li a{
	display:block;
	text-decoration:none;
	margin-bottom:11px;
	padding-left:17px;
	font-size:14px;
	line-height:18px;
	}
#mainContent div.secondaryNav ul li li a, #mainContent div.secondaryNav ul li.current li a
{
    padding:0px;
    margin:0px;
	padding-left:10px;
	font-size:12px;
	line-height:1;
	margin-bottom:3px;
    display:inline-block;
    width:150px;
}
#mainContent div.secondaryNav a span {
	border-bottom:1px dotted #fff;
    line-height:1.5;
}
#mainContent div.secondaryNav ul li.current a , #mainContent div.secondaryNav ul li.current a:active, #mainContent div.secondaryNav ul li.current a:hover  {
	background:none;
}

#mainContent div.secondaryNav ul ul li.current a , #mainContent div.secondaryNav ul ul li.current a:active, #mainContent div.secondaryNav ul ul li.current a:hover  {
	background:none !important;
}

#breadcrumbs {
	position:absolute;
	top:18px;
	left:15px;
	font-size:12px;
}
#mainContent #breadcrumbs p 
{
    font-size:14px;
	line-height:1.1;
	}

#breadcrumbs span  {
	display:inline-block;
	width:6px;
	height:15px;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	
}
#breadcrumbs span.youAreHere{
	display:inline;
	font-family:Georgia;
	font-weight:bold;
	font-style:italic;
	background:none;
	text-indent:0px;
	width:auto;
    height:auto;
    line-height:1.4;
	}
#breadcrumbs a {
	text-decoration:none;
	background:none;
	}
#breadcrumbs a:active, #breadcrumbs a:hover {
	background:url(../Images/UI/linkUnderline_000000.png) bottom repeat-x;
	}
	
	/* ------------------------------------------------------------------------------------------------------------------------------ */

#mainContent .faqContainer .answerContainer{
	margin-bottom:42px;
	clear:both;
	width:449px;
}
#mainContent .faqContainer .answerContainer h4{
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	line-height:1.2;
	padding-top:0px;
}
#mainContent .faqContainer .answerContainer a.topButton {
	padding-left:0px;
	}
#mainContent .faqContainer .questionContainer a{
	display:block;
	float:left;
	clear:left;
	padding-left:24px;
	text-indent:-24px;
	width:417px;
	font-family:Georgia;
	font-size:14px;
	line-height:1.2;
}
#mainContent .faqContainer .questionContainer a{
	text-decoration:none;
	font-weight:bold;
	margin-bottom:20px;
	background:none;
}
#mainContent .faqContainer .questionContainer a span{
	font-weight:normal;
	font-family:lucida sans, Lucida Sans Unicode;
}
#mainContent .faqContainer .questionContainer a:hover span{
	background:none;
}
/* ------------------------------------------------------------------------------------------------------------------------------ */

div.notifyBlock {
	border:1px solid #fae8a0;
	color:#741a14;
	background:#fefade url(../Images/UI/notifyBlockBackground.png) repeat-x bottom;
	padding:12px;
	padding-bottom:0px;
	margin-bottom:10px;
}
	
#mainContent .contentBlockLeft {
	width:215px;
	float:left;
	clear:left;
	}
#mainContent .contentBlockRight {
	width:215px;
	float:right;
	}
#mainContent .contactHeaderBlock h2 {
	float:left;
	clear:left;
	margin:0px;
	padding:0px;
	margin-right:10px;
	padding-top:20px;
	line-height:1;
}
#mainContent .contactHeaderBlock p, #mainContent .contactHeaderBlock p a {
	color:#622320;
	font-size:18px;
	font-style:italic;
	padding-top:20px;
	line-height:1;
	font-family:Georgia;
}
#mainContent .contactHeaderBlock p a {
	background:url(../Images/UI/linkUnderline_622320.png) bottom repeat-x;
	text-decoration:none;
	}
#mainContent .contactHeaderBlock p a:hover {
	color:#000;
	background:none;
}

#mainContent .siteMap .column1, #mainContent .siteMap .column2, #mainContent .siteMap .column3,#mainContent .siteMap .column4 {
	width:215px;
	float:left;
	margin-right:30px;
	}
#mainContent .siteMap .column2 {margin-right:20px;}
#mainContent .siteMap .column4 {margin-right:0px;}

#mainContent .siteMap li li {
	margin-left:25px;
	}
#mainContent .siteMap h2 {
	margin-top:0px;
	}
#mainContent .siteMap ul {
	margin-bottom:40px;
	}
#mainContent .siteMap ul ul{
	margin-bottom:0px;
	}
#mainContent .siteMap h1{
	margin-left:245px;
	}
#mainContent .siteMap h2 a{
	color:#1c5e71;
	background:url(../Images/UI/linkUnderline_1c5e71.png) repeat-x bottom;
	text-decoration:none;
	}
#mainContent div.siteMap h2 a:active, #mainContent div.siteMap h2 a:hover{
	color:#622320;
	background:none;
	}
#mainContent div.siteMap	ul li {
	padding-left:0px;
	}
	
	
#mainContent .searchBlock {
	background:url(../Images/UI/C/inPageSearchBackground.png);
	width:430px;
	height:46px;
	margin-bottom:21px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
}
#mainContent .searchBlock h2 {
	font-family:lucida sans, Lucida Sans Unicode;
	font-size:14px;
	color:#622320;
	font-weight:bold;
	font-style:normal;
	margin-left:2px;
	margin-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	}
#mainContent .searchBlock input {
	width:333px;
	height:17px;
	border: 1px solid #9bb7bf;
	padding:4px;
	color:#35403f;
	float:none;
	clear:none;
}
#mainContent .searchBlock .searchbutton {
	display:inline-block;
	width:67px;
	height:29px;
	text-indent:-9999px;
	padding:0px;
	margin-left:0px;
	cursor:pointer;
	letter-spacing:100px; /* needed to hide default search text as IE does not text-indent properly */
	border:none;
	background:url(../Images/UI/C/inPageSearchButton.png);
	padding-bottom:1px;
	margin-left:3px;
	margin-top:-38px;
}
#mainContent .searchScopeBlock {
	background:#dff7f5 url(../Images/UI/C/searchScopeBackground.png) repeat-x bottom;
	padding:4px 15px 0px 15px;
	min-height:67px;
}
#mainContent .searchScopeBlock p{
	float:left;
	width:50%;
margin:0px;
padding:0px;
margin-top:6px;
margin-bottom:1px;
	}
#mainContent .searchScopeBlock p input 
{
margin:3px 3px 0px 15px;
}

#mainContent .searchResultBlock .siteRegionC h3, #mainContent .searchResultBlock .siteRegionC a, #mainContent .searchResultBlock .siteRegionC p {	color:#144452; }
#mainContent .searchResultBlock .siteRegionA h3, #mainContent .searchResultBlock .siteRegionA a, #mainContent .searchResultBlock .siteRegionA p {	color:#3d4615; }
#mainContent .searchResultBlock .siteRegionP h3, #mainContent .searchResultBlock .siteRegionP a, #mainContent .searchResultBlock .siteRegionP p {	color:#622320; }
#mainContent .searchResultBlock .siteRegionC a{ background:url(../Images/UI/linkUnderline_144452.png) bottom repeat-x;}
#mainContent .searchResultBlock .siteRegionA a{ background:url(../Images/UI/linkUnderline_3d4615.png) bottom repeat-x;}
#mainContent .searchResultBlock .siteRegionP a{ background:url(../Images/UI/linkUnderline_622320.png) bottom repeat-x;}

#mainContent .searchResultBlock h3 {
	font-family:lucida sans, Lucida Sans Unicode;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	padding-top:0px;
}
#mainContent .searchResultBlock  p {
	margin-bottom:2px;
	font-size:12px;
	}
#mainContent .searchResultBlock a{
	text-decoration:none;
	}
#mainContent .searchResultBlock a:active, #mainContent .searchResultBlock a:hover{
	background:none;
	color:#000;
	}
#mainContent .searchResult  {
	border-bottom:1px solid #bfe5e4;
	padding-top:18px;
	padding-bottom:18px;
}


#mainContent .paging {
	background: #e0f7f5 url(../Images/UI/C/searchPaginationBackground.png) bottom repeat-x;
	border-bottom:1px solid #fff;
	margin:0px;
	color:#35403f;
	text-align:right;
	font-size:12px;
	padding-left:7px;
	padding-right:7px;
	padding-top:1px;
	height:22px;
	clear:both;
}
#mainContent .pagingLower {
	border-bottom:none !important;
}
#mainContent .paging a{
	text-transform:uppercase;
	color:#35403f;
	text-decoration:none;
	padding:0px 3px 0px 3px;
	font-size:12px;
	line-height:1;
	background:none;
	margin-left:1px;
	margin-right:1px;
	}
#mainContent .paging a:active, #mainContent .paging a:hover {
	color:#000;
	background:#fff url(../Images/UI/linkUnderline_1c5e71.png) bottom repeat-x;
}
#mainContent .paging span.active {
	background:#fae8a0;
	padding:0px 3px 0px 3px;
	}

/* ------------------------------------------------------------------------------------------------------------------------------ */


#loginForm {
    padding:15px 20px 0px 20px;
    width:380px;
    margin:30px auto 0px auto !important;
    }
#loginForm td {
    padding-bottom:10px;
    }
#mainContent #loginForm #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_UmbracoLoginView_Login1_RememberMe {
    width:auto;
    margin:0px;
    float:left;
    margin-top:11px;
    ^margin-top:0px;
    margin-right:5px;
    border:none;
    }

#mainContent #loginForm #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_UmbracoLoginView_Login1_Password,
#mainContent #loginForm #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_UmbracoLoginView_Login1_UserName {
    float:left;
    width:140px;
    margin-left:10px;
    }


#loginForm #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_UmbracoLoginView_Login1_LoginButton {
    display:block;
    border:none;
    text-indent:-9999px;
    background:url(../images/ui/btnLogin.png) no-repeat 0px 0px;
    width:58px;
    height:38px;
    cursor:pointer;
    float:right;
    letter-spacing:100px;
    }
#loginForm #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_UmbracoLoginView_Login1_LoginButton:hover{
    background-position:0px -38px;
    }