p
    {
	font-family: Comic Sans MS;
	font-size: 14px;
	padding: 10px 10px 10px 30px;
	}

h1
    {
	font-size: 18px;
	padding-top: 20px;
	margin: 20px 0px 0px 10px;
	font-weight: bold;
	display: block;
	}

h2
    {
	font-size: 18px;
	margin: 0px 0px 0px 10px;
	color: #ff0000;
	font-weight: bold;
	display: block;
	}

h3
    {
	font-size: 18px;
	margin: 0px 0px 0px 10px;
	color: #000000;
	font-weight: normal;
	display: block;
	}

h4
    {
	font-size: 18px;
	margin: 50px 50px 0px 20px;
	color: #000000;
	font-weight: normal;
	display: block;
    }

body
    {
		background: #B1B368;
		text-align: center;
		}
		
div
    {
	margin: 0 auto;
	float: center;
	text-align: left;
	display: block;
	clear: both;
    }
	
span
    {
	
	margin: 0 auto;
	display: block;
	float: center;
	}



.calendarDay
    {
	margin: 0px;
	}
	
.calendarNumber
    {
	margin: 0px;
	padding: 0px;
	}







.tigerbody
    {
		background: #FF8000;
		text-align: center;
		}

.wolfbody
    {
		background: #B82e0D;
		text-align: center;
		}

.bearbody
    {
		background: #8CBBFF;
		text-align: center;
		}

.webelosbody
    {
		background: #C8B368;
		text-align: center;
		}

.header
    {
		background:url(images/363.png);
		width: 900px;
		height: 158px;
		}

.tigerheader
    {
		background:url(images/tiger.png);
		width: 900px;
		height: 158px;
		}

.wolfheader
    {
		background:url(images/wolf.png);
		width: 900px;
		height: 158px;
		}		

.bearheader
    {
		background:url(images/bear.png);
		width: 900px;
		height: 158px;
		}

.webelosheader
    {
		background:url(images/webelos.png);
		width: 900px;
		height: 158px;
		}				

.content
    {
		background: #ffffff url(images/shield.png) no-repeat bottom right;
		width: 900px;
		/*padding: 10;*/
		}
/* Begin CSS Popout Menu */

#menu{
width:900px;
background: #000000;
float: center;
}

#menu a{
font:14px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#000 #000 #000 #000;
white-space:wrap;
margin:0;
padding:2px 1px 2px 1px;
height:20;
}

#menu h2{
font:16px arial,sans-serif,arial;
font-weight:bolder;
/*text-transform: uppercase;*/
display:block;
border-width:0px;
border-style:solid;
border-color:#000 #000 #000 #000;
white-space:wrap;
margin:0;
padding:5px 1px 5px 1px;
cursor:hand;
text-align: center;
}


#menu h2{
color:#fff;
background:#000 url(images/expand2.bmp) no-repeat 100% 100%;
width:128;
}

#menu a{
background:#294874;
text-decoration:none;
padding:0px 0px 0px 6px;
width:128;
}

#menu a, #menu a:visited{
color:#fff;
width:128;
}

#menu a:hover{
color:#000000;
font-size: 16px;
background:#ffffff;
width:128;
}

#menu a:active{
color:#000;
background:#e3e7bb;
width:128;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:128;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
left: 0;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

#menu ul a:visited{
width:128;
}
#menu ul ul a:visited{
width:128;
}
/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

span#menu h2:hover{
background:#ffffff url(images/expan) no-repeat 0px 0px;
color: #000000;
}

span#menu li:hover{
cursor:pointer;
z-index:100;
}

span#menu li:hover ul ul,
span#menu li li:hover ul ul,
span#menu li li li:hover ul ul,
span#menu li li li li:hover ul ul
{display:none;}

span#menu li:hover ul,
span#menu li li:hover ul,
span#menu li li li:hover ul,
span#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
font-size: 14px;
color:#000;
background:#e3e7bb url(images/exp) no-repeat 100% 100%;
}

#menu a.x:hover{
font-size: 14px;
color:#fff;
background:#000;
}

#menu a.x:active{
font-size: 14px;
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */