/*
UPDATED:    20150205
            20151211 added subhead to temporarily provide a link to the other version of the catalogue
*/
#page {
	margin: 40px auto;
	padding: 0 1em;
	max-width: 61.75em;		/* 988px / 16px = 61.75em */
}
.entry {float: left;	width: 100%;}
.entry .features {float: left;width: 50%;}
.entry .attributes {float: right;width: 50%;}

/*
indicates the color displayed in the dropdown menu value based on the 'class' attribute (valid, retired, superceded)
*/
.valid {text-decoration: none;} /* values in dropdown menus that are valid in the current edition */
.retired {color: gray;}         /* values in dropdown menus that are no longer valid in the current edition and have not been superceded */
.superceded {color: red;}       /* values in dropdown menus that are no longer valid in the current edition and have been replaced */
.detail {padding-left: 20px;padding-right: 10px;padding-bottom: 10px;}   /* a <div> class reserved for detail areas of the page, such as ObjectDetails or AttributeDetails */

div#header h1  { height: 80px; line-height: 80px; margin: 0; padding-left: 10px; background: #EEE; color: #2f4b83;}
div#subhead h3{ height: 20px; line-height: 20px; margin: 0; padding-left: 10px; background: #EEE; color: #2f4b83; text-align: right; }
div#FeatureDetails{ background: #99CCFF; padding-left: 20px;}
div#AttributeDetails{ background: #E0F0FF; padding-left: 20px;}
div#footer { float: left;width: 99%; margin: 0; padding-left: 10px; background: #EEE; color: #4C72BF;}

a:link, a:visited {
    text-decoration: none;
    color: #2f4b83; /* same color font as the header */
    padding-right: 20px;
}

a:hover {
    text-decoration: none;
    color: blue; /* make it glow a bit when you hover */
}

a:active {
    text-decoration: none;
}