/* --------------------------------------------------------------------------------------------------------*/
/* HUK Navigation Style Sheet                                                                */
/* --------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------*/
/* Styles for the standard <a href> links in the [TEXT] body content of the pages                          */
/* --------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------*/
/* General styles for the Side Navigation - divs, backgrounds and basic links                              */
/* --------------------------------------------------------------------------------------------------------*/
.sidenav-div{
/*    background-color: #ffffff; */
}

.sidenavbg{
/*	background-color: #ffffff; */
}

.sidenav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    text-decoration: none;
}

.sidenav a{
	display: block;
	color: #000000;
	padding: 2px 2px 2px 4px;
	background-color: #FFEEAA;
	border-top-color: #FFFFCC;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-color: #CCBB88;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #CCBB88;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #FFEEAA;
	border-left-style: solid;
	border-left-width: 2px;
}

.sidenav a:link {
	color: #000000;
}

.sidenav a:hover{
	color: #000000;
	background-color: #FFCC00;	
	border-top-color: #FFDD33;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-color: #997700;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #997700;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #FFDD33;
	border-left-style: solid;
	border-left-width: 2px;
}

.sidenav a:visited{
	color: #000000;
}
/* --------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------------------------------*/
/* Dark Green Buttons on the Side Navigation                                                               */
/* --------------------------------------------------------------------------------------------------------*/
.sidenav-dark a:link{
    color: #000000;
	text-decoration: none;
}

.sidenav-dark{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: normal;
	background-color: #6699ff;
	color: #ffffff;
	display: block;
	border-top-color: #003399;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #999999;
	border-left-style: solid;
	border-left-width: 2px;
	font-style: normal;
	padding: 2px;
	margin-top: 0px;
	padding-left: 4px;
}

.sidenav-dark a{
	color: #FFFFFF; 
}

.sidenav-dark a:hover{
	color: #FFFFFF; 
}

.sidenav-dark a:visited{
	color: #FFFFFF; 
}
/* --------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------------------------------*/
/* Mid Tone Side Navigation Buttons                                                                        */ 
/* --------------------------------------------------------------------------------------------------------*/
.sidenav-mid a:link{
    color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

.sidenav-mid{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align: left;
	letter-spacing: normal;
	font-style: normal;
	font-weight: normal;
}

.sidenav-mid a{
	font-weight: normal;
    text-decoration: none;
	color: #FFFFFF;
	background-color: #44AA44;
	display: block;
	border-top-color: #66CC66;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #003300;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #003300;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #66CC66;
	border-left-style: solid;
	border-left-width: 2px;
	padding: 3px;
}

.sidenav-mid a:hover{
	font-weight: normal;
    text-decoration: none;
	color: #FFFFFF; 
	background-color: #006600;
	display: block;
	border-top-color: #009900;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #003300;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #003300;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #009900;
	border-left-style: solid;
	border-left-width: 2px;
	padding: 3px;
 
}

.sidenav-mid a:visited{
	font-weight: normal;
    text-decoration: none;
	color: #FFFFFF; 
}
/* --------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------------------------------*/
/* Light Tone Buttons for the Side Navigation                                                              */
/* --------------------------------------------------------------------------------------------------------*/
.sidenav-light {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	letter-spacing: normal;
	
}
.sidenav-light a:link{
    color: #FFFFFF;
    text-decoration: none;
	font-weight: normal;
}

.sidenav-light a{
	font-weight: normal;
    text-decoration: none;
	color: #ffffff; 
	display: block;
    padding: 2px 2px 2px 4px;
	background-color: #6622bb;  
	border-top-color: #0066cc;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #CCCCCC;;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #999999;
	border-left-style: solid;
	border-left-width: 2px;
	font-style: normal;
}

.sidenav-light a:visited{
	font-weight: normal;
    text-decoration: none;
	color: #FFFFFF;  
}

.sidenav-light a:hover{
	font-weight: normal;
    text-decoration: none;
	color: #000000; 
	display: block;
    padding: 2px 2px 2px 4px;
	background-color: #6699ff;
	border-top-color: #006699;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #cccc99;
	border-left-style: solid;
	border-left-width: 2px;
	font-style: normal;
}
/* --------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------------------------------*/
/* Light Tone Buttons for the Short List Button                                                  */
/* --------------------------------------------------------------------------------------------------------*/
.sidenav-short {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	letter-spacing: normal;
	
}
.sidenav-short a:link{
    	color: #000033;
    	text-decoration: none;
}

.sidenav-short a{
	font-weight: normal;
	display: block;
    padding: 2px 2px 2px 4px;
	background-color: #FFCC00;  
	border-top-color: #CC6600;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #FFFFCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #CC9966;
	border-left-style: solid;
	border-left-width: 2px;
	font-style: normal;
}

.sidenav-short a:visited{
    text-decoration: none;
	color: #000033;  
}

.sidenav-short a:hover{
	font-weight: normal;
    text-decoration: none;
	color: #000000; 
	display: block;
    padding: 2px 2px 2px 4px;
	background-color: #FF9900;
	border-top-color: #CC6600;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #FFFFcc;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #cc9966;
	border-left-style: solid;
	border-left-width: 2px;
	font-style: normal;
}
/* --------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------------------------------*/
/* Light Coloured Sub Category Button Styles for the Side Navigation                                       */
/* --------------------------------------------------------------------------------------------------------*/
.sidenav-sub{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	letter-spacing: normal;
	display: block;
	background-color: #6633cc;
	
}

.sidenav-sub a:link{
	color: #ffffff; 
    text-decoration: none;
	font-weight: normal;
}
	
.sidenav-sub a{
	font-weight: normal;
    text-decoration: none;
	display: block;
    padding: 2px 2px 2px 4px;
	background-color: #6633cc;
	color: #000000; 
	border-top-color: #5511aa;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #5511aa;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #66aaff;
	border-left-style: solid;
	border-left-width: 3px;
}

.sidenav-sub a:hover{
	font-weight: normal;
    text-decoration: none;
	display: block;
    padding: 2px 2px 2px 4px;
	background-color: #66aaff;
	color: #000000; 
	border-top-color: #FFCC99;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #5511aa;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #5511aa;
	border-left-style: solid;
	border-left-width: 3px;
}

.sidenav-sub a:visited{
	color: #ffffff;
	font-weight: normal;
    text-decoration: none;
}
/* --------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/
/* Dark Coloured Sub Category Button Styles for the Side Navigation                                        */
/*---------------------------------------------------------------------------------------------------------*/
.sidenav-sub-dark{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #006600;
	color: #FFFFFF;
	display: block;
	border-top-color: #009900;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #003300;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #003300;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #009900;
	border-left-style: solid;
	border-left-width: 1px;
	font-style: normal;
}
/* --------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------------------------------*/
/* Indented Markers for the Sub Categories in the Side Navigation Markers                                  */
/* --------------------------------------------------------------------------------------------------------*/
.sidenav-marker {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: normal;
	text-decoration: none;
	padding: 2px 2px 2px 4px;
	display: block;
	background-color: #66bbff;	
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #FFCC99;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #FF9900;
	border-left-style: solid;
	border-left-width: 3px;
	text-align: left;
}

.sidenav-marker a:link{
    color: #000000;
	font-weight: normal;
}

.sidenav-marker a{
	display: block;
	font-weight: normal;
    text-decoration: none;
	color: #000000;
	display: block;
	padding: 1px 1px 1px 4px;
	background-color: #66bbff;	
	border-top-color: #FFD83B;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-color: #9B7C00;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #9B7C00;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #FFD83B;
	border-left-style: solid;
	border-left-width: 2px;
}

.sidenav-marker a:hover{
	font-weight: normal;
    text-decoration: none;
	background-color: #66bbff;
	color: #FFFFFF; 
	border-top-color: #99AAFF;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-color: #003399;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #003399;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left-color: #99AAFF;
	border-left-style: solid;
	border-left-width: 2px;
}

.sidenav-marker a:visited{
	font-weight: normal;
    text-decoration: none;
	color: #000000;
}
/* --------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------------------------------*/
/* Gold Marker on the Side Navigation                                                                      */
/* --------------------------------------------------------------------------------------------------------*/
.sidenav-gold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: normal;
	padding: 2px 2px 2px 4px;
	display: block;
	background-color: #66aaff;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #5511aa;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #5511aa;
	border-left-style: solid;
	border-left-width: 3px;
	text-align: left;
	color: #FFFFFF;
}


.sidenav-search{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: normal;
	padding: 2px 2px 2px 4px;
	display: block;
	background-color: #ffcc99;	
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #FFCC99;
	border-right-style: solid;
	border-right-width: 2px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #FFCC99;
	border-left-style: solid;
	border-left-width: 2px;
	text-align: left;
}

.sidenav-search a{
	text-decoration: none; 
	color: #6622bb;
}

.sidenav-search a:hover{
    text-decoration: none;
	color: #000000; 
}

.sidenav-search a:visited{
    text-decoration: none;
	color: #6622bb; 
}
/* --------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/
/* Use this for static elements on the side-nav (things that have important                                */
/* information on them but don't have any links out)                                                       */
/*---------------------------------------------------------------------------------------------------------*/
.sidenav-static{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: normal;
	color: #FFFFFF;
	padding: 1px 1px 1px 5px;
	display: block;
	background-color: #5511aa;
	border-top-color: #FF9966;
	border-top-style: solid;
	border-top-width: 0px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #999999;
	border-left-style: solid;
	border-left-width: 2px;
	text-align: left;
}
/*---------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------------------------------*/
/* Styles for the links and text on the green bar at the bottom of the page                                */
/* --------------------------------------------------------------------------------------------------------*/
.topbar{
	font-family: Verdana, san-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6699ff;
	padding: 1px;
	background-color: #6622bb;
}

.topbar a:link{
	font-weight: bold;
	color: #FFFFFF;
	padding: 1px;
	font-size: 11px;
}

.topbar a:visited{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	padding:1px;
}

.topbar a:hover{
	font-weight: bold;
	color: #6699ff;
	padding:1px;
	font-size: 11px;
}

.masthead{
	font-family: Verdana, san-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding: 3px;
	background-color: #6622bb;
}

.bottombar{
	font-family: Verdana, san-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 3px;
	background-color: #6622bb;
}

.bottombar a:link{
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

.bottombar a:hover{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.bottombar a:visited{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.spacer{
	padding: 1px 0px 0px;
	background-image: url(./navigation/spacer.gif);
}
/* --------------------------------------------------------------------------------------------------------*/
 
.searchBox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.searchBox p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

/* --------------------------------------------------------------------------------------------------------*/
/* Dropdown non IE Fix                                                                                     */
/* --------------------------------------------------------------------------------------------------------*/

#maps p, #guides p {margin:0;}
#maps table, #guides table{border-style:solid;}