* {
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
}

#header {
border: 0px solid black; 
width: 760px;
color: #fff;
font: bold 12px nunito-sans, verdana, arial, helvetica, sans-serif;
padding: 0px;
/* background: url(/images/backgroundbanner.gif) repeat-x; */
/* height:79px; */
margin: 0;
position: relative;
z-index: 89;
}

#header td p{
text-align: center ;
padding: 0px ;
margin: 0px ;
}

#header ul {
display: inline;
padding: 0;
margin: 0;
list-style: none;
}

#header li {
text-align: center ;
padding: 0;
margin: 0;
list-style: none;
display: block;
width: 100px;
float: left;
}

#header li a {
padding: 0.1em 0;
margin: 0;
color: #000;
display: block;
width: 100%;
text-decoration: none;
}

#header a:hover {
color: #000;
background: #00a794;
text-decoration: none;
}

#header ul.menuitems li a {
display: block;
text-align: left ;
font-size: 75% ;
border-bottom: 1px solid #00a794 ;
padding: 2px 0 2px 3px ;
width: 97px ;
height: 100%;
}

#header li ul.menuitems {
position: absolute;
top: 15px;
margin-left: -50px ;
visibility: hidden;
background: #fff ;
/* background: #316300; */
}

#sidenav ul {
display: inline;
padding: 0;
margin: 0;
list-style: none;
}

#sidenav li {
text-align: left ;
padding: 0;
margin: 0;
list-style: none;
display: block;
width: 145px;
float: left;
}

#sidenav li a {
padding: 0;
margin: 0;
color: #000;
display: block;
width: 100%;
text-decoration: none;
}

#sidenav a:hover {
font: 14px nunito-sans, verdana, arial, helvetica, sans-serif;
color: #000;
text-decoration: none;
}

#sidenav li ul.menuitems a:hover {
background: #00a794;
padding: 2px 0 2px 3px ;
font-size: 75% ;
}

#sidenav li ul.menuitems a {
display: block;
text-align: left ;
font-size: 75% ;
border: 1px solid #00a794 ;
padding: 2px 0 2px 3px ;
width: 141px ;
height: 100%;
}

#sidenav li ul.menuitems {
position: absolute;
top: 0px;
left: 185px ;
margin-top: 20px ;
margin-left: -50px ;
visibility: hidden;
background: #fff;
z-index: 89;
}

#hutnav ul {
display: inline ;
padding: 0 ;
margin: 0 ;
list-style: none ;
background: grey ;
border-bottom: 0px solid grey ;
}

#hutnav li {
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
text-align: left ;
background: #CCC ;
border-bottom: 0px solid grey ;
padding: 1px 0 1px 1px ;
}

#hutnav li a {
font: 10px nunito-sans, verdana, arial, helvetica, sans-serif;
text-align: left ;
background: #EFEDED ;
border-bottom: 1px solid grey ;
color: #000;
text-decoration: none;
}

#hutnav li a:hover {
font: 10px nunito-sans, verdana, arial, helvetica, sans-serif;
color: #000;
background: #EFE;
text-decoration: none;
}

#hutnav a {
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
text-align: left ;
background: #CCC ;
border-bottom: 0px solid grey ;
padding: 2px 0px 2px 3px;
color: #000;
display: block;
text-decoration: none;
}

#hutnav a:hover {
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
padding: 2px 0 2px 3px ;
color: #000;
background: #EFE;
text-decoration: none;
}

#hutnav li ul.menuitems a:hover {
background: #EFE;
font-size: 75% ;
}

#hutnav li ul.menuitems a {
text-align: left ;
font-size: 75% ;
border-bottom: 1px solid grey ;
width: 120px ;
height: 100%;
}

#hutnav li ul.menuitems {
position: absolute;
top: 0px;
left: 175px;
margin-top: 0px ;
margin-left: -35px ;
visibility: hidden;
background: #fff;
z-index: 89;
}

ul.menuitems {
margin: 0;
padding: 0;
list-style: none;
}
 
ul.dropdowns li,ul.menuitems li {
position: relative;
}

ul.slideouts li,ul.menuitems li {
position: relative;
}

ul.hutslideouts li,ul.menuitems li {
position: relative;
}

/* Fix IE. Hide from IE Mac */
* html ul.menuitems li { float: left; height: 1%; }
* html ul.menuitems li a { height: 1%; }
/* End */
 
li:hover ul, li.over ul { display: block;visibility: visible; } /* The magic */
 
/* H1 span {*/
/* display: none;*/
/* text-align: center ;*/
/* }*/
 
H1 {
/* background: url("/images/1catbanner.png") top center no-repeat ; */
/* padding: 0 0 0 145px ; */
/* margin: 5px 0 0 0 ; */
/* height: 43px ; */
/* border: 0px ; */
color: #fff ;
font: bold 16px nunito-sans, verdana, arial, helvetica, sans-serif;
padding: 0px ;
margin: 0px ;
}
 
H2 {
color: #fff ;
font: bold 16px nunito-sans, verdana, arial, helvetica, sans-serif;
padding: 0px ;
margin: 0px ;
}

H3 {
color: black ;
font: bold 14px nunito-sans, verdana, arial, helvetica, sans-serif;
padding: 0px ;
margin: 0px ;
}

iframe {
color: black ;
font: bold 14px nunito-sans, verdana, arial, helvetica, sans-serif;
padding: 0px ;
margin: 0px ;
}

td, td a {
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
}

td b {
font: bold 12px nunito-sans, verdana, arial, helvetica, sans-serif;
}

.rebuild {
border: 0px solid black ;
margin: 70px 5px 2px 5px ;
}

.newhut {
border: 0px solid black ;
margin: 0px 5px 2px 5px ;
width: 219px ;
height: 63px ;
float: left ;
}

.totaliser {
border: 0px solid black ;
margin: 0px 5px 2px 5px ;
width: 107px ;
height: 273px ;
float: right ;
}

.picboxr {
border: 0px solid black ;
margin: 4px 2px 2px 10px ;
width: 144px;
float: right;
height: 96px;
}

.hutnavbox {
border: 1px solid black ;
margin: 0 0 5px 0 ;
width: 141px;
}

.bcaltext{
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
}

.bcallink a:active{
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
color: silver ;
}

.bcallink a:visited{
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
color: silver ;
}

.bcallink a:hover{
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
color: white ;
}

.ccaltext{
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
}

.ccallink a:active{
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
color: silver ;
}

.ccallink a:visited{
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
color: silver ;
}

.ccallink a:hover{
font: 12px nunito-sans, verdana, arial, helvetica, sans-serif;
color: #fff ;
}

#packname {
font: 9px nunito-sans, verdana, arial, helvetica, sans-serif;
color: black ;
}

#title {
float: left ;
height: 22px ;
text-align: center ;
padding: 3px 5px 0 0 ;
}

#date {
font: .8em nunito-sans, verdana, arial, helvetica, sans-serif ;
color: #fff ;
float: right ;
text-align: right ;
padding: 5px 3px 0 0 ;
}

#calmain {
text-align: left ;
}

#footer {
font: 9px nunito-sans, verdana, arial, helvetica, sans-serif;
color: #C0C0C0 ;
}

#footer a {
font: 9px nunito-sans, verdana, arial, helvetica, sans-serif;
}

#footer a:link {
font: 9px nunito-sans, verdana, arial, helvetica, sans-serif;
color: #0000EE ;
text-decoration: underline ;
}

#footer a:visited {
font: 9px nunito-sans, verdana, arial, helvetica, sans-serif;
color: #551A8B ;
text-decoration: underline ;
}

small {
font: 9px nunito-sans, verdana, arial, helvetica, sans-serif;
color: #C0C0C0 ;
}

small a {
font: 9px nunito-sans, verdana, arial, helvetica, sans-serif;
}

b {
font: bold 14px nunito-sans, verdana, arial, helvetica, sans-serif;
}

#navimages{
display:none
}

/* lightbox style */	
#lightbox{
	background-color:#eee;
	padding: 5px;
	border-bottom: 2px solid #555;
	border-right: 2px solid #555;
	z-index: 89;
	}
	
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
	
#lightboxCaption{
 float: left;
  }

#keyboardMsg{
 float: right;
  }

#lightbox img{
 border: none;
  } 
  
#overlay img{
 border: none;
  }
  
#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
/* end of lightbox style */	
	
 
/* sidenav style */
#squirrellink {width: 104px; height: 65px; background: url(/images/squirrels_primary_logo_red_png_rgb_sm.png) center no-repeat; display: block;}
#squirrellink:hover {background: url(/images/squirrels_primary_logo_red_png_rgb_sm.png) center no-repeat; display: block;}
#beaverlink {width: 104px; height: 65px; background: url(/images/Beaver_RGB_blue_sm.png) center no-repeat; display: block;}
#beaverlink:hover {background: url(/images/Beaver_RGB_blue_sm.png) center no-repeat; display: block;}
#cublink {width: 100px; height: 65px; background: url(/images/Cub_RGB_green_sm.png) center no-repeat; display: block;}
#cublink:hover {background: url(/images/Cub_RGB_green_sm.png) center no-repeat; display: block;}
#scoutlink {width: 110px; height: 55px; background: url(/images/Scouts_RGB_green_sm.png) center no-repeat; display: block;}
#scoutlink:hover {background: url(/images/Scouts_RGB_green_sm.png) center no-repeat; display: block;}
#explorerlink {width: 120px; height: 65px; background: url(/images/Explorers_RGB_Blue_sm.png) center no-repeat; display: block;}
#explorerlink:hover {background: url(/images/Explorers_RGB_Blue_sm.png) center no-repeat; display: block;}
#networklink {width: 125px; height: 55px; background: url(/images/Network_RGB_black_sm.png) center no-repeat; display: block;}
#networklink:hover {background: url(/images/Network_RGB_black_sm.png) center no-repeat; display: block;}
#fellowshiplink {width: 125px; height: 60px; background: url(/images/activesupport.png) center no-repeat; display: block;}
#fellowshiplink:hover {background: url(/images/activesupport.png) center no-repeat; display: block;}
/* end of sidenav style */