/*
 * $Id: common.css,v 1.8 2003/04/18 15:57:40 ksmith Exp $
 * PINT base style sheet definition
 */
 
/* STANDARD */
html 			{ min-height: 100%; margin-bottom: 1px; }
body				{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 1.5; color: #333333; margin-top: 0px; margin-left: 0px; margin-right: 0px; background-color: #ffffff; background-image: url('../images/IMG_orangebar.gif'); background-repeat: repeat-x; }

font				{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333333; }

 ul					{ line-height: 1.3; margin-top: 5px; margin-left: 20px; padding-left: 0px; }
		
li		{margin-bottom: 8px}	
				
sub					{ font-size: 80%; line-height: .75; }
sup					{ font-size: 80%; line-height: 1.25; }

a:active			{ color: #0000ff; text-decoration: underline; }
a:link				{ color: #0000ff; text-decoration: underline; }
a:visited			{ color: #9933cc; text-decoration: underline; }
a:hover				{ color: #335C85; text-decoration: none; }

table				{ font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333333;
						 margin-left: auto; margin-right: auto; }

H1					{ font-family: courier; font-size: 18px; color: #000000; font-variant: small-caps; margin-bottom: -20px; line-height: 1.2; }
H2					{ font-size: 13px; color: #CF3000; margin-bottom: -15px; }
H3					{ font-size: 12px; color: #669966; margin-bottom: -14px; }
H4					{ font-size: 12px; color: #df7e5e; margin-bottom: -14px; }
H5					{ font-size: 11px; color: #df7e5e; margin-bottom: -13px; }

th					{ text-align: left; height: 25px; background-color: #efefef;  }

dt					{ font-size: 121%; font-weight: bold; }
dd					{ margin-left: 25px; margin-bottom: 15px; }

blockquote 			{ margin-top: 2px; margin-bottom: 2px; margin-left: 20px; margin-right: 0; }



/* CONTENT */

/* background-image: url('../images/IMG_orangebar.gif'); background-repeat: repeat-x; */
#Hheadertable		{ margin-bottom: 20px; padding-top: 20px; }
#headertable		{ height: 150px; padding-top: 40px; padding-left: 20px; margin-bottom: 2px; 
						background-image: url('../images/IMG_bothbars.gif'); background-repeat: repeat-x; }

#content			{ width: 455px; }

div.content			{ margin-left: 20px; margin-right: 15px; }

#extras				{ padding-top: 0px; }
#footer				{ width: 760px; height: 25px; position: relative; 
						border-top: 1px solid #000000; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0;  }
						
#textnav			{ font-size: 10px; text-align: left; padding: 15px; text-align: center; }

#copyright			{ font-size: 10px; text-align: left; padding-left: 15px; text-align: center; }	

.body2				{ font-size: 10px; color: #666666; }
.pint				{ padding-right: 10px; }

.scroll				{ float: left; height: 500px; overflow: auto; width: 585px; }

.rowcolor			{ background-color: #efefef; }

.example			{ font-family: courier; font-size: 11px;  color: #666666; }

div.example			{ margin-top: 10px; margin-bottom: 10px; }

.divider			{  width: 100%; height: 2px; color: #efefef; }

td.totop				{ text-align: right; padding: 5px 3px }

.tagnav				{ position: relative; bottom: -10px; }

/* NAVIGATION */

div.nav				{ height: 31px; padding-left: 10px; margin-right: 0px; border-bottom: 1px solid #CF3000;  }
.nav				{ font-family: courier; font-weight: bold; font-size: 19px; color: #ffffff; background-color: #E67B34;  }
a.nav				{ color: #ffffff; }
a.nav:active		{ color: #ffffff; }
a.nav:link			{ color: #ffffff; }
a.nav:visited		{ color: #ffffff; }
a.nav:hover			{ text-decoration: none; color: #FFFF00; }

div.subnav			{ padding: 5px; padding-left: 15px; background-color: #CF3000;  }
.subnav				{ font-size: 10px; color: #919191; line-height: 1.5; }
a.subnav			{ color: #ffffff; text-decoration: none; }
a.subnav:active		{ color: #ffffff; text-decoration: none; }
a.subnav:visited	{ color: #ffffff; text-decoration: none; }
a.subnav:hover		{ color: #ffff00; text-decoration: underline; }

td.subnav2			{ padding-top: 10px; }
.subnav2			{ font-size: 10px; color: #0B5197; font-weight: bold; }
a.subnav2			{ color: #0B5197; text-decoration: none; }
a.subnav2:active	{ color: #0B5197; text-decoration: none; }
a.subnav2:visited	{ color: #0B5197; text-decoration: none; }
a.subnav2:hover		{ color: #0B5197; text-decoration: underline; }

.subnav3			{ font-size: 10px; color: #c0c0c0; margin-bottom: -10px; }
a.subnav3			{ color: #EDCCB6; text-decoration: none; }
a.subnav3:active	{ color: #EDCCB6; text-decoration: none; }
a.subnav3:visited	{ color: #EDCCB6; text-decoration: none; }
a.subnav3:hover		{ color: #ffff00; text-decoration: underline; }

div.tertnav			{ border: 1px solid #efefef; padding: 7px; }

.bread				{ font-size: 10px; color: #999999; }
.note				{ font-size: 9px; color: #333333; }

.red				{  font-size: 13px; border: 1px solid #CF3000; }

table.red td	{font-size: 11px}

.redhead	 		{ font-size: 13px; color: #CF3000; font-weight: bold; width: 560px; height: 25px; padding: 2px; padding-left: 4px; padding-top: 5px; border-bottom: 1px solid #CF3000; }
.redbody			{ width: 545px; padding-left: 15px; }
.redselect			{ font-size: 10px; width: 100px; margin-left: 15px; background-color: #fef1f2; }



div.adobe			{ font-size: 11px; border: 1px solid #cccccc; width: 148px; padding: 5px; margin-bottom: 15px; }

/* NEWSLETTER SIGN UP BOX */
div.dev				{ font-size: 9px; border: 1px solid #bbbbbb; background: #eeeeee; margin-top: 50px; width: 156px;}



.dhead	 			{ border-bottom: 1px solid #bbbbbb; }
.dbody				{ margin: 2px 8px; }
.submit			{ height: 20px; width: 45px; font-family: verdana, arial, helvetica, sans-serif; font-size: 9px;  background-color: #dddddd; border: 1px solid #999999; }


div.devhome				{ font-size: 9px; border: 1px solid #bbbbbb; background: #eeeeee; margin-top: 0px;}


input.devnew	{ height: 16px; border: 1px solid #bbbbbb; width: 88px; }


/* TOOLBOX */
#toolbox			{ width: 160px; margin: 10px;  border: 1px solid #cccccc; background-color: #ffffff; visibility: visible; }
#titlebar			{ color: #ff6600; width: 160px; height: 25px; border-bottom: 1px solid #cccccc; }
#tools				{ padding: 10px; background: url('../images/bg_pref.gif'); }
input.pref, select.pref { font-size: 10px; color: #333333; background-color: #efefef; }

/* FORMS */
form				{ margin: 0px; }
.toplink		{ padding-right: 3px; }

/* note: the two following styles should have widths that add up to 455px */
td.prevpage		{ width: 235px; padding-bottom: 5px; }

td.nextpage		{ width: 220px; padding-bottom: 5px; }

b.prevpage		{ margin-left: 20px; }

/* NOTICE BANNER */
@supports selector(body:has(>header.notice)) {
	body:has(>header.notice) {
		background-position: center 60px;
		margin-top: 60px;
	}
}
@supports not selector(body:has(>header.notice)) {
	body {
		background-position: center 60px;
		margin-top: 60px;
	}
}

header.notice {
	background-color: #ffffc4;
	border: 3px dashed #e67b34;
	box-sizing: border-box;
	display: grid;
	height: 60px;
	place-items: center;
	position: fixed;
	top: 0;
	width: 100vw;
	width: 100dvw;
}

header.notice>p {
	font-size: 15px;
	line-height: 1.1;
	margin: 0;
	max-width: 750px;
}

header.notice>p>span {
	font-weight: bold;
}