﻿body { font-family: Verdana,sans-serif;}
#maintext { font-size: 10.0pt; padding: 12px 24px 12px 24px; /*border-left: 1px solid #000000;*/}
#maintext P { margin-top: 0px; margin-bottom: 4pt; text-indent: 0;}
#maintext p.indent { text-indent: 18px; }
#maintext h1 { font-size: 14pt; color: #42536c/*#b3831d*/; margin-top: 0px; margin-bottom: 5pt; margin-left: -24px;
  padding-left: 10px; border-left: 12px solid #d0d0d0 /*#002080*/; margin-top: 1pt; /*text-transform: uppercase;*/ font-weight:normal;}
#maintext h1 .sub {
  font-size: 12pt; display: block; margin-top: 4px; padding-top:2px; border-top: 2px #42536c solid; font-weight: normal;}
#maintext h2  { font-size: 12pt; color: #42536c; margin-top: 0px; margin-bottom: 5pt; margin-left: 0px; font-weight: normal;
  margin-top: 12px !important; padding-top: 3pt;width : 50%; margin-left: -24px; padding-left: 24px; border-top: 4px solid #d0d0d0; /*font-variant: small-caps;*/ /*text-transform: uppercase;*/}

#maintext blockquote { background-color: #ffffff;  margin-left: 24px; padding: 8px 8px 8px 0; border: 1px #aaaaaa solid; border-left: none; }
 /*{ margin-left: 0px; padding: 4px 12px 4px 12px;
  background-color: #eae2c2; color: #000000; margin-right: 0; margin-top: 0; margin-bottom: 4pt;} */

#maintext .EWPMF blockquote { background-color: transparent; margin-left: 24px; padding: 0 0 4px 0; font-weight: bold; border: none; margin-top: 0px; margin-bottom: 4pt;}

#maintext a { color: navy; text-decoration: none;} 
#maintext A:hover {
  color: #206090;
  background: #e6e6e6;
  text-decoration: underline;
}
#maintext ul { /* straight and for mCM_list */
  list-style-image: url(../graphics/boxy.gif);
  margin-left: 24px; padding-left: 18px; text-indent: 0;
}
#maintext ul ul { list-style-image: none; list-style-type: square; }

#maintext .mCM_WIK_fnsep { width: 25%; height: 1px; border: none; border-top: 1px #909090 solid; }

#maintext table { font-size: 10.0pt; }
#maintext .notes { font-size: 8pt; font-style: italic; }
#maintext .small { font-size: 8pt; }

#maintext .mCM_qt {margin: 10px 0px; }
#maintext .mcm_qt_even1, #maintext .mcm_qt_odd1 { padding-right: 10px; text-align: left; }
#maintext .mcm_qt_even2, #maintext .mcm_qt_odd2 { padding-right: 10px; text-align: left; }
#maintext .mcm_qt_even3, #maintext .mcm_qt_odd3 { padding-right: 10px; text-align: left; }
#maintext .mcm_qt_even4, #maintext .mcm_qt_odd4 { padding-right: 10px; text-align: left; }
#maintext .mcm_qt_even5, #maintext .mcm_qt_odd5 { padding-right: 10px; text-align: left; }
 

/*
#maintext .mCM_qt {margin-bottom: 4px;}
#maintext .mCM_qt_head1 {font-weight: bold; color: #ffffff; background-color: #b3831d; padding: 2px 8px; margin-top: 3px;}
#maintext .mCM_qt_head2 {color: #ffffff; background-color: #b3831d;text-align:center; padding: 2px 8px; margin-top: 3px;}
#maintext .mCM_qt_even1 {padding-bottom: 2px; border-bottom: 1px #444444 solid;}
#maintext .mCM_qt_even2 {text-align:center;padding-bottom: 2px;border-left: 1px #444444 solid; border-bottom: 1px #444444 solid;}
#maintext .mCM_qt_odd1 {padding-bottom: 2px; border-bottom: 1px #444444 solid;}
#maintext .mCM_qt_odd2 {text-align:center;padding-bottom: 2px;border-left: 1px #444444 solid; border-bottom: 1px #444444 solid;}
*/

#maintext .nav { /*border: 1px #eae2c2 solid; margin: 16px 0 0 0; padding: 0; background-color: #eae2c2/*#d9cfab*/; */
display: block; }
#maintext .underscore { border-bottom: 2px #b3831d solid; padding-bottom: 2px;}

#trailer { font-size: 8pt; color: #606060 /*#656565*/ /*#b3831d*/; text-align: left; margin-top: 6px; padding-bottom: 6px; }
#trailer A { color: #606060; text-decoration: none; }
#trailer A:hover { text-decoration: underline; }

#standards  { font-size: 8pt; color: #606060 /*#656565*/ /*#b3831d*/; text-align: left; margin: 0; height: 22px;
 position: absolute; top: 80px; left: 693px; width: 186px; background-image: url(../graphics/standards.gif); background-repeat:repeat-x;
}

.alatab,
.mCM_next {
  color: #ffffff;
  background-color: #808080 /* #b3831d */ /* #b08860 */;
  padding: 0px 4px 1px 4px;
}

.mCM_items nobr {
	padding-right: 12px;
	background-image:url('../graphics/boxyone.gif');
	background-position:right;
	background-repeat:no-repeat;
}
.mCM_items {
	padding-left: 12px;
	background-image:url('../graphics/boxyone.gif');
	background-position:left;
	background-repeat:no-repeat;

}
A:hover .mCM_next { background-color: #206090; }
.alatab A { color: #F3dfcb; font-weight: bold;}
.mCM_active {
  border: 1px #b3831d dotted; padding: 0px 3px 0px 3px; /*font-style: italic;*/ background-color: #ffffff; }

/* vertical side menu */

.mCM_verttabcap,
.mCM_actverttabcap, 
.mCM_verttabcap1st,
.mCM_actverttabcap1st { /*font-variant: small-caps;*/ /*text-transform:uppercase; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt;
  color: #000000;
  font-weight: normal;
  background-color: #ffffff /*#464342*/;
  padding: 3px 3px 4px 12px;
  border-bottom: 1px #000000 solid;
  width: 100%; display: block;
  text-align: center;
  margin: 0 0 0 0;
  text-align: left;
  background-image: url(../graphics/actbtn.gif);
  background-repeat: repeat-y;
}
.mCM_actverttabcap1st {
  border-top: 1px red solid;
}

A.mCM_verttabcap, A.mCM_verttabcap1st {
  font-size: 9pt;
  color: #ffffff;
  font-weight: normal;
  background-color: #ffffff /* #e7d59d */ /*#d9cfab*/;
  border-bottom: 1px #000000 solid;
  text-decoration: none;
}
.mCM_verttabcap1st {
  border-top: 1px red solid;
}
.mCM_verttabcap1st, A.mCM_verttabcap1st {
  border-top: 1px #000000 solid;
}

A:hover.mCM_verttabcap,
A:hover.mCM_verttabcap1st  {
  color: #000000;
  text-decoration: none;
  background-color: #ffffff; /*#b3831d*/;
  /* font-style:italic; */
  background-image: url(../graphics/hactbtn.gif);
  background-repeat: repeat-y;
}
 /* flags in reverse */
 
.mCM_el1 .mCM_actverttabcap,  .mCM_el1 .mCM_actverttabcap1st, .mCM_el8 .mCM_actverttabcap {
background-image: url(../graphics/redbutton.gif);
background-repeat: no-repeat;
}
.mCM_el2 .mCM_actverttabcap, .mCM_el9 .mCM_actverttabcap {
background-image: url(../graphics/grebutton.gif);
background-repeat: no-repeat;
}
.mCM_el3 .mCM_actverttabcap, .mCM_el10 .mCM_actverttabcap {
background-image: url(../graphics/yelbutton.gif);
background-repeat: no-repeat;
}
.mCM_el4 .mCM_actverttabcap, .mCM_el11 .mCM_actverttabcap {
background-image: url(../graphics/marbutton.gif);
background-repeat: no-repeat;
}
.mCM_el5 .mCM_actverttabcap, .mCM_el12 .mCM_actverttabcap {
background-image: url(../graphics/whibutton.gif);
background-repeat: no-repeat;
}
.mCM_el6 .mCM_actverttabcap, .mCM_el13 .mCM_actverttabcap {
background-image: url(../graphics/blabutton.gif);
background-repeat: no-repeat;
}
.mCM_el7 .mCM_actverttabcap, .mCM_el14 .mCM_actverttabcap {
background-image: url(../graphics/blubutton.gif);
background-repeat: no-repeat;
}


/* specific to content */
#maintext .book_AR h2, #maintext .book h1, #maintext .book h2{ width: 100%; text-align: center; border: none;}
#maintext .book_AR blockquote, #maintext .book blockquote { margin-top: 3px; margin-right: 0px; }

#maintext dl.footnote  dt { /* book_AR but leave more generic for now */
    float: left;
    clear: left;
    margin-top: 1px; margin-right:0; margin-left: 0; padding-left: 0; padding-right: 0;
    font-weight:normal; font-size: 9pt; border: none;
} 
#maintext dl.footnote dd {border: none;
    padding-left: 0px; padding-right: 0; margin-left: 36px; margin-top: 1px; font-size: 9pt;
}

#maintext UL.mCM_list { background-color: #ffffff;  padding: 8px 8px 8px 0; border: 1px #aaaaaa solid; border-left: none;  }
#maintext UL.mCM_list LI { font-size: 9pt; margin-top: 4px; color: navy /*#777777*//*#b3831d*/; } /* shrink non-link/non-title text */
#maintext UL.mcm_list LI A { font-size: 10.0pt; color: #000000; }


/*#maintext .nav UL.mCM_list LI, #maintext .nav UL.mCM_listtight LI { font-size: 9.5pt; }
#maintext .nav UL.mCM_list LI A, #maintext .nav UL.mCM_listtight LI A { font-size: 9.5pt; }
#maintext .nav UL.mCM_listtight LI A { color: #000000; }
#maintext .nav P { font-size: 9.5pt; }

#maintext .nav UL LI .mCM_items { font-size: 9.5pt; }
#maintext .nav UL LI .mCM_items A {
	color: #000000; padding-right : 11px; background-image:url('../graphics/boxyone.gif');background-repeat:no-repeat; background-position:right;
}
*/

.mCM_frame, .mCM_frame
{ 
  margin-bottom: 5px;
  padding: 0 0 0 0;
  /*background-color: #e0e0e0;
  border: 1px #707070 solid; */
  width: 100%;
  display: block;
  text-align: center;
  font-size: 9pt;
}
.mCM_image,.mCM_image
{
  margin: 0; 
  padding: 0;
  border: 1px #000000 solid;
  display: block;
  margin: auto;
}
.mCM_caption, .mCM_caption
{
  padding: 4px 8px 8px 8px; /* not quite as far out as image is allocated */
  display: block;
  margin-bottom: 0px;
  border: none;
}
.mCM_caption p, .mCM_caption p {
  text-align: justify;
  margin: 0;
  padding: 0;
  padding-top: 3pt;
}
.mCM_caption center, .mCM_caption center {
  text-align: center;
  margin: 0;
  padding: 0;
  padding-top: 3pt;
}
.mCM_caption hr, .mCM_caption hr {
  width: 33%;
  text-align: left;/*this will align it for IE*/
  margin: 0; /*this will align it left for Mozilla*/
  padding: 0;
}
.mCM_navigate, .mCM_navigate {
  display: block;
  text-align: center;
}
.mCM_slidecaption {
  margin-top: 3px;
  border-top: 1px #f6f1e4 solid;
  padding-top: 6px;
  display: block;
  text-align: center;
}

#maintext DIV.book { padding-top: 10px; }
#maintext DIV.nav { margin-bottom: 8px; }

#maintext #Illustrations { font-style: italic; text-align: center; } 
#maintext #Illustrations img { display: block; border: 1px black solid; margin: 20px auto 4px auto;}

/* printing */
@media print {
 body {
  background-color: #ffffff;
  background-image: none; /* turn off, IE repeats it at top of each print page despite no-repeat */
 }
 #sitemenu { display: none; }
 #sitefooter { display: none; }
 #sitelogo { display:none; }
 #maintext .nav { display: none; }
 #maintext { border: none; margin: 0; padding: 20px 0 0 0;}
 #maintext table { float: none; }
 #maintext img { float: none; }
 A.mCM_verttabcap, A.mCM_verttabcap1st { display: none; }

}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
