/* - - - - resources information links - - - - */

.resourcesTop {
			background: #B3CE61 url(/images/interface/groweb_title_resources.gif) 0 0 no-repeat;
			width: 162px;
			height: 21px;
			padding: 14px 0 0 48px;
			margin: 0;
			color: white;
			font-family: Tahoma, Verdana, Arial, serif;
			font-weight: bold;
			font-size: 1.2em;
			}

.resourcesInfo { 
			border-left: 5px solid #ececec; 
			border-right: 5px solid #ececec; 
			width: 200px; 
			padding: 2px 0 0 0;
			min-height: 80px;
			margin: 0;
			}
			
.resourcesInfo ul { 
			font-weight: normal; 
			font-size: 1.1em; 
			font-family: Tahoma, Arial, Helvetica, sans-serif; 
			text-align: left; 
			list-style-type: none; 
			margin: 0; 
			padding: 0; 
			width: 200px; 
			}
			
.resourcesInfo li { 
				padding: 0;
				margin: 0;
				}
				
.resourcesInfo a.internal { 
				background: url(/images/interface/left_bullet_on.gif) no-repeat 18px 6px; 
				margin: 0;
				color: #555555;
				}
				
.resourcesInfo a.external { 
				background: url(/images/interface/left_bullet_on.gif) no-repeat 5px 5px; 
				margin: 0;
				color: #555555; 
				}

.resourcesInfo a { 
				padding: 4px 0 4px 38px; 
				width: 162px; 
				display: block;
				border-bottom: 1px solid #eee;
				color: #555555;
				text-decoration: none;
				}
				
			
.resourcesInfo a:link  { color: #808080; text-decoration: none }
.resourcesInfoa:visited  { color: #808080; text-decoration: none }
.resourcesInfo a:hover  { color: #000; /*background-color: #ececec*/ }

.resourcesInfo a.print    { background: url(/images/interface/bromak_print_icon.gif) no-repeat 10px 2px; margin: 0px; }
.resourcesInfo a:hover.print   { color: #000; background: url(/images/interface/bromak_print_icon.gif) no-repeat 10px 2px; }

.resourcesInfo a.enquiry   { background: url(/images/interface/bromak_enquiry_icon.gif) no-repeat 10px 2px; margin: 0px; text-decoration: none; }
.resourcesInfo a:hover.enquiry   { color: #000; background: url(/images/interface/bromak_enquiry_icon.gif) no-repeat 10px 2px; }

.resourcesInfo a.email   { background: url(/images/interface/bromak_email_icon.gif) no-repeat 10px 2px; margin: 0px; }
.resourcesInfo a:hover.email   { color: #000; background: url(/images/interface/bromak_email_icon.gif) no-repeat 10px 2px; }

.resourcesInfo a.contact  { background: url(/images/interface/bromak_contact_icon.gif) no-repeat 17px 3px; margin: 0px; }
.resourcesInfo a:hover.contact  { color: #000; background: url(/images/interface/bromak_contact_icon.gif) no-repeat 17px 3px; }

.resourcesInfo a.pdf  { background: url(/images/interface/bromak_pdf_icon.gif) no-repeat -2px 0px; margin: 0px; }
.resourcesInfo a:hover.pdf  { color: #000; background: url(/images/interface/bromak_pdf_icon.gif) no-repeat -2px 0px; }

.resourcesInfo a.document { background: url(/images/interface/bromak_document_icon.gif) no-repeat 5px 3px; margin: 0px; }
.resourcesInfo a:hover.document { color: #000; background: url(/images/interface/external_doc_icon.gif) no-repeat 5px 3px; }

.resourcesInfo a.sitemap { background: url(/images/interface/bromak_sitemap_icon.gif) no-repeat 5px 3px; margin: 0px; }
.resourcesInfo a:hover.sitemap { color: #000; background: url(/images/interface/bromak_sitemap_icon.gif) no-repeat 5px 3px; }
			
.resourcesBottom {
	background: url(/images/interface/groweb_left_bottom_bg.gif) bottom center no-repeat;
	height: 18px;
	width: 210px;
	padding: 0;
	margin: 0;
	}

/* - - - - related information links - - - - */
	
.relatedTop {
			background: #B3CE61 url(/images/interface/related_links_top.gif) 0 0 no-repeat;
			width: 162px;
			height: 21px;
			padding: 14px 0 0 48px;
			margin: 0;
			color: white;
			font-family: Tahoma, Verdana, Arial, serif;
			font-weight: bold;
			font-size: 1.2em;
			}
			
.relatedBottom {
	background: url(/images/interface/groweb_left_bottom_bg.gif) bottom center no-repeat;
	height: 18px;
	width: 210px;
	padding: 0;
	margin: 0 0 10px 0;
	}

.relatedinfo { 
			border-left: 5px solid #ececec; 
			border-right: 5px solid #ececec; 
			width: 200px; 
			padding: 2px 0 0 0;
			min-height: 80px;
			margin: 0;
			}
			

.relatedinfo ul { 
			font-weight: normal; 
			font-size: 1.1em; 
			font-family: Tahoma, Arial, Helvetica, sans-serif; 
			text-align: left; 
			list-style-type: none; 
			margin: 0; 
			padding: 0; 
			width: 200px; 
			}
			
.relatedinfo li { 
				padding: 0;
				margin: 0;
				}
				
.relatedinfo a.internal { 
				background: url(/images/interface/left_bullet_on.gif) no-repeat 18px 6px; 
				margin: 0;
				}
				
.relatedinfo a.external { 
				background: url(/images/interface/left_bullet_on.gif) no-repeat 5px 5px; 
				margin: 0; 
				}

.relatedinfo a { 
				padding: 4px 0 4px 38px; 
				width: 162px; 
				display: block;
				border-bottom: 1px solid #eee;
				}
				
.relatedinfo a:link  { color: #808080; text-decoration: none }
.relatedinfo a:visited  { color: #808080; text-decoration: none }
.relatedinfo a:hover  { color: #000; /*background-color: #ececec*/ }

.relatedinfo a.print    { background: url(/images/interface/bromak_print_icon.gif) no-repeat 10px 2px; margin: 0px; }
.relatedinfo a:hover.print   { color: #000; background: url(/images/interface/bromak_print_icon.gif) no-repeat 10px 2px; }

.relatedinfo a.enquiry   { background: url(/images/interface/bromak_enquiry_icon.gif) no-repeat 10px 2px; margin: 0px; }
.relatedinfo a:hover.enquiry   { color: #000; background: url(/images/interface/bromak_enquiry_icon.gif) no-repeat 10px 2px; }

.relatedinfo a.email   { background: url(/images/interface/bromak_email_icon.gif) no-repeat 10px 2px; margin: 0px; }
.relatedinfo a:hover.email   { color: #000; background: url(/images/interface/bromak_email_icon.gif) no-repeat 10px 2px; }

.relatedinfo a.contact  { background: url(/images/interface/bromak_contact_icon.gif) no-repeat 17px 3px; margin: 0px; }
.relatedinfo a:hover.contact  { color: #000; background: url(/images/interface/bromak_contact_icon.gif) no-repeat 17px 3px; }

.relatedinfo a.pdf  { background: url(/images/interface/bromak_pdf_icon.gif) no-repeat -2px 0px; margin: 0px; }
.relatedinfo a:hover.pdf  { color: #000; background: url(/images/interface/bromak_pdf_icon.gif) no-repeat -2px 0px; }

.relatedinfo a.document { background: url(/images/interface/bromak_document_icon.gif) no-repeat 5px 3px; margin: 0px; }
.relatedinfo a:hover.document { color: #000; background: url(/images/interface/external_doc_icon.gif) no-repeat 5px 3px; }

.relatedinfo a.sitemap { background: url(/images/interface/bromak_sitemap_icon.gif) no-repeat 5px 3px; margin: 0px; }
.relatedinfo a:hover.sitemap { color: #000; background: url(/images/interface/bromak_sitemap_icon.gif) no-repeat 5px 3px; }


/************ sub nav styles  **************/

#navcontainer {
	width: 210px; 
	text-decoration: none !important;
	text-align: left;
	padding: 0;
	}

#navcontainer ul {
	font-weight: normal; 
	font-size: 1.1em; 
	font-family: Tahoma, Tahoma, Arial, Helvetica, sans-serif; 
	list-style-type: none; 
	margin: 0px 0px 0px 6px; 
	padding: 0px 0px 0px 0px;
	width: 208px;
	}

#navcontainer li {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	}
	
	
	/* - - - - link states - - - - */

.normal li {
	padding: 0;
	margin: 0;
	list-style: none;
	}

.normal a {
	background-image: url('/images/interface/left_bullet_off.gif');
	background-position: 6px 50%;
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 5px 2px 5px 22px; 
	border-bottom: 1px solid #eeeeee;
	width: 174px; 
	display: block;
	margin: 0;
	}
	
.normal a:hover {
	background-color: #f5f5f5;
	background-image: url('/images/interface/left_bullet_on.gif');
	background-position: 6px 50%;
	background-repeat: no-repeat;
	text-decoration: none !important;
	color: #000; 
	display: block;
	}
	
.open a {
	padding: 5px 4px 5px 22px; 
	margin: 0;
	border-bottom: 1px solid #eeeeee;
	width: 172px; 
	display: block; 
	background: #fff url('/images/interface/menminus.gif') 6px 50% no-repeat;
	color: #999 !important;
	}
	
.open a:hover {
	text-decoration: none !important;
	color: #000;  
	background: #f7f7f7 url('/images/interface/menminus.gif') 6px 50% no-repeat;  
	display: block;
	}

.open ul {
	/* border-bottom: 1px solid #ececec; */
	border: none;
	}

.closed a {
	padding: 5px 4px 5px 22px; 
	border-bottom: 1px solid #eee; 
	width: 172px; 
	display: block; 
	background: url('/images/interface/menplus.gif') 6px 50% no-repeat;
	color: #555;
	}

.closed a:hover {
	text-decoration: none !important;
	color: #000; 
	background: #f4f4f4; 
	background-image: url('/images/interface/menplus.gif');  
	background-repeat: no-repeat; 
	background-position: 6px 50%;
	}

.selected a {
	padding: 5px 2px 5px 22px; 
	border-bottom: 1px solid #eee; 
	background: #dbeca4 url('/images/interface/left_selected.gif') top right no-repeat;
	font-size: 1em; 
	width: 180px; 
	display: block;  
	color: #5e6e38;
	}
	
.selected a:hover {
	text-decoration: none !important;
	color: #000;  
	padding: 5px 2px 5px 22px;
	}

/*font*/.open  a:link, .closed  a:link, .normal  a:link, .selected  a:link {color: #8c8c8c;	text-decoration: none;}
/*font*/ .open  a:visited.closed  a:visited, .normal  a:visited{color: #8c8c8c;	text-decoration: none; }
/*font*/.selected  a:visited{color: #5e6e38;	text-decoration: none;}


/************ sub sub nav styles  **************/

.closed ul{
	display: none;
	}
	
.open ul a  {  
	color: #555; 
	padding: 5px 0px 5px 6px;  
	width: 167px; 
	margin: 0 0 0 16px; 
	font-size: 1.1em;
	background: #fff;
	border-left: 3px solid #ccc;
	}
.open ul a:hover  { 
	color: #555; 
	text-decoration: none !important; 
	padding: 5px 0px 5px 6px; 
	font-size: 1.1em; 
	width: 167px; 
	margin: 0 0 0 16px;
	background:#f7f7f7;
	border-left: 3px solid #ccc; 
	}

.open a.selected, .open a.selected:visited, .open a.selected:hover {
	text-decoration: none !important; 
	color: #555 !important; 
	text-decoration: none !important; 
	border: none; 
	font-size: 1.1em; 
	background: #edf5d1 url('/images/interface/left_selected_open.gif') top right no-repeat;  
	border-left: 3px solid #82a214; 
	padding: 5px 0px 5px 6px; 
	margin: 0 0 0 16px; 
	width: 173px; 
	display: block;
}

/*.open a:hover.selected */
.open a.selected:hover{
	text-decoration: none !important; 
	border: 0px; 
	font-size: 1.1em; 
	color: #555 !important; 
	background: #dbeca4 url('/images/interface/left_selected_open.gif') top right no-repeat;
	border-left: 3px solid #82a214; 
	padding: 5px 0px 5px 6px; 
	margin: 0 0 0 16px;  
	width: 173px; 
	display: block;
}


