/* Order in file:
1. Layout container divs and tables, in their order on the page
2. Regular elements and classes, listed alphabetically
3. Data tables and related tags  */

.print-only, #printlogo-div, #footer-print {
	display : none; /* no display */
	visibility : hidden; /* NS7 */
	speak : none;
}

/* ---------PAGE LAYOUT -------------*/

body {
	position : absolute;
	top : 10px;
	left : 10px;
	right : 0px; /* needed for firefox to center page */
	padding : 0;
	margin : 0;
	background-color : #6382a6;
	color : #000000;
	font : normal normal normal 71%/normal Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body.demo {
	position : absolute;
	top : 0px;
	left : 0px;
	padding : 0;
	margin : 0;
	background-color : #6382a6;
	color : #ffffff;
	font : normal normal normal 87%/normal Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align : center;
	vertical-align : top;
}

/* centers page */
#page {
	position : relative;
	top : 0px;
	width : 958px;
	margin-left : auto;
	margin-right : auto;
	color : #000000;
	font-size : 1em;
}

#hm-banner {
	background : url(../images/hm-pgtop.gif) no-repeat scroll top;
	height : 148px;
}

#quote {
	padding-top : 22px;
	margin-left : 484px;
	width : 340px;
	text-align : center;
}

#tabs, #hm-tabs {
	position : absolute;
	top : 84px;
	left : 0px;
	height : 32px;
}
#hm-tabs { top : 116px; }

#tabs img, #hm-tabs img { position : absolute; top : 1px; }

/* Navigation tab images */
.nv-sl { left:2px; }
.nv-sv { left:105px; }
.nv-ne { left:272px; }
.nv-kc { left:416px; }
.nv-pt { left:584px; }
.nv-au { left:685px; }
.nv-cs { left:794px;}

#content {
	position : relative;
	top : 0px;
	left : 0px;
	width : 100%;
	line-height : 1.3em;
}

/* table layout definition for home page */
#hmtbl {
	margin : 0px 0px 15px 0px;
	padding : 0px;
	width : 100%;
}

/* table layout definition for all subpages */
#subtbl {
	margin : 0px 0px 15px 0px;
	padding : 0px;
	width : 100%;
}

/* definition for photo column on home page */
#photo-cell {
	width : 104px;
	background-color : #7f91a5;
	background-image : url(../images/hm-photo-bkg.gif);
	background-repeat : repeat;
}

/* definition for left navigation column on all subpages */
#lnav-cell {
	width : 176px;
	background-image : url(../images/sub-lnav.jpg);
}

#lnav {
	margin : 10px 0px 0px 1px;
	width : 148px;
	line-height : normal;
}

/* Right now, same as #lnav, but separate class so can be styled independently. */
#lcol-content {
	margin-top : 30px;
	text-align : center; /* centers images if added to column */
	width : 134px;
	padding : 0px 8px 0px 8px;
}


/* content column on all pages */
#content-cell { background-color : #ffffff; }

#texthm {
	margin : 20px 42px 20px 42px;
	font-size : 1.18em;
	line-height : 1.25em;
}

#diagram {
	font : normal normal bold 1.3em/1em "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	background : transparent url(../images/hm-diagram.png) no-repeat scroll left;
	letter-spacing : -0.03em; /* same as letter-spacing : -0.4pt; */
	height : 458px;
	margin-top : 20px;
}

#diagram a { text-decoration : none; color : #000000; }

#diagram a:hover { color : #0000FF; }

#ov1, #ov2, #ov3, #ov4, #ov5, #ov6, #ov7, #ov8, #ov9 {
	position : relative;
	width : 103px;
	height : 40px;
	margin : 0px;
	padding : 0px;
	text-align : center;
}
/* first row */
#ov1 { top : 80px; left : 82px;}
#ov2 { top : 40px; left : 191px; }
#ov3 { top : 0px; left : 298px; }
#ov4 { top : -40px; left : 407px; }
/* second row */
#ov5, #ov6, #ov7 { font-weight : normal; letter-spacing : -0.01em; }
#ov5 { top : 89px; left : 99px; width : 110px; }
#ov6 { top : 49px; left : 218px; width : 158px; }
#ov7 { top : 9px; left : 384px; width : 111px; }
/* third row */
#ov8, #ov9 { font-size : 94%; height : 22px; letter-spacing : -0.04em; }
#ov8 { top : 56px; left : 225px; width : 142px; }
#ov9 { top : 50px; left : 225px; width : 142px; 
	font-size : 60%;
	letter-spacing : normal;
	color : #9A9A9A;
}

#hm-logo-bar { margin-top : 25px; text-align : center; }

#hm-logo-bar img {
	margin-left : 9px;
	margin-right : 9px;
	vertical-align : middle;
}

#hm-logo-bar img.first { margin-left : 0px; }
#hm-logo-bar img.last { margin-right : 0px; }

#textsub { 
	width : 568px; /* required for IE */
	margin : 28px 0px 20px 12px;
}

/* td definition for boxes column on all pages */
#boxes-cell {
	width : 167px;
	background-image : url(../images/boxes-bkg.gif);
	background-repeat : repeat;
	padding-top : 10px;
}

#bx-search, #bx-news {
	background : transparent url(../images/bx-mid-bkg.gif) repeat scroll top;
	line-height : 1.25em;
	width : 146px;
}

#bx-search { margin-bottom : 8px; }

/* sets margins and aligns images centered */
.rcol-content { width : 146px; text-align : center; } 

#bx-news { background : transparent url(../images/bx-mid-bkg.gif) repeat scroll top; }
#bx-newscontent { margin : 6px 6px -10px 10px; }

/* definition for footer row on all pages */
#footer-cell {
	height : 66px;
	background-image : url(../images/sub-pgbtm.gif);
	background-repeat : no-repeat;
	background-position : bottom;
	color : #999999;
	text-align : center;
	font-size : 92%;
}

/* replace the footer background image on the home page only */
#hmtbl #footer-cell { background-image : url(../images/hm-pgbtm.gif); }
#footer-hm, #footer-sub {
	position : absolute;
	bottom : 32px;
}
#footer-hm { left : 104px; width : 685px; }
#footer-sub { left: 0px; width : 948px; }

#lastpic {
	position : absolute;
	top : 720px;
	left : 0px;
}

#movie {
	display : none; /* no display */
	visibility : hidden; /* NS7 */
}

/*---------------General styles ----------------- */

a:hover { color : #c51e00; }

a.top {
	display : block;
	text-align : right;
	margin : -8px 0px 0px 85%;
	font-size : 92%;
}

a img { border: 0px none #FFFFFF; }

address {
	font-style : normal;
	margin-left : 25px;
}

#bx-newscontent p { margin : 2px 0px 8px 0px; }
#bx-search form { margin : 0px 0px 0px 0px; }
#bx-search .search-text {
	margin : 8px 8px 6px 5px;
	float : right;
	font-size : 11px;
}
#bx-search .search-btn {
	margin : 2px 8px -5px 5px;
	float : right;
	font-size : 11px;
}

caption {
	padding : 2px 0px 9px 0px;
	vertical-align: bottom;
	text-align: left;
	font-size : 92%;
}

/* Used to center an image on the page in its own paragraph. Put a div class center around the IMG, no class on the IMG. */
.center {
	text-align : center;
	margin : 20px 0px 26px 0px; }

dl { margin : -9px 0px 20px 20px; }
dt { margin : 4px 0px 0px 0px; }
dd { margin : 4px 0px 0px 20px; }

.ft-on {
	font-weight : bold;
	color : #000000; }

#lcol-content a { color : #fff0bd; }
#lcol-content a:hover { color : #f0f7ff; }
#lcol-content a:visited { color : #cccccc; }
#lcol-content img { margin : 8px 0px 0px 0px; }
#lcol-content p {
	background-color : #00438f;
	border : 1px solid #f0f7ff;
	color : #ffffff;
	font-weight : bold;
	margin : 8px 0px 0px 0px;
	padding : 3px 4px 5px 5px;
	text-align : left; }

#lnav a {
	display : block;
	padding : 6px 6px 6px 10px;
	text-decoration : none;
	color : #00438f;
	border-top : 1px solid #f0f7ff;
	border-bottom : 1px solid #f0f7ff; }
#lnav a:hover {
	text-decoration : none;
	color : #000000;
	border-top : 1px solid #ffd537;
	border-bottom : 1px solid #ffd537;
	background-color : #fffae5; }
#lnav a.area {
	text-decoration : none;
	border-top : 1px solid #ffd537;
	border-bottom : 1px solid #ffd537;
	background-color : #fffae5; }
#lnav span.page {
	display : block;
	padding : 6px 6px 6px 10px;
	text-decoration : none;
	color : #000000;
	border-top : 1px solid #ffd537;
	border-bottom : 1px solid #ffd537;
	background-color : #fffae5; }
#lnav .l3nav a { padding : 4px 6px 4px 20px; }
#lnav .l3nav a.area {
	text-decoration : none;
	border-top : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;
	background-color : #ffffff; }
#lnav .l3nav span.page {
	padding : 4px 6px 4px 20px;
	background-color : #ffffff;
	border-top : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff; }
#lnav .l4nav ul {
	list-style-type : circle;
	margin : 0px 0px 8px 10px; }
#lnav .l4nav li { margin : 3px 0px -3px 0px; }
#lnav .l4nav a { padding : 2px 6px 2px 0px; }
#lnav .l4nav a:hover {
	text-decoration : none;
	color : #000000;
	border-top : 1px solid #f0f7ff;
	border-bottom : 1px solid #f0f7ff;
	background-color : #fffae5; }
#lnav .l4nav span.page {
	padding : 2px 6px 2px 0px;
	border-top : 1px solid #f0f7ff;
	border-bottom : 1px solid #f0f7ff;
	background-color : transparent;
	font-weight : bold; }


/* use for comments/questions/issues that need to be fixed. This style should never show up on the live site. */

.fix { color : #FF00FF; }

/* if only one footnote, use P class footnotes. If multiple, use div class footnotes, with p around each footnote, no class on p */

.footnotes {
	margin : 20px 0px 15px 0px;
	line-height : normal;
	font-size: 92%;
}

.footnotes p { margin : 0px 0px 8px 0px; }

form {
	margin : 20px 0px 25px 0px;
	font-family : Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

form input {
	font-size : 11px;
	font-family : Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

form p { margin : 10px 0px 10px 0px; }
form p.bx-btn { margin : 4px 0px 0px 0px; }

form select {
	font-size : 11px;
	font-family : Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

form textarea {
	font-family : Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 100%;
}

.gold {
	color : #DFB300;
	font-weight : bold;
}

h1, h2, h3, h4, h5 {
	color : #DFB300;
	/* was #E8BA00 */
	margin-top : 30px;
	margin-bottom : 8px;
	line-height : normal;
}

h1 {
	font-size : 1.62em;
	margin-top : 0px;
	margin-bottom : 10px;
}

h2 { font-size : 1.45em; margin-bottom : 10px; }
h2.small { font-size : 1.18em; }/* currently only used on events page for event heading */
h3 { font-size : 1.27em; letter-spacing : 0.05em; }
h4 { font-size : 1.1em; }
h5 { font-size : 1em; }

.indent { margin-left : 25px; }

/* use for img, p, or div tag to position element right */
.fltlft {
	position : relative;
	float : left;
	text-align : left;
	padding : 0px 8px 8px 0px;
}

/* use for img, p, or div tag to position element right */
.fltrgt {
	position : relative;
	float : right;
	text-align : right;
	margin : 0px 0px 8px 8px;
}

li {
	margin-top : 8px;
	margin-bottom : 8px;
}

.linklist { margin : 10px 0px 26px 0px; }
.linklist p { margin : 3px 0px 6px 0px; }

p { margin : 10px 0px 14px 0px; }

.pdflink {
	font-size : 118%;
	text-align : center;
	margin : 10px 0px 10px 0px;
}

.pdflink a img {
	border: 0px none #ffffff;
	margin-bottom : -2px;
	margin-right : 6px;
	text-decoration : none;
}


#quote p {
	color : #333333;
	margin : 5px 0px 5px 0px;
	font-size : 13px;
	font-weight : bold;
	line-height : 1.3em;
}

#quote p.cust {
	text-align : left;
	margin : 0px 0px 0px 0px;
}

#quote img { margin : 0px 0px 0px 0px; }

#quote .tagline {
	font-size : 1.36em;
	font-variant : small-caps;
	letter-spacing : 0.1em;
	text-align : center;
	margin-top : 30px;
	font-style : italic;
	font-weight : bold;
}

.required {
	font-weight : bold;
	color : #c51e00;
}

.rcol-content p {
	margin : 15px 0px 15px 0px;
	padding : 0px 6px 8px 7px;
	text-align : center;
	background-color : #f0f7ff;
	border : 1px solid #2c64a7;
}

.rcol-content img { margin : 0px 0px 8px 0px; }

.sidebar {
	position : relative;
	float : right;
	width : 30%;
	background-color : #fffbec;
	font-size : 1.16em;
	line-height : normal;
	margin : 0px 0px 10px 10px;
	padding : 5px 5px 7px 7px;
	border-top : 1px solid #ffd62d;
	border-right : 1px solid #ffd62d;
	border-bottom : 1px solid #ffd62d;
	border-left : 1px solid #ffd62d;
}

/* only use p tag around the person/group being cited, not around the quote itself. That's just in the div, no p tag */

.sidebar p {
	text-align : right;
	font-size : 79%;
	margin : 3px 2px 0px 0px;
	line-height : normal;
}

.sidebar p.image {
	text-align : center;
	margin-top : 10px;
}

.skiplinks {
	visibility : hidden; /* NS7 */
	display : none;
}



/* sample styles for customized search results */

.srch-desc { margin : 0px 0px 2px 0px; }

.srch-label {
	display : block;
	margin : 2px 0px 2px 0px;
	color : #6398cb;
}

.srch-link {
	display : block;
	margin : 0px 0px 0px 0px;
}

.srch-path {
	display : block;
	margin : 2px 0px 2px 0px;
	color : #00438f;
}

.srch-result { margin : 8px 0px 20px 0px; }

strong { color : #000099; } /* for colored bold text */

/* used primarily for summary paragraph in a gold standard article */
.summary {
	font-size : 1.18em;
	line-height : 1.25em;
	font-weight : bold;
	color : #6398cb;
	margin-top : 15px;
	margin-bottom : 20px;
}

/* used for references to article, book, magazine titles within text */
.title {
	font-style : italic;
	letter-spacing : 0.03em;
}


ul {
	list-style-type : disc;
	margin : -2px 0px 18px 0px;
	padding : 0px 0px 0px 30px;
}

ul ul {
	list-style-type : circle;
	margin-top : 4px;
	margin-bottom : 12px;
	margin-left : 0px;
	padding-left: 25px;
}


/* ---------TABLES-------------*/

/* generic td definition */
td {
	padding : 0;
	margin : 0;
	vertical-align : top;
	text-align : left;
}


/* DATA TABLES */

table.data {
	border-right : 1px solid #ffd62d;
	border-bottom : 1px solid #ffd62d;
	margin : 8px 0px 10px 0px;
}

table.data p { margin : 10px 0px 0px 0px; }

table.data td {
	padding : 5px 6px 6px 7px;
	border-top : 1px solid #ffd62d;
	border-left : 1px solid #ffd62d;
	vertical-align : top;
}

table.data th {
	border-top : 1px solid #ffd62d;
	border-left : 1px solid #ffd62d;
	background-color : #fffae5;
	padding : 5px 6px 6px 6px;
	text-align : left;
}

table.data th.top { vertical-align : bottom; }
table.data th.left { vertical-align : top; }

table.data ul {
	list-style-type : disc;
	margin : -7px 0px -6px 0px;
	padding : 0px 0px 0px 18px;
}
/* most bullet lists in matrixes (data tables) do not appear below an introductory paragraph or line. For ones that do, this special class adds space above the list and indents it */
table.data ul.lineabove {
	margin : -1px 0px -3px 0px;
	padding : 0px 0px 0px 24px;
}

table.data ul ul {
	list-style-type : circle;
	margin : -2px 0px 12px 0px;
	padding-left : 22px;
}


/* ---------FORM LAYOUT TABLES-------------*/

/* table layout definition for Information Request form */
form table {
	margin : 0px 0px 0px 0px;
	width : 100%;
}

form table td {
	vertical-align : middle;
	padding : 8px 0px 0px 0px;
}

form table td.col1 {
	width : 10%;
	text-align : right;
	padding-right : 6px;
}

form table td.col2 {
	width : 35%;
	padding-right : 8px;
}

form table td.col3 {
	width : 19%;
	text-align : right;
	padding-right : 6px;
}

form table td.col4 {
	width : 36%;
}

/* border : 1px solid #FF00FF; for testing container placement/size*/

/* colors from graphic files for reference
blue text in tabs: #00438f 
red rollover text in tabs: #c51e00
gold in sierra gold logo: #ffcb05
light blue in search box: #f0f7ff
gold text in search box: #d4a800
blue in miner's shirt: #b1ddfa

Use # for IE 6? only
	#width : 100%;
 */