@charset "UTF-8";
/* CSS Document */



#menu		                                 
	{	
	position:top;
	vertical-align:top;
	background-color:#999;
	width: 149px;
	text-align: left;
	font-size: 14px;
	font-family: helvetica, arial, geneva, sans-serif;
	display:block;
	float:left;
	clear:left;
	margin-bottom:50px;
	}

#menu a, #menu h2, #menu h1, #menu h3, #menu h4{
color:#fff;
background-color:#999;
font: bold 14px arial, helvetica, sans-serif;
min-height:22px;
text-indent:5px;
text-top:5px;
text-bottom:5px;
display:block;
margin: 0;
border-top:5px hidden;
width: 149px;
text-align: left;
padding: 0px;
border-bottom:1px solid #FFF;		/* adds bottom border */
vertical-align:top;
}

#menu h2 a, #menu h2 a:visited {
color: #999;
background: #fff;
padding-left: 20px;
border-bottom:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
width:127px;
  vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

#menu h2 a:hover				             /* all menus on mouse-over */
	{
	color: #FFF;
	background-color:#999;
	}

#menu h1 a, #menu h1 a:visited {
color: #999;
background: #e0e8f4;
padding-left: 20px;
border-bottom:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
width:127px;
  vertical-align: bottom; /* This fixes the IE5 Win gap! */
}


#menu h1 a:hover				             /* all menus on mouse-over */
	{
	color: #FFF;
	background-color:#485c82;
	}

#menu h3 a, #menu h3 a:visited {
color: #999;
background: #e0e8f4;
text-indent: 5px;
border-bottom:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
width:147px;
  vertical-align: bottom; /* This fixes the IE5 Win gap! */
}


#menu h3 a:hover				             /* all menus on mouse-over */
	{
	color: #FFF;
	background-color:#485c82;
	}
	
#menu h4 a, #menu h4 a:visited {
color: #999;
background: #fff;
text-indent: 5px;
border-bottom:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
width:147px;
  vertical-align: bottom; /* This fixes the IE5 Win gap! */
}


#menu h4 a:hover				             /* all menus on mouse-over */
	{
	color: #FFF;
	background-color:#999;
	}


#menu a, #menu a:visited				/* all menus at rest */
	{
	color: white;
	background-color:#999;
	text-decoration:none;		       /* removes underlines from links */
	}

#menu a:hover				             /* all menus on mouse-over */
	{
	color: #999;
	background-color:#FFF;
	
	}
	
#menu li
	{
	list-style-type:none;
	

				            /* removes bullets */
	}

#menu ul li
	{
	position:relative;
	background:transparent  url(/griswold/pictures/menupullout.png); 
			
	}

#menu li ul
	{
	position: absolute;
	color:#fff;
	top: 0;
	filter: alpha(opacity=90);
 	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	opacity:0.9;
	background:transparent  url(/griswold/pictures/menupullout.png);
	background:#999; filter: alpha(opacity=90);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.8;			 
	left: 149px;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	}

div#menu ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;
	filter: alpha(opacity=90);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.9;
	background:transparent  url/griswold/(pictures/menupullout.png); 				               /* keeps the menu parts together */
	padding:0;
	width: 149px;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menu ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	filter: alpha(opacity=90);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.9;
	background:transparent  url(/griswold/pictures/menupullout.png); 
	}

div#menu ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	filter: alpha(opacity=90);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.9;
	display: block;
	background:transparent  url(/griswold/pictures/menupullout.png); 
	}
	
div#menu		                                 
	{	
	position:top;
	vertical-align:top;
	background-color:#999999;
	width: 149px;
	text-align: left;
	font-size: 14px;
	font-family: helvetica, arial, geneva, sans-serif;
	display:block;
	float:left;
	clear:left;
	}