* {
	font-size: 100%; /* makes inputs and selects respect font-size of body */
}
fieldset {
	border: solid 1px #d3d3d3;
}
body {
	font-family: verdana, sans-serif;
	font-size: x-small;
	background-color: white;
	color: black;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.33em;
}

h1, h2, h3 {
	padding-bottom: 7px;
	margin-bottom: 10px;
}
/* main sections --> */
#logo,
#logo2,
td#siteTitles {
	padding: 7px;
	vertical-align: middle;
}

#signInSignOutContainer div {
	display: block;
	padding: 4px !important;
	white-space: nowrap;
}
#signIn,
#signOut,
#attributes {
	display: inline;
}
#signInSignOutContainer fieldset {
	border-style: none;
	display: inline;
}

#signInSignOutContainer fieldset div {
	padding: 0px !important;
}

#siteTitles {
	text-align: center;
	white-space: nowrap;
}
#siteTitleLeft,
#siteMessageRight {
	font-weight: bold;
	white-space: nowrap;
}
#siteTitleLeft {
	text-align: left;
}

#siteMessageRight {
	margin-right: 10px;
	text-align: right;
}
#breadcrumbs h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}
#helpPrint {
	width: 10em;
	float: right;
	margin-right: 20px;
}
#siteInfo {
	margin-top: 5px;
}
#siteInfo th,
#siteInfo table td {
	padding: 1px !important;
}
#siteInfo td {
	background-color: #eeeeee;
}
#siteInfo table,
#siteInfo span {
	font-size: 0.9em;
}
#content {
	min-height: 350px; /* Firefox needs this for short pages; ignored by IE7 and IE6 */
	height: 350px; /* IE6 needs this; IE7 and Firefox will use auto below */
	height: auto;
	padding-bottom: 10px;
}
html > body div#content {
	min-height: 350px; /* Firefox needs this for short pages; ignored by IE7 and IE6 */
	height: auto; /* for compliant browsers needed by IE7 and Firefox */
}


#footer {
	white-space: nowrap;
}
/* <-- main sections */
/* menus and submenus --> */
#menu, 
#submenu, 
.popup,
.popupSelected {
	list-style-type: none;
}
#menu li, 
#submenu li {
	display: inline;
}
.popup,
.popupSelected {
	border-style: solid;
	border-width: 1px;
}
ul.popup,
ul.popupSelected {
	margin: 0px;
	padding: 0px;
}
ul.popup li,
ul.popupSelected li {
	margin: 0px;
	padding: 2px 5px 2px 5px;
	line-height: 1.2em;
}
#menu .selected,
#submenu .selected,
.popupSelected .selected {
	font-weight: bold;
}

#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*/
	/*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;
	border-style: none;
	height: 1.3em; /* 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.3em;
}
/*<-- menus and submenus */
/* text-decoration */
#menu a,
#submenu a,
.popup a:link,
.popup a:visited,
.popupSelected a:link,
.popupSelected a:visited {
	text-decoration: none
}

a:link {
	color: #03c;
}
a:visited {
	color: #906;
}
a:hover {
	color: red !important;
}