@import url("undostyle.css");
@import url("print.css");
/*Default Styles */
body {
	padding:0;
	margin:0;	
	background: white;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
	font-size: 84%; /*allow font scaling in IE */
	font-weight: normal;
	color: black;
}
html > body {
  font-size: 10pt;
}

/* left bar features  */
.supportColumn
{
	background-color: white;
	vertical-align: top;
	color: black;
	width: 170px;
	/*float: right;*/
	margin-top: 10px;
	padding-top: 10px;
	line-height: 1em;
}

/*.supportcolumnTitle
{
	background-color: #AD4A73;
	padding: 6px 8px 6px 8px;
	border: 1px;
	border-style: solid;
	border-color: #793450;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
	color: black;
	margin-top: -1px;
}*/
.supportcolumnHeader
{
	padding: 2px 4px;
		background-color: #AD4A73;
		color: white;
		font-weight: bold;
/*  border-left: 1px solid #Ad4a73;
	border-right: 1px solid #Ad4a73;
	border-top: 0;
    border-bottom: 1px solid #Ad4a73;*/
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 4px;
}


.supportcolumnText
{
	background-color: white;
	padding: 0 8px 4px 8px;
	font-size: 90%;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: #793450;
	margin-right: 4px;
	margin-left: 4px;
}


/* Feature - news column on right side of main content */
.newsColumn
{
	background-color: white;
	vertical-align: top;
	color: black;
	width: 170px;
	float: right;
	margin: 38px 0 0 0;
	padding: 0 0 10px 10px;
}

.newscolumnTitle
{
	background-color: #Ad4a73;
	padding: 6px 8px 6px 8px;
	border: 1px;
	border-style: solid;
	border-color: #793450;
	text-transform: uppercase;
	/*font-size: 90%;*/
	font-weight: bold;
	color: white;
	margin-top: -1px;
}
.newscolumnHeader
{
	padding: 2px 4px;
		background-color: #94AD63;
		color: white;
		font-weight: bold;
	border-left: 1px solid #Ad4a73;
	border-right: 1px solid #Ad4a73;
	border-top: 0;
border-bottom: 1px solid #Ad4a73;
}


.newscolumnText
{
	background-color: white;
	padding: 4px 8px 4px 8px;
	font-size: 90%;
	color: #000000;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #793450;
}

/* default link colors */
a:link {
	color: #793450;
	text-decoration: underline;
	background: inherit;

}
a:visited {
	color: #34795D;
	text-decoration: underline;
		background: inherit;

}
a:hover {
	color: black;
	background: #F7FFDB;
	text-decoration: none;
}

a:hover img {
	background: white;
	padding-bottom:0;
	margin-bottom: 0;
}


/*rotating images under left navigation bar  - if positioned elsewhere, this may need to be adjusted*/
#images {
	margin-left: 32px;
}
/* main content area */
#maincontent {
	font-weight: normal;
	vertical-align: top; 
	height: 100%;
	margin: 0 1em 1em 1em;
	padding: 0;
}
.theend {
	font-size: 150%;
	color: #Ad4a73;
	background: white;
	text-align: center;
		font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
}

#download {
	background: #F7ffdb;
	color: white;
	text-align: center;
	float: left;
	width: 174px;
	padding: 4px 4px 4px 8px;
	margin:4px 0px 4px 4px;
	font-weight: bold;
}
#download p {
	color: black; background: #F7ffdb;
}

/* Main heading styles - use these to outline your content */

h1 
{
	font-size: 160%;
	color: #793450;
	background: white;	
	border-bottom: 1px solid #793450;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	}

h2 
{
	color: #Ad4a73;
	font-size: 130%;
	background: white;
	margin-top: 15px;
	margin-bottom: 2px;
	font-weight: normal;
}

h3 
{
	font-size: 110%;
	color: #94AD63;
	background: white;
	margin-top: 6px;
	margin-bottom: 2px;
	font-weight: bold;
}

h4 
{
	color: black;	
	font-size: 105%;
	font-style: italic;
   	background: white;
}

h5 
{
	font-size: 100%;
	color: #793450;
	font-weight: bold;
		background: white;
}

/*two columns */
table.columns
{
	width: 100%;
	margin-left: -15px;
}

table.columns ol
{
	margin-left: 30px;
	
}
tr.columns
{
	vertical-align: top;
}

td.column01
{
	margin-left: 15px;
	padding-left: 15px;
	width: 48%;
}


td.column02
{
		margin-left: 15px;
	padding-left: 15px;
	width: 48%;
}
/* end columns */


/* a variety of list styles */
/* unordered list styles */

ul
{
	line-height: 1.5em;
	list-style: square;
	margin-left: 2em;
	margin-bottom: 1em;
	margin-top: 0;
}

ul ul {
	list-style:circle;
	margin-bottom: 0;
	margin-left: 1.5em;
}
	
/*ordered list numbering scheme */
ol {
	list-style: decimal;
	line-height: 1.5em;
	margin-left: 2em;
}

ol ol {
	list-style: lower-alpha;
}
ol ol ol {
	list-style: lower-roman;
}

li.explanation
{
	list-style: none;
	margin:0;
	font-size: 100%;
}


/* small bulletted list */

.smallBullets ul li 
{
	font-size: 95%;
	margin: 0 0 0 10px;
	
}

.smallBullets ul li .sideLinks
{
	float: right;
	text-align: left;
	width: 300px;
	padding-left: 20px;
border: 0px solid white;
	font-size: 95%;
}
/* end small bullets */


/* a to z bullets */
.azBullets p
{
	background-color: inherit;
	font-weight: bold;
	color: black;
	margin:0;
	padding: 0;
}

.azBullets ul
{
	margin-top: 0;
	margin-left: 0;
	background-color: white;
	color: black;}

.azBullets ul li 
{
	background-color: inherit;
	list-style-type: none; 
	margin-left: 0;
	padding-left:0;
	font-weight: normal;
	font-size: 90%;
	color: #000000;
}
/* end a to z bullets */


img.left 
{
	margin: 5px 10px 5px 0px; 
	float: left;
	text-align: left;
}

img.right
{
	margin: 5px 0px 5px 10px; 
	float: right;
	text-align: right;
}

p 
{
	margin-top: 5px;
	margin-bottom: 1.33em;
	line-height: 1.5em;
}

p.explanation
{
	margin: -1.5em 0 1em 15px;
	font-size: 90%;
}

#maincontent p.noindent {
	text-indent: 0;
}
blockquote
{
	margin-left: 2em;
	margin-right: 2em;
	font-size: 95%;
}

.return {
    font-size:90%;
    margin: 15px 0 25px 30px;
	 clear: left;
    }
.clear {
	 clear: left;
    }
    
.divider{
border-bottom: 2px solid #793450;
  margin-top: 10px;
  margin-bottom: 10px;
  }


.smalltext {
	font-size: 85%;
}

.important {
	font-weight: bold;
	background-color: #F7FFDB;
	color: inherit;
}

.note {
	font-weight: bold;
	font-style: italic;
}

dt {font-weight: bold; margin: 10px 0 0 20px;}
dd {
	margin: 0 0 0 40px; line-height: 1.5em;}
	
#stories td {
	vertical-align: top;
}

#stories h2 {
	display: block;
	border-top: 1px solid black;
	padding-top: 10px;
}

#stories p {
	
	margin-bottom: 0;
}

#title
{
	font-size: 200%;
	color: #6A7934;
	background: white;	
	font-weight: bold;
	margin:0; padding:0;
	}


h1.StoryTitle 
{
	font-size: 160%;
	color: #AD4A73;
	background: white;	
	border-top: 1px solid gray;
		border-bottom: 1px solid white;
	margin-top: 10px;
	padding-top: 4px;
	margin-bottom: 10px;
	font-weight: bold;
	}

h2.StorySubtitle
{
	color: #Ad4a73;
	font-size: 120%;
	background: white;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-left: 2em;
	font-weight: bold;
}

h3.StoryAuthor
{
	font-size: 120%;
	color: black;
	background: white;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 2em;
	padding-bottom: 4px;
	font-style: italic;
	font-weight: bold;
/*			border-bottom: 1px solid gray;*/

}
h4.dedication
{
	font-size: 110%;
	color: #AD4a73;
	background: white;
	margin:	5px 5px 2em 5px;
	padding: 5px 5px 2em 5px;
	font-style: italic;
	font-weight: bold;
text-align: center;
}
.voice       { font-size: 90%; font-family : Verdana, Arial, sans-serif; color : Black }


.copyright {
	font-size: 90%;
	text-align: center;
}
.initialCap{
	font-size: 200%;
	font-weight: bold;
}
img .center {
	text-align: center; border: 0; margin: 10px; padding: 10px;
}
.doNotDisplay {
  display: none;
}


a.pdf:visited 
{
	background-image: url(pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 20px 0 0;
}




a.pdf:link 
{
	background-image: url(pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 20px 0 0;
}




/* top site header */

#sitehead {
	  width: 100%;	
}
#sitehead tr {
	  vertical-align: top;
}

#globalnav {
  list-style-type: none;
  list-style-position: outside;
  margin:0 5px 0 0;
  padding: 2px 2px 0 8px;
  font-size: 82%;
}

#globalnav li {
  margin: 0;
  padding: 0;
  display: inline;
}


.headerLogoBg
{
width: 100%;
background-image: url(repeat.gif);
background-repeat: repeat-x;
}

.headerLogoBg a:hover img{
background-image: url(repeat.gif);
background-repeat: repeat-x;}

#logo{
				text-align:center
}

/* Left Nav flyout menu */

td#leftnav {
	background: #94AD63;
	border-right: 1px solid #6a7934;
}
#lefttext p {
	padding: 5px;
	margin: 5px;
	background: inherit;
	color: white;
	font-weight: bold;
}

#lefttext ul li {
	line-height: 1.33em;
	color: white;
	background: inherit;
}
#lefttext ul a {
	color: white;
	background: inherit;
}

#lefttext ul a:hover {
	color: black;
	background: inherit;
}

	#nav ul { /* all lists */
		padding: 0;
		margin:0;
		list-style: none;
		width : 212px;
		/*background-color: #94AD63;*/
		color: #793450;
		font-size: 80%; /*if you set this to a percent, lines will show between list items */
		font-style: normal;
		line-height: 1.75em;
		font-family: verdana, arial, sans-serif;
		/*border-top: 1px solid black;*/
	}
	
	#nav { /* all lists */
		padding: 0;
		margin:0;
		list-style: none;
		width : 212px;
		/*background-color: #94AD63;*/
		color: #793450;
		font-size: 80%; /*if you set this to a percent, lines will show between list items */
		font-style: normal;
		line-height: 1.75em;
		font-family: verdana, arial, sans-serif;
		/*border-top: 1px solid black;*/
	}
	
	#nav li { /* all list items */
	float : left;
		margin-bottom : -1px;
		width: 212px;
		border-bottom: 1px solid #94AD63;
	}
	
	/********************************************************************************/
/*	Styling setup for first level list											*/
/*  ==================================											*/
/*  Add hyperlink for the top level of the left navavigation bar here so that   */
/*  it will highlighted when clicked											*/
/*																				*/
/********************************************************************************/
	
	/*Selects any a element that is a descendant of any element with a class attribute that contains the word home that is a descendant of any element with an id attribute that equals nav that is a descendant of any element with an id attribute that equals home. */
	#badbat #nav .badbat a
	{
		text-decoration: none;
		background-color: #793450;
		color: White;
		font-weight: normal;
	}
	#allstories #nav .allstories a
	{
		text-decoration: none;
		background-color: #793450;
		color: White;
		font-weight: normal;
	}
	#activities #nav .activities a
	{
		text-decoration: none;
		background-color: #793450;
		color: White;
		font-weight: normal;
	}
	#contents #nav .contents a
	{
		text-decoration: none;
		background-color: #793450;
		color: White;
		font-weight: normal;
	}
	#support #nav .support a
	{
		text-decoration: none;
		background-color: #793450;
		color: White;
		font-weight: normal;
	}
	#readinglist #nav .readinglist a
	{
		text-decoration: none;
		background-color: #793450;
		color: White;
		font-weight: normal;
	}
	#intro #nav .intro a
	{
		text-decoration: none;
		background-color: #793450;
		color: White;
		font-weight: normal;
	}
	#home #nav .home a
	{
		text-decoration: none;
		background-color: #793450;
		color: White;
		font-weight: normal;
	}
	/*Selects any a element that is a descendant of any element with a class attribute that contains the word level2 that is a descendant of any element with an id attribute that equals nav that is a descendant of any element with an id attribute that equals twocol.*/
	#badbat #nav .level2 a
		{
		text-decoration: none;
		background-color: white;
		color: #793450;
		font-weight: normal;
		border-bottom: 1px solid #94AD63;
	}
	#activities #nav .level2 a
		{
		text-decoration: none;
		background-color: white;
		color: #793450;
		font-weight: normal;
		border-bottom: 1px solid #94AD63;
	}
	#allstories #nav .level2 a
		{
		text-decoration: none;
		background-color: white;
		color: #793450;
		font-weight: normal;
		border-bottom: 1px solid #94AD63;
	}
	/*Selects any a element which is in a hover state that is a descendant of any element with a class attribute that contains the word level2 that is a descendant of any element with an id attribute that equals nav that is a descendant of any element with an id attribute that equals twocol.*/
		#badbat #nav .level2 a:hover
	{
		text-decoration: underline;
		background-color: #94AD63;
		color: black;
		font-weight: normal;
	}
	

		#activities #nav .level2 a:hover
	{
		text-decoration: underline;
		background-color: #94AD63;
		color: black;
		font-weight: normal;
	}
	

		#allstories #nav .level2 a:hover
	{
		text-decoration: underline;
		background-color: #94AD63;
		color: black;
		font-weight: normal;
	}
	

#nav .headline a:hover
	{
		text-decoration: none;
	font-weight: bold;
			background-color: white;
		color: #Ad4a73;
		cursor:default;
	}
	

#nav .headline a
	{
		text-decoration: none;
	font-weight: bold;
			background-color: white;
		color: #Ad4a73;
		cursor:default;
	}
	

/********************************************************************************/
/*	Styling setup for second level lists.										*/
/********************************************************************************/	
 /* second-level lists * - Selects any ul element that is a descendant of a li element that is a descendant of any element with an id attribute that equals nav.*/
	#nav li ul {
		position : absolute;
		left: -999em;
		margin-left : 212px;
		margin-top : -1.9em;
				border-top: 1px solid #793450;
				font-size: 100%;
				font-weight: normal;
				width: 212px;
				background: white	}
				
	 /*Selects any a element that is a descendant of a li element with a class attribute that contains the word subnav that is a descendant of an ul element with a class attribute that contains the word level2 that is a descendant of any element with an id attribute that equals nav.*/
	
	#nav ul.level3 li.subnav a
{
		background-color: white;
		color: black;
		/*border-top: 1px solid #AD4A73;*/
		/*border-bottom: 1px solid #AD4A73;*/
		text-decoration: none;
		font-weight: normal;
		line-height: 1.5em;
	}
		
	#nav ul.level2 li.subnav a
{
		background-color: white;
		color: black;
		/*border-top: 1px solid #AD4A73;*/
		/*border-bottom: 1px solid #AD4A73;*/
		text-decoration: none;
		font-weight: normal;
		line-height: 1.5em;
	}
	/*Selects any a element which is in a hover state that is a descendant of a li element that is a descendant of a li element that is a descendant of an ul element with a class attribute that contains the word level2 that is a descendant of any element with an id attribute that equals nav.*/
	
		#nav ul.level3 li li a:hover
	{
		color: #FFFFFF;
		background-color: #94AD63;
		text-decoration: none;
		/*border-top: 1px solid #AD4A73;*/
		border-bottom: 1px solid #AD4A73;
	}
	
	
 		#nav ul.level2 li li a:hover
	{
		color: #FFFFFF;
		background-color: #94AD63;
		text-decoration: none;
		/*border-top: 1px solid #AD4A73;*/
		border-bottom: 1px solid #AD4A73;
	}
	
	
 /*Selects any a element which is in a hover state that is a descendant of a li element with a class attribute that contains the word subnav that is a descendant of an ul element with a class attribute that contains the word level2 that is a descendant of any element with an id attribute that equals nav.

*/
	#nav ul.level2 li.subnav a:hover
	#nav ul.level3 li.subnav a:hover
	{
		color: black;
		background-color: #94AD63;
		text-decoration: underline;
		font-weight: normal;
				border-top: 1px solid #AD4A73;
		border-bottom: 1px solid #AD4A73;
	}
 /* third-and-above-level lists - Selects any ul element that is a descendant of an ul element that is a descendant of a li element that is a descendant of any element with an id attribute that equals nav.*/
	#nav li ul ul {
		left: -999em;
	}
	
	#nav li a {
		/*width: 191px;*/
		display : block;
		color : #793450;
		font-weight : normal;
		text-decoration : none;
		background-color : white;
		border-bottom: 1px solid #793450;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color: white;
		background-color: #768B49;
		margin: 0;
		text-decoration: underline;
	}
	
	#nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li.sfhover ul ul {
		left: -999em;
	}
	
	#nav li:hover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul ul {
		left: -999em;
	}
	
	#nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	

	#nav li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	

	#nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	

	#nav li li li:hover ul { /* lists nested under hovered list items */
		left: auto;
	}
	

	#nav li li:hover ul { /* lists nested under hovered list items */
		left: auto;
	}
	

	#nav li:hover ul { /* lists nested under hovered list items */
		left: auto;
	}
	

/* global footer */

#topnav {
	background-image: url(footerbg.gif);
	background-repeat: repeat-x;
	/*height:22px;*/
	margin: 0;
	color: #ffffff;
	background-color: inherit;
	font-size: 80%;
	padding-top: 6px;
	padding-left: 5px;
	padding-bottom: 0;
	clear: both;
	display: block;
}



/*top horizontal nav bar */

div#navbar {font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .8em;
	background-image: url(footerbg.gif);
	background-repeat: repeat-x;
	height:23px;
	margin: 0;
font-weight: bold;
text-align: center;
/*background-color: #ad4a73;*/
font-weight: bold;
/*border-bottom: 1px solid black;
border-top: 1px solid black;*/
padding-top:6px;}

#navbar ul li a:visited {color: #ffffff;
background-color: inherit;
border-left: solid #94AD63 thick;
margin: 2px;
padding: 2px;
display: inline;}

#navbar ul li a:link {color: #ffffff;
background-color: inherit;
border-left: solid #94AD63 thick;
margin: 2px;
padding: 2px;
display: inline;}

#navbar ul li a:hover {color: #ffdbea;
background-color: #94AD63;
color: white;
text-decoration: none;
border-left: solid #6a7934 thick;}

#navbar a.current {color: #ad4a73;
background-color: #ffffff;
text-decoration: none;}

#navbar ul li {margin: 0px; padding: 0px; list-style-type: none; display: inline;}

#navbar ul {margin: 0px; padding: 0px;}


#footer {
	background-image: url(footerbg.gif);
	background-repeat: repeat-x;
	height:30px;
	margin: 0;
	color: #ffffff;
	background-color: inherit;
	font-size: 80%;
	padding-top: 6px;
	padding-left: 5px;
	clear: both;
	display: block;
	text-align: center;
}

#footer a:visited {
	color: white;
	background: #AD4A73;
}

#footer a:link {
	color: white;
	background: #AD4A73;
}

#footer a:hover {
	color: #793450;
	background: #94AD63;
}
/*contact and date at bottom of page */
.contact {
	margin-left: 8px;
	font-size: 90%;
	color: gray; 
	padding-bottom: 3em;
	background: white;
	}

#update 
{
	text-align: left;
	padding: 10px 0px 10px 10px;
	font-size: 90%;
	color: gray; 
	background: white;
}