/*stylesheet2.css is used for screen display.  See print.css for printing and projection*/

body {
	background-color: #ffffee; /* Ivory */
	color: #6d6360; /* Cool Dark Brown */
	cursor:text;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	line-height: 140%;
	text-align: left;
}

table { 
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 90%;  
}

table.list {
	font-size: 105%;
}

/* Default Paragraph */
p { 
	width: 100%;
}

/* Anchored links -- For links other than links in lists */
/* Normal link - used for dark backgrounds */

a:link {
	color: #606060; /* Charcoal Brown */
	font-weight: bold;
}

a:visited { 
	color: #6d6360; /* Cool Dark Brown */
	font-weight: bold;
} 

a:hover {
	color: burlywood;
	font-weight: bold;
} 

a:active { 
	color: #8b9a92; /* Cool Acquamarine */
	font-weight: bold;
}

/* Reverse links, used for light backgrounds */
a.reverse {
	font-weight: bold;
	text-decoration: none;
}

a.reverse :link { 
	color: #606060; /* Charcoal Brown */
	}

a.reverse :visited { 
	color: #6d6360; /* Cool Dark Brown */
} 

a.reverse :hover {
	color: #817979; /* Medium Gray */
} 

a.reverse :active { 
	color: #8b9a92; /* Cool Acquamarine */
}

/* Sections that do not display on screen, but will print */
#noscreen {
	display: none;
}

/* Default List Item in an Ordered or Unordered List*/ 
li,
li.circle,
li.default,
li.indent,
li.leftarrow,
li.li-reverse,
li.li-reverse-normal-text,
li.none,
li.pad0,
li.pad5 
{
	font-size: 100%;
	line-height: 120%;
	list-style-type: square inside;
	margin-left:-25px;
	padding-bottom: 7px;
}

li.circle{
	list-style-type: circle;
}

li.indent{
	list-style-type: disc;
	margin-left:0px;;
}

li.default{
	list-style-type: disc;
}

li.leftarrow{
	list-style-type: none;
	list-style-image: "images/LeftArrow.gif";
}

li.none{
	list-style-type: none;
	text-indent: -20px;
}

li.normal-text, li.li-reverse-normal-text {
	font-size: 100%;
	line-height: 140%;
}

li.pad0 {
	padding-bottom: 0px;
}

li.pad5 {
	padding-bottom: 5px;
}

/* Default appearance for list links     */
/*****************************************/
/* Default list item that is an list link*/
/* Applied to non-classsed links and to  */
/* links in the "normal-text" class      */
/*****************************************/

li :link {
	color: #ffffee; /* Ivory */
	text-decoration: none;
} 

/* Mouse is over the list item link */
li :hover { 
	color: #cccc99; /* Khaki */
	text-decoration: underline; 
}

/* Link that has been visited */
li :visited { 
	color: #6d6360; /* Cool Dark Brown */
	list-style-type: none;
	list-style-image: "images/LeftArrow.gif";
} 

/* Currently active link - left mouse button is down over link */
li :active { 
	color: #cccc99; /* Khaki */
} 

/* Default behavior for reverse list links */
/*******************************************/
/* Applies to links in the li-reverse and  */
/* li-reverse-normal-text classes          */
/*******************************************/

/* Default list item that is an list link*/
li.li-reverse :link, li.li-reverse-normal-text :link {
	color:#606060 /* Charcoal Brown */
}

/* Mouse is over the list item link */
li.li-reverse :hover, li.li-reverse-normal-text :hover { 
	color: #999999; /* White */
}

li.li-reverse :visited, li.li-reverse-normal-text :visited {
	color: #8b9a92 /* Cool Acquamarine */
}

li.li-reverse :active, li.li-reverse-normal-text :active {
	#6d6360; /* Cool Dark Brown */
} 

/* Default Headers - common properties of all headers are set here, distinct properties of each header style are then set below*/
h1, h2, h3, h4, h5 {
	border-bottom: 1px solid #6B4129; /* Burgandy */
	color: #6B4129; /*Byrgandy*/
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	line-height: normal; 
}

h1 {
	font-size: 230%;	
	text-align:left;
}

h2{
	font-size: 190%;
	text-align:left;
}

h3{ 
	font-size: 150%; 
	text-align:left;
} 

h4{ 
	border: 0px; 
	font-size: 120%; 
}

h5{ 
	border: 0px; 
	font-size: 100%; 
}

/********** Classes ************/

/*Top panel containing the logo */

.toppanel {
	background-image: url(images/HeadingMontage4.jpg);
	background-repeat:no-repeat;
	height: 100px;
	/* Set margin for Navigator */
	margin: -8px -10px 0px -10px; /*top right bottom left*/
	/* Set margin for IE. Only IE can read expression().*/ 											
	margin: expression("-15px -10px 0px -10px"); /*top right bottom left*/
	overflow:hidden;			
	vertical-align: middle;
	width: 102%;																				
}

/*Left panel - Replaces navigation division*/ 
.leftpanel {
	background-color: #998c7e; /* Cool Brown */
	border-bottom: 5px solid #cccc99; /* Cool Acquamarine */
	border-right:  5px solid #cccc99; /* Cool Acquamarine */
	float: left; 
	font-size: 90%;
	/*Set left martin to -10 px to offset left-padding in body of document*/
	margin: -1 10px 0 -10px;
	padding: 10px 10px 10px 10px; /*top right bottom left*/
	width: 200px; /* Width for Mozilla, Opera, Chrome*/
	width: expression( "218px"); /* Width for IE */
}

.rightpanel, .rightpaneltopborder {
	background-color:#cccc99; /* Khaki */
	border-left: 5px solid #8b9a92; /* Cool Acquamarine */
	border-bottom: 5px solid #8b9a92; /* Cool Acquamarine */
	float: right;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 90%;
	font-weight: bold;
	line-height: 130%;
	/*top right bottom left*/
	margin: 0px -10px 0px 10px;
	/*top right bottom left*/
	/* Padding for Navigator */
	padding: 0px 10px 10px 10px;
	/* Padding expression() for IE */
	padding: expression("10px 10px 10px 10px");
	text-align: left;
	width: 300px;
	/* Width expression() for IE *  Former dimensions 336 and 356*/
	width: expression("320px");
} 

.rightpaneltopborder {
	border-top: 5px solid #8b9a92; /* Cool Acquamarine */
}

/*Topic search bar for front-page documents*/
.searchBar {
	background-color:#6B4129; /* Burgandy */
	/* This is a place holder is case a border is wanted in the future */
	border-left: 5px solid #6B4129; /* Burgandy */
	color: #ffffee; /* Ivory*/
	float: right;
	font-size: 80%;
	height: 85px;
	height: expression("100px");
	line-height: 100%;
	margin: 0px 0px 0px 0px;
	/*top right bottom left*/
	padding: 10px 10px 5px 10px;  
	text-align: center;
	width: 300px;
	/* Width expression() for IE Former dimension 345 and 365*/
	width: expression("320px");
}

/* Horizontal Lines */

/* Default horizontal line */
.hrnormal {
	border: 0;
	color:#6d6360; /* Cool Dark Brown */
	background-color:#6d6360; /* Cool Dark Brown */
	height: 1px;
	width: 100%;
	text-align: left;
}

/* Reversed Horizontal Line */
.hrreverse {
	border: 0;
	color:#ffffee; /* Ivory */
	background-color:#ffffee;
	height: 1px;
	width: 100%;
	text-align: left;
}

/* Block Text Classes.  These display text with block display characteristics such as underlines.*/

/* Block text */
.block {
	display:block ;
}

/* Centered text */
.centered {
	display:block;
	text-align: center;
}

/* Centered block - block is centered but left aligned.*/
.centered-block {
    margin-left: auto;
    margin-right: auto;
		width: 30%;
}

/* Indented text blocks */
.indented10 {
	display:block;
	margin-left:10px;
}

.indented20 {
	display:block;
	margin-left:20px;
}

.indented40 {
	display:block;
	padding-left:40px;
	padding-right:40px;
}

.indented60 {
	display:block;
	padding-left:60px;
	padding-right:160px;
}

.indented80 {
	display:block;
	padding-left:80px;
	padding-right:80px;
}

.indented100 {
	display:block;
	padding-left:100px;
	padding-right:100px;
}

.indented240-40 {
	display:block;
	padding-left:240px;
	padding-right:40px;
}

/* Justified text */
.justified {
	display:block;
	text-align:justify;
}

/* Left-Aligned text */
.left-aligned {
	display:block;
	text-align:left;
}

/* Right-Aligned text */
.right-aligned {
	display:block;
	text-align:right;
}

.navigation { /* Display Khaki text with bottom boarder */
	border-bottom: 1px solid #cccc99; /* Khaki */
	color: #cccc99; /* Khaki */
	display: block; 
}

.noborder {
	border-style: none;
	border-width: 0px;
}

.border  {
	border: solid 1px darkgreen;
}

.reverse {
	border-bottom: 1px solid #ffffee; /* Ivory */
	color: #ffffee; /* Ivory */
}

/* Inline Text Classes.  These classes change the appearance of inline text */

/* Disabled text in a list */
.deprecated {
	border-bottom: 1px solid #cccccc; /* gray */ 
	color: #999933;
	font-weight: normal;
}

.navigationtext {
	color: #cccc99; /* Khaki */ 
}

.reversetext {
	color: #ffffee; /* Ivory */
}

/* Special Characteristics for Inline Text */

/* Disabled inline text */
.disabled {
	color: #999999; /* 128 gray */
}

/* Emphasized inline text */
.emphatic {
	color: #cc9999;
}

/* Green Text - Used for emphasis */
.greentext {
	color:#8b9a92;
	text-indent:5px;
}

/* Reverse Green Text - Used for emphasis */
.reversegreentext {
	background-color:#8b9a92;
	color:#ffffee;
}
	
/* Floating Blocks */

.floatleft,  .floatleftinsert,  .floatleftinsertpanel, 
.floatright, .floatrightinsert, .floatrightinsertpanel {
	background-color:beige; /* Ivory - same as the background color*/
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 90%;
	font-weight:bold;
	line-height:110%;
	padding: 10px 10px 10px 10px;
	text-align:left;
	text-indent: 0; 
}

/* Set the common properties of left boxes */
.floatleft, .floatleftinsert, .floatleftinsertpanel {
	float:left;
	margin: 5px 10px 5px 0px;
}

/* Set the common properties of right boxes */
.floatright, .floatrightinsert, .floatrightinsertpanel {
	float:right;
	margin: 5px 0px 5px 10px;
}

.floatleftinsert, .floatrightinsert {
	background-color: beige;
	border: 5px solid #cccc99; /* Khaki */
	line-height:120%;
	color:darkslategray;
}

.floatleftinsertpanel, .floatrightinsertpanel {
	background-color: #cccc99; /* Khaki */
	border: 5px solid #8b9a92; /* Cool Acquamarine */
	color: darkslategray;
	font-weight: normal;
}

/* floatright/floatleft: Used primarily to float images with captions */
.floatleft {
	font-size:85%;
	padding: 5px 5px 5px 0px;
	text-align:right;
}

.floatright {
	font-size:85%;
	padding: 5px 0px 5px 5px;
	text-align:left;
}

/* Used to replace headers inside paragraphs */

.h1,  	.h2,  		.h3,  		.h4,  		.h5, 
.h1u, 	.h2u, 		.h3u, 		.h4u, 		.h5u,
.h1du,	.h2du,		.h3du,		.h4du, 		.h5du,
				.h2nav, 	.h3nav, 	.h4nav, 	.h5nav,
				.h2unav,	.h3unav,	.h4unav,	.h5unav,
				.h2dunav,	.h3dunav,	.h4dunav,	.h5dunav,  
				.h2rev, 	.h3rev, 	.h4rev, 	.h5rev,
				.h2urev,	.h3urev,	.h4urev,	.h5urev,
				.h2durev,	.h3durev,	.h4durev,	.h5durev
				.h2l,			.h3l,			.h4l,			.h5l {
	color: #6B4129; /* Burgancy */
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-weight:bold;
	line-height:normal;
	margin-top: 5px;
	text-align: left;
}

.h2nav, .h3nav, .h4nav, .h5nav {
	color: #cccc99; /* Khaki */ 
}

.h1u, 	.h2u, 	.h3u, 	.h4u, 	.h5u,
.h1du,	.h2du,	.h3du,	.h4du, 	.h5du{
	border-bottom: 1px solid #6B4129; /* Burgancy */
	width: 100%;
}

.h1du,	.h2du,	.h3du,	.h4du, 	.h5du {
	border-top: 1px solid #6B4129; /* Burgancy */
	width: 100%;
}

 
.h2l,		.h3l,		.h4l,		.h5l {
	display:inline;
}

.h2unav,.h3unav,.h4unav,.h5unav
.h2duvav,.h3dunav,.h4dunav,.h4dunav {
	border-bottom: 1px solid #cccc99; /* Khaki */
	width: 100%;
}

.h2dunav,.h3dunav,.h4dunav,.h4dunav {
	border-top: 1px solid #cccc99; /* Khaki */
	width: 100%;
}

.h2rev, .h3rev, .h4rev, .h5rev, 
.h2urev, .h3urev, .h4urev, .h5urev,
.h2durev, .h3durev, .h4durev, .h5durev {
	color: #ffffee; /*Ivory*/
	width: 100%;
}

.h2urev, .h3urev, .h4urev, .h5urev
.h2durev, .h3durev, .h4durev, .h5durev{
	border-bottom: 1px solid #ffffee;
	width: 100%;
}

.h2durev, .h3durev, .h4durev, .h5durev{
	border-top: 1px solid #ffffee;
	width: 100%;
}

.h1, .h1u, .h1du {
	font-size:230%; 
}

.h2, .h2u, .h2du, .h2l, .h2nav, .h2unav, .h2dunav, .h2rev, .h2urev, .h2durev {
	font-size: 190%;
}

.h3, .h3u, .h3du, .h3l, .h3nav, .h3unav, .h3dunav, .h3rev, .h3urev, .h3durev {
	font-size: 150%; 
}

.h4, .h4u, .h4du, .h4l, .h4nav, .h4unav, .h4dunav, .h4rev, .h4urev, .h4durev {
	font-size: 120%;
}

.h5, .h5u, .h5du, .h5l, .h5nav, .h5unav, .h5dunav, .h4rev, .h5urev, .h5durev {
	font-size: 100%; 
}

/* Text used under images as image captions */
.imagecaption, .imagecaptionleft, .imagecaptionright {
font-size: 90%;
	font-weight:Bold;
	line-height: normal; 
	text-indent: 0;
}

.imagecaption {	
text-align: center;
}

.imagecaptionleft {	
text-align: left;
}

.imagecaptionright {	
text-align: right;
}

/* Font Style Classes */

/* inset text boxes */
.inset10{
	margin-left: 10px;
}

.inset20{
	margin-left: 20px;
}

/*  First Letter of the first line of the block is in a larger type */
.first-letter, .drop-cap {
	color: #8b9a92; /* Cool Acquamarine */
	float:left;
	font-size: 75px;
	font-weight: normal;
	line-height: 60px;
	margin: 5px 5px 0 0;
}

.strong {
	font-weight: 800;
}

.highlight {
	background-color:yellow;
}

/* Font sizing classes */

.t8, .t10, .t12, .t14, .t16, .t18, .t20, .t22, .t24 {
	line-height: normal; 
}

/*  8 point text */
.t8{
	font-size: 50%;
}

/* 10 point text */
.t10{
	font-size: 70%;
}

/* 12 point text */
.t12{
	font-size: 80%;
}

/* 14 point text */
.t14{
	font-size: 90%;
}

/* 16 point text This is the normal size text*/
.t16{
	font-size: 100%;
}

/* 18 point text */
.t18{
	font-size: 110%;
}

/* 20 point text */
.t20{
	font-size: 120%;
}

/* 22 point text */
.t22 {
	font-size: 130%; 
}

/* 24 point text */
.t24{
	font-size: 140%; 
}

/*Used in the Searchbar*/
.textfield {
	padding-left:5px;
	height:20px;
	width:140px;
	border:solid 0; /* Cool Acquamarine */
	border: expression("solid 1 #8b9a92");
	background: transparent 
	url("images/searchtext.png") no-repeat;
	background: expression( "white fixed" );
	vertical-align:middle; 
}

/* Special Controls */

/* Lightbox Styles -  Display box for images that appear in the middle of the screen as a "popup"*/

#lightbox {
	background-color:#ffffff; /* White */
	padding: 10px;
	border-bottom: 5px solid #cccccc;
	border-right: 5px solid #cccccc;
	}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
 
#overlay img{ border: none; }

#overlay{ background-image: url("images/overlay.png"); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
/* End of Lightbox Class */

/* Matt Kruse's Tree Control - 
Using Unobtrusive Javascript techniques, this tree control presents users of modern, javascript-enabled browsers with an expanding and collapsing tree structure, while preserving the tree structure in plain HTML format for those browsers with less capability.

What's unique about this approach is that this control requires no virtually javascript knowledge to implement. The entire tree structure is built from a normal <UL> HTML structure. The DHTML loads, finds the structure, and builds a tree out of it, all automatically. */

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style-type: none; }
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:40px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(images/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(images/plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(images/bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in
	ul.mktree  li { font-size: 12pt; }
	ul.mktree  li ul li { font-size: 10pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 6pt; } */
}
/* End of Matt Kruse's Tree Control */

/* Filter Image Class  - Filtering Image Classes 
	These images display at less than full opaque until the mouse is clicked over the image */
.filterimage img{
	border-width: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.5;
}

.filterimage:hover img{
	border-width: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}
/* End of Filter Image Class *.