/* main sections --> */
#banner {
	border-bottom: 8px solid #466432;
}
#content {
	margin-left: 20px; /* same as submenu */
	margin-right: 20px; 
	padding-top: 10px;
}
#siteMessage {
	color: black; 
	background-color: #9C3;
}
#copyright, 
#copyright a {
	color: #CCEEB6;
	background-color: #466432;
}
#logo,
#menuHeading,
#siteMessage,
#copyright {
	padding-left: 20px;
}
#siteInfo span,
#siteInfo table {
	display: inline;
}
#siteInfo {
	background-color: #9c3;
	text-align: right;
} 
#siteInfo table {
	margin-right: 20px;
	text-align: left;
}
/* <-- main sections */

/* menus and submenus --> */
#menu {
	vertical-align: bottom;
	padding: 0px;
	white-space: nowrap;
	width: 100%; /* Needed for Firefox to not have menu all in 1 block */
}
#menu a,
#menu span {
	display: block;
	float: left;
	padding: 2px 6px 7px 6px;
	border-style: none;
	border-left: 1px solid #9c3;
	height: 1.3em; /* works for IE6, not Firefox; did not test IE7 */
}
html > body #menu a { /* works for Firefox, not IE6; did not test IE7 */
	height: 1.3em;
}
#menu .selected,
#menu a:hover {
	border-bottom: 5px solid #9c3;
	padding-bottom: 2px;
}
#menuHeadingAndSignInOut {
	padding: 0px;
	/* width:100% needed for signInSignOut to go right */
	width: 100%;
	background-color: #9c3;
}
#menuHeading {
	color: white; 
	font-size: 2em; /* like h1 */
}
#signInSignOutContainer {
	vertical-align: middle;
	text-align: right;
	padding-right: 20px;
}
#signIn {
	padding: 3px;
}
#signIn input {
	margin-left: 2px;
}
#submenu {
	margin-left: 20px; /* same as content */
	margin-right: 0px;
}
#submenu ul {
	/* display: inline-block needed for IE6 to draw submenu background-color,
	   And to not join content following submenu with submenu  */ 
	display: block; 

	/* overflow: hidden needed for Firefox to draw submenu background color And for Firefox to not join content following submenu with submenu */
	/* Side Effect: unnecessary horiz. scrollbar in Firefox. Test with IE7 */
	overflow: hidden;
	margin: 0px;
	padding: 0px; /* 10/6/06 IE6 ok, Firefox otherwise pads */
	/*margin-right: -1px;  Although margin-right negative fixes scrollbar bug IE6 only, it brings back jumping menu - 
	be very careful not to reintroduce this*/
	background-color: #BCEE68;
	/*border-left: 1px solid #9c3; */ /* Commenting this out gets rid of H Scrollbar in IE6 Firefox and IE7.  BUT it brings BACK jumping menu IE6 */
	border-right: 1px solid white;/* see previous comment - yuck but at least no jumpy menu */
}
* html #submenu ul { /* IE6 needs this; IE7 and Firefox will ignore */
	width: 100%; /* fixes jump on hover bug IE6; Side Effect: unnecessary horiz. scrollbar */
}
#submenu ul li {
	display: inline;
	white-space: nowrap;
}
#submenu ul span,
#submenu ul a {
	float: left; 
	display: block;
	padding: 5px 6px 2px 6px;
	border-style: none;
	border-left: 1px solid #9c3;
	color: #466432;
	background-color: #BCEE68; 
	height: 1.5em; /* works for IE6 not Firefox; did not test IE7 */
}
html > body #submenu ul a { /* works for Firefox not IE6; did not test IE7 */
	height: 1.5em;
}
#submenu ul .selected,
#submenu ul a:hover {
	border-top: 5px solid #466432;
	padding-top: 0px;
}
#submenu ul .selected  {
	color: black;
	background-color: white;
}
#menu a:link,
#menu a:visited,
#submenu a:link,
#submenu a:visited,
.popup a:link,
.popup a:visited,
.popupSelected a:link,
.popupSelected a:visited {
	color: #466432;
}
.popup,
.popupSelected {
	background-color: #BCEE68;   
	border-color: #9c3;
}
#menu li a:link.selected,
#menu li a:visited.selected,
#submenu li a:link.selected,
#submenu li a:visited.selected {
	color: black;
}
/* <-- menus and submenus */

h1, h2 {
	border-bottom: 1px dotted #9c3;
}
#content ul li {
	list-style-type: square;
}
html > body div#content {
	height: auto;  /* for compliant browsers needed by IE7 and Firefox */
}