/* CSS Document */
body {
	background-color: white;
}
img { border:none; padding: 0.2em; }

.hidden { display: none; }

#banner object { float: left; padding: 0.5em; }
#tagline { background: transparent url(../images/tag_line.jpg) no-repeat; height: 44px; text-indent: -1000em; }
#menushadow, #menushadowdev, #menushadowcurrent { 
	background-color: #888;
	height: 1em; 
	width: 50.5em; 
	position: relative;
	top: 1.2em; left: 0.2em;
	margin: 0; padding: 0;
}
* html div#menushadow, * html div#menushadowdev, * html div#menushadowcurrent { top: 1.25em; }
#menushadowdev { height: 2em; width: 10em; }

#menu { background-color: #008; float: left;  }

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


#menu a, #menu h2 {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 2px 3px;
	text-align: center;
	
}
#menu h2 { margin: 0; padding: 0; font-size: 1em; }
#menu a { font-size: 0.75em; padding: 0 1em; }
#menu ul ul a { text-align: left; }

#menu h2 { color: #fff; background: #008; text-transform: uppercase; }
#menu a { color: #fff; background: #008; text-decoration: none; }
#menu a:hover { color: #008; background-color: #ccc; }
#menu li { position: relative; }
#menu ul ul { position: absolute; z-index: 500; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; }

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

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

#content { clear: both; padding: 1em 0.5em 0.5em 0.5em; }