/*******************/
/* COMMON ELEMENTS */
/*******************/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
}

.off {position:absolute; left:-9000px; top:0; z-index:20}
.off a:focus, .off a:active {
	color:#fff; 
	background:#58a73a; 
	font-size:100%; 
	display:block; 
	padding:0.5em; 
	border:0.5em solid; 
	border-color:#58b73a #58873a #58873a #58b73a; 
	white-space:nowrap; 
	width:15em; 
	text-align:center; 
	font-weight:bold; 
	position:absolute; 
	left:9000px
}

a {
	color: #58a73a;
	text-decoration: none;
}

a:focus, a:active {background: yellow}

a:hover {
	text-decoration: underline;
}
img {
	border: none;
	vertical-align:sub;
	/*display: block; trying something else instead */
	/* gets rid of 5px padding at bottom of img, due to being aligned with baseline, not bottom of container */
}
h1, h2, h3, h4, h5, h6, p, ul {
	padding: 0px;
	margin: 0px;
}
h1 {
	font-size: 1.2em;
}
h2 {
	font-size: 0.88em;
}
h2 p {
	font-size: 1em;
}
h3 {	
	font-size: 0.85em;	
	padding:5px 0px 0px 0px;
}
p {
	font-size: 0.8em;
	line-height: 1.4em;
	padding: 2px 0px 0px 0px;
}
.article_image_caption {
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.4em;
	padding: 2px 5px 0px 5px;
}
#page {
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto;
/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
/* this overrides the text-align: center on the body element. */
	padding: 0px;
                float: left;
}

.hide {position: absolute; left: -9000px; top: 0;}

#outercontainer
{
	width: 922px;
	text-align: center;
	margin: 0 auto;
}

#ads
{
	width: 120px;
	float: right;
}

img.align_left {
	float: left;
	padding-right: 10px;
}
img.align_right {
	float: right!important;
	padding-left: 10px;
}
/*******************/
/* header
/*******************/
#lbhfHeader {
	height: 50px;
	background-color: #f0f0f0;
	background-image: url(/images/style/lightChecker.gif);
}
#homeLink {
	font-weight: bold;
	font-size: 1.05em;
	color: #0c2371;
}
ul.utilitiesNav, ul.extraUtilitiesNav {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666;
	font-weight: normal;
	margin: 23px 0px 0px 3px;
	padding: 0px;
}
ul.utilitiesNav li, ul.extraUtilitiesNav li {
	display: inline;
	list-style-type: none;
	border-left: thin solid #CCCCCC;
	padding: 0px 5px 0px 6px;
}
ul.utilitiesNav li.firstItem, ul.extraUtilitiesNav li.firstItem {
	border-left: none;
}
ul.utilitiesNav li a, ul.extraUtilitiesNav li a {
	color: #666666;
}
#searchUtility label {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.6em;
	color: #666;
	float: left;
	text-align: right;
	margin: 9px 0.1em 0px 0px;
	display: block;
}
#searchUtility #searchButton {
	background-color: #009900;
	color: #fff;
	background-image: url(/images/style/search.gif);
	background-repeat: no-repeat;
	width: 64px;
	height: 27px;
	border: none;
	cursor: pointer;
}
#searchUtility #searchTextBox {
	width: 100px;
	color: #666;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.6em;
	padding: 3px;
	margin-bottom: 2px;
}
#searchUtility {
	float: right;
	margin: 14px 3px 5px 5px;
}
#titleBar {
	border-top: solid #58a73a 3px;
	padding: 2px;
	background-color: #0c2371;
	height: 48px;
}
#titleBar img {
	float: left;
	margin-left: 6px;
}
#titleBar ul {
	margin: 2px 50px 2px 0px;
	font-size: 0.7em;
	float: right;
	color: white;
	list-style: none;
}
#topNav {
	margin-top: 1px;
	background-color: #58a73a;
	height: 20px;
}
ul#topNavLeftLinks, ul#topNavRightLinks {
	list-style: none;
}
ul#topNavLeftLinks a {
	float: left;
	border-right: solid 1px #fff;
}
ul#topNavRightLinks a {
	float: right;
	border-left: solid 1px #fff;
}
ul#topNavLeftLinks a, ul#topNavRightLinks a {
	background-color: #58a73a;
	color: white;
	font-size: 0.8em;
	padding: 2px 10px;
	font-weight: bold;
}
/***************************/
/* LEFT NAV ELEMENTS 200px */
/***************************/
/* 3 + 194 + 3 = 200px */
#left {
	margin: 5px 3px;
	width: 194px;
	float: left;
	clear: both;
}
#left .portlet, #left .portlet_nav {
	padding: 0px 3px 3px 3px;
	background-image: url(/images/style/left_col_dot.gif);
	background-repeat: repeat-y;
}
#left .portlet_title {
	background-color: #0c2371;
	background-image: url(/images/news/menuTitleCorner.gif);
	background-position: right top;
	background-repeat: no-repeat;
	color: #fff;
	padding: 0px 4px 0px 12px;
	font-size: 0.72em;
	font-weight: bold;
	line-height: 2.1em;
}

.portlet_title a
{
	color: #fff;
}

#left .portlet_content {
	font-size: 0.8em;
	border: 1px solid #999;
	margin-bottom: 5px;
	padding: 3px 6px;
}
#left ul {
	list-style: none;
}
#left ul li {
	padding: 0px 0px 0px 5px;
}
#left .portlet_noborder .portlet_content {
	border: none;
}
#left .portlet_nav .portlet_content {
	background-color: #ffcc00;
	border: none;
}
#left .portlet_nav .portlet_content a {
	color: #0c2371;
	font-weight: bold;
}
#left .portlet_nav ul li {
	padding: 3px 0px 3px 5px;
}
/*************************/
/* CENTRE ELEMENTS  450px*/
/*************************/
#content {
	float: left;
	margin: 5px 1px;
	width: 448px;
}
/* TEMP:RESIZE IMAGE */
.article_summary_main img {
	width: 442px;
}
.article_summary_main {
	padding: 3px;
	background-color: #000;
	color: #fff;
}
.article_summary_full_width {
	margin: 6px 1px 0px 1px;
	padding-top: 6px;
	background-image: url(/images/style/horizDots.gif);
	background-position: top;
	background-repeat: repeat-x;
	clear: both;
}
.article_summary_half_width_left {
	width: 225px;
/* width must match width below minus any extra padding between left and right elements */
	float: left;
}
.article_summary_half_width_right {
	margin-left: 231px;
/* width must match width above plus any extra padding between left and right elements */
}
.article_content p {
	padding: 5px;
}
.article_content ul
{
	padding-left: 40px;
	font-size: 0.8em;
}
.article_summary_full_width img, .article_summary_half_width_left img, .article_summary_half_width_right img {
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
}
.article_summary_main h2.page_title a {
	color: #fff;
}
.article_summary_main h2.page_title {
	padding: 6px 3px 0px 3px;
	font-size: 1.3em;
}
.article_full h2.page_title {
	padding: 6px 6px 0px 6px;
	font-size: 1.1em;
}
.article_summary_title h2.page_title {
	font-size: 1.1em;
	padding: 6px 0px 3px 0px;
}

.article_summary_main .article_summary {
	padding: 3px;
}

/*************************/
/* RIGHT ELEMENTS  150px */
/*************************/
/* 3 + 1 + 3 + 136 + 3 + 1 + 3 = 150px */
#right {
	margin: 5px 3px;
	float: left;
	width: 138px;
	padding: 0px 3px;
	background-image: url(/images/style/right_col_dot.gif);
	background-repeat: repeat-y;
}
#right ul {
	list-style: none;
	font-size: 0.8em;
}
#right .portlet {
	border: solid 1px #999;
	padding: 2px;
	margin-bottom: 3px;
}
#right .portlet_noborder {
	padding: 3px;
	margin-bottom: 3px;
}
/* TEMP ONLY */
#right img {
	width: 131px;
}
/*******************/
/* FOOTER          */
/*******************/
#footer ul.extraUtilitiesNav, #footer ul.utilitiesNav {
	margin: 10px 0px 10px 3px;
}
#footer ul.extraUtilitiesNav {
	float: right;
}
#footer {
	clear: both;
	height: 160px;
	background-color: #f0f0f0;
	background-image: url(/images/style/lightChecker.gif);
}
#footer img {
	display: inline;
/* counteract global display: block from above */
}

#govmetric
{
	clear: both;
	text-align: center;
}

#govmetric, #govmetric p, #govmetric form
{
	padding: 0px;
	margin: 0px;
}

#govmetric p
{
	margin-top: 5px;
	margin-bottom: 10px;
}
/********************/
/* Website Comments */
/********************/
.divCommentMandatory
{
	color: Red;
}

.divCommentEntry
{
	margin-top: 20px;
}
.divCommentEntryLine 
{ 
	margin: 5px;
}
.divCommentLabel  
{
	float:left;
	width:98px;
	font-size: 0.8em;
	font-weight: bold;
}
.divCommentList 
{ 
	font-size: 0.8em;
	padding-top: 10px;
	margin: 5px;
}
.divCommentListHeader
{
	padding: 2px 5px 0px 3px;
	background-color: green;
	color: white;
	height: 10px;
}
.divEnterCommentLink
{
	padding-top:10px;
	padding-bottom:10px;
}
.divCommentValidationErrors
{
	 color:Red;	
}
.divCommentListHeader 
{
	font-weight: bold;
	padding-bottom: 10px;
}
.divPublishedComment  
{
	padding:5px;
	font-size: 0.8em;
} 
.divCommentHeader 
{
	font-weight: bold;
}
.spanDisplayName
{
	font-weight: bold;
}
.divCommentTextBox
{
	font-size: 0.8em;
}
.divCommentBottomLine
{
	float: right;
	margin: 10px;
}

.divCommentSubBottomLine
{
	clear: both;
}

/***CONTENT BUTTON****/
.contentbutton {
	background-color:#ffe372;
	color:#162c77;
	background: #ffe372 url(/images/style/btn-bkgrd.jpg) repeat-x bottom;
	border:1px solid #d2cfcf;
	height:22px;
	cursor: pointer;
	font-size:11px;
	font-weight:bold;
	padding:2px 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:-5px;
}

/*********************/

/********************************
 * TABLES                       *
 *******************************/
.tab_blank td, .tab_blank th,
.tab_grey td, .tab_grey th,
.tab_boldgrey td, .tab_boldgrey th,
.tab_black td, .tab_black th,
.tab_boldblack td, .tab_boldblack th {
	padding: 3px; 
	line-height: 1em;
}

.tab_grey,
.tab_boldgrey,
.tab_black,
.tab_boldblack {
	border: #cccccc 1px solid; 
	vertical-align: bottom; 
	border-collapse: collapse;
}

.tab_grey, .tab_grey td, .tab_grey th {
	border: #cccccc 1px solid; 
}

.tab_boldgrey, .tab_boldgrey td, .tab_boldgrey th {
	border: #cccccc 2px solid; 
}

.tab_black, .tab_black td, .tab_black th {
	border: #000000 1px solid; 
}

.tab_boldblack, .tab_boldblack th, .tab_boldblack td{
	border: #000000 2px solid;
}

.cell_bg_grey {
	background-color: #cccccc;
}

.cell_bg_purple {
	background-color: #ddc2d9;
}

.cell_bg_blue {
	background-color: #bfd6de;
}

.cell_bg_orange {
	background-color: #e7c6bc;
}

.cell_bg_green {
	background-color: #d9e0bd;
}