﻿/**********************************************************************************************************************/	
/* START: Site wide tag styling (Homepage & Content Managed Pages) 									                  */
body
{
	background-image: url("/graphics/ENEHL/body_bg.jpg");
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #f7f4ee;
	margin-bottom: 0px;
	margin-top: 0px;
	font-family: arial, helvetica, sans;
}

a
{
	text-decoration:underline;
	color:#008272;
}

a:hover
{
	text-decoration:underline;
}

a:active, a:focus
{
	background-color:#a75d05 !important;
	color:#ffffff !important;
}

hr	/* not sure if this is being used */ 
{
	border: none;
	color: #a49078;
	height: 1px;
}
/* END: Site wide tag styling (Homepage & Content Managed Pages)									                  */
/**********************************************************************************************************************/


/**********************************************************************************************************************/	
/* START: Header																					                  */
#content #header
{
    width:970px;
}

#content #header a
{
    width:970px;
    color:#ffffff;
}

#content #header #headerInfoBar
{
    width:960px; 
    background-color:#de7903; 
    padding:3px 5px 2px 5px; 
    color:#ffffff;
    margin-top:5px;
}
#content #header #headerInfoBar #headerInfoBarLeft
{
    float:left;
    padding-top:4px;
}
#content #header #headerInfoBar #headerInfoBarRight
{
    float:right;
}
#content #header #headerInfoBar #headerInfoBarRight #headerInfoBarFont
{
    float:left;
    padding:1px 10px 0px 0px;
}
#content #header #headerInfoBar #headerInfoBarRight #headerInfoBarSearch
{
    float:left;
}
/* END: Header																						                  */
/**********************************************************************************************************************/



/**********************************************************************************************************************/	
/* START: footer																					                  */
#footerHolder
{
    width:970px; 
    height:auto; 
    border-top:1px solid #de7903;
    margin-top:10px;
    text-align:center;
}
#footerHolder #footerLogosHolder
{
    width:970px; 
    height:auto; 
    padding:10px 0 10px 0; 
    text-align:center;
}
#footerHolder img
{
    border:none;
}
#footerHolder #footerLinkHolder
{
    width:950px; 
    padding:5px 10px 5px 10px; 
    height:auto; 
    background-color:#de7903; 
    font-size:small; 
    font-weight:bold; 
    color:Black;
}
/* END: footer																						                  */
/**********************************************************************************************************************/
 


/**********************************************************************************************************************/	
/* START: fieldset																					                  */
.almoFieldset
{
	border:1px solid #999999;
	width:560px;

}

.almoFieldset legend
{
	border:1px solid #999999;	
	padding:5px;
	font-weight:bold;
	margin-left:5px;
}

.almoFieldset .fieldsetPadding
{
	/* HACK - explorer specific styling */
	*padding:10px 10px 10px 10px;
}

.almoFieldset .almoFormCSS
{
    width:545px;
    height:auto;
    margin-left:10px;
}

.almoFieldset .almoFormCSS .row
{
    margin-bottom:10px;
    width:545px;
    height:auto;
}

.almoFieldset .almoFormCSS .row .leftCell
{
    float:left;
    margin-right:20px;
    width:260px;
    height:auto;
}

.almoFieldset .almoFormCSS .row .rightCell
{
    float:left;
    width:265px;
    height:auto;
}

.almoFieldset .almoFormCSS .row .clear
{
    clear:both;
}

.almoFieldset .almoFormCSS .row .leftCell .leftCellLeft
{
    float:left;
    width:10px;
    margin-right:10px;
}

.almoFieldset .almoFormCSS .row .leftCell .leftCellRight
{
    float:left;
    width:255px;
}
.almoFieldset #errorMessage
{
    color:#ff0000;
}
/* END: fieldset																					                  */
/**********************************************************************************************************************/



/**********************************************************************************************************************/	
/* START: left menu																					                  */
#menu
{
	height:auto;
	width:210px;
	background-color:White;
}

#menu a
{
	color:#000000;
	text-decoration:none;
}

#menu ul
{	
	list-style-type:none;
	margin:1px 0px 0px 0;
	padding:0px;
	text-align:left;
}

#menu .menuItem, #menu .menuSibling, #menu .menuChild, #menu .menuCurrent
{
	margin:0px;
	display:block;	
	padding:5px;
}

#menu li
{
	padding-bottom:1px;
}

#menu  .menuSibling
{
	background-color:#e8a555;	/*medium orange*/
}

#menu .menuChild
{
	background-color:#F8E27C;	/*light orange*/
	padding-left:15px;
}

#menu .menuCurrent
{
	background-color:#f7b413;	/*dark orange*/
	font-weight:bold;
}

#menu .menuItem
{
	background-color:#dd7a03;	/*very dark orange*/
	font-weight:bold;
}
/* END: left menu																					                  */
/**********************************************************************************************************************/




/**********************************************************************************************************************/	
/* START: Access keys																				                  */
.hide_tab
{
	position: absolute;
	left: -40000px;
	overflow:hidden;
	width: 165px;
	width: 0;
}

.hide_tab:active, .hide_tab:focus 
{
    text-decoration: none;
    text-align: center; 
    font-weight: bold;
    padding: 5px;
    position: absolute;
    left: 0px;
    top: 0px;
    width:300px;
    z-index:1000;
    font-size:medium; 
}

#access_keys 
{
	/*float: left;*/
	position:absolute;
	left:0px;
	top:0px;
}

#access_keys ul, #access_keys li 
{
    margin: 0;
    padding: 0;
    list-style:none;       
}
/* END: Access keys																									  */
/**********************************************************************************************************************/ 



/**********************************************************************************************************************/	
/* START: News user control																			                  */
.news    
{
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;
	border-top: 1px #e8a555 solid;
	border-bottom: 1px #e8a555 solid;
	height: 27px;
	#height: 23px;
	padding: 0px;
	#padding: 7px 0px 0px 0px;
}

.news p   
{
	font-weight: bold;
	font-size:small;
	color:#a85d03;
	margin:6px 0px;
	padding:0px;
}
/* END: News user control																							  */
/**********************************************************************************************************************/



/**********************************************************************************************************************/	
/* START: User content i.e. content management stuff												                  */
#userContent
{
	padding:0px 9px 9px 9px;
	color: #373737;
}

#userContent h1    
{
	font-size:larger;
	color:Black;
} 

#userContent h2
{
	font-size:small;
	background-color:#fefbd3;
	padding:3px;
	color:Black;		
}

#userContent h3
{
	font-size:small;
	color:Black;
	background-image: url("/graphics/ENEHL/h3_bullet.gif");
	background-repeat:no-repeat;
	padding-left:12px;
	background-position:left center;
}

#userContent td
{
	background-color:#fff;
	padding:2px;
}

#userContent table
{
	background-color:#DD7A03;
}

#userContent img
{
	border: 1px solid #373737;
	margin: 10px;
}
/* END: User content i.e. content management stuff  																  */
/**********************************************************************************************************************/



/**********************************************************************************************************************/	
/* START: Useful links, file downloads																                  */       
.usefulWebLinks
{
	color: #a85d03;
	width: 175px;
}

.usefulLinks li
{
	margin-bottom: 5px;        
	margin-right: 3px;
}

.usefulLinks ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.usefulWebLinks ul
{
	list-style: none;
	padding: 0;
	margin-left: 3px;
}     

.usefulWebLinks li
{
	margin-bottom: 5px;
	margin-right: 3px;
}  

.fileDownloads ul
{
	margin-left:5px;
	padding:0px;
}
    
.fileDownloads li
{
	background-repeat:no-repeat;
	background-position:left;
	color:#000;
	padding-left:25px;
	list-style-type:none;
	margin-top:10px;
	margin-bottom:10px;
} 

.fileDownloads, .usefulLinks 
{
	margin-top: 15px;
	#margin-top: 5px;
	margin-bottom:5px;
	width: 175px;
}

.fileDownloads h1, .usefulLinks h1, .usefulWebLinks h1, .fileDownloads h2, .usefulLinks h2, .usefulWebLinks h2
{
	color:#a85d03;
	border-bottom:solid 1px #e8a555;
	border-top:solid 1px #e8a555;
	padding-bottom:6px;
	padding-top:6px;
	margin-left: 3px;
    margin-right: 3px;
    margin-top: 15px;
    #margin-top: 5px;

}

.fileDownloads a, .usefulLinks a, .usefulWebLinks a
{
	color:#a85d03;
	font-size: 0.83em;
}
/* END: Useful links								  																  */
/**********************************************************************************************************************/     
     
     
     
     
/**********************************************************************************************************************/	
/* START: homepage news section (right column)														                  */   
.ListingEntry
{
	margin:4px;
}

.ListingEntry p
{
	margin:0px;
	padding:0px;
}

.ListingEntryDescription p
{
	margin:0px;
	padding:0px;
}

.ListingEntryTitle 
{
	font-weight:bold; 
	color:#a85d03; 
	display:block;
}

.ListingEntryDescription
{
    color:#716456; 
    font-size:0.83em;
}

.ListingEntryLink
{
	color:#a85d03;
	display:block;
	font-weight:bold;
	margin-top:4px;
}

.siteMorseHack
{
	display:none;
}


.ListingEntryImage
{
	margin-top:3px;
	margin-bottom:3px;
	display:block;
}
/* END: homepage news section (right column)								  										  */
/**********************************************************************************************************************/



/**********************************************************************************************************************/	
/* START: crumbtrail																				                  */
.crumbTrailContainer, #crumbtrail
{
    padding: 4px;
	background-color: #e8a555;
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	font-weight:bold;
	color:#373737;
}
.crumbTrailContainer a
{
	text-decoration:none;
}

.crumbTrailSelected
{
	color:#373737 !important;
}
/* END: crumbtrail								  																	  */
/**********************************************************************************************************************/


/**********************************************************************************************************************/	
/* START: font size controller																		                  */
.smallButton
{
	font-size:small;
}

.mediumButton
{
	font-size:medium;
}

.largeButton
{
	font-size:large;
}

.smallButton_selected
{
	font-size:small !important;
}

.mediumButton_selected
{
	font-size:medium;
}

.largeButton_selected
{
	font-size:large;
}

.smallButton_selected, .mediumButton_selected, .largeButton_selected
{
	text-decoration:underline !important;
}
/* END: font size controller								  														  */
/**********************************************************************************************************************/



/**********************************************************************************************************************/	
/* START: page content area layout																	                  */
.left
{
	/*background-color: #f2f2f2;*/
}

.centre
{
	border-top: 1px #fff solid;
	background-color: #ffffff;
	color: #373737;
	width:593px;
}
    
.right
{
	background-color: #fff;
	border-top: 1px #fff solid;
	border-left: 1px solid #DE7903;
}

#content 
{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	padding:4px 4px 0px 4ps;
	text-align: left; 
	color: #a85d03;
}
/* END: page content area layout							  														  */
/**********************************************************************************************************************/       

       
/**********************************************************************************************************************/	
/* START: images (I think user content stuff - might not be used anymore)							                  */    
#imagesContainer
{
	float:right;
	padding:2px;
	width:150px;
}

.captionColorHack
{
	text-align:right;
	padding:3px;
}
/* END: images (I think user content stuff - might not be used anymore)												  */
/**********************************************************************************************************************/


/**********************************************************************************************************************/	
/* START: google translation																		                  */
.googleTranslations
{
	background-color:White; 
	border:1px #de7903 solid; 
	padding:10px; 
	margin-top:10px; 
	margin-bottom:10px;  
} 
/* END: google translation																							  */
/**********************************************************************************************************************/


/**********************************************************************************************************************/	
/* START: right hand buttons																		                  */
.rightHandButtons
{
	width:170px; 
	height:60px; 
	margin-left:4px;
	margin-bottom:1px;
}

.rightHandButtons img
{
	border:0px;
}
/* END: right hand buttons																							  */
/**********************************************************************************************************************/
