/* styles for the "bathrooms." This was my first style sheet, so have mercy!*/

body,html {	
		background-color: #00C0C0;
		margin-top: 2px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-left: 0px;
}


/* formatting for the outermost table */
.maintable {	background-image: url(../backgrounds/marble_dk_bwn.gif);
				border-top: 0px;
				border-left: 0px;
				border-right: 2px #C00000 solid;
				border-bottom: 0px;
				vertical-align:bottom;
	}
	
	/* formatting for the outermost table */
.newsMaintable {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	vertical-align:top;
	}
	
/*Headline header for news.html*/

#headlines	{	padding-left:0px;
			}

/* Setting a height for the all line breaks.  */
br {line-height: 14pt;}

U {text-decoration: underline;}

/* A solid color horizontal rule that works in both IE and Netscape.  Who knew? */
hr {
	border-color: #ff0000;
	height: 2pt;
	width: 95%;
	border-width: 2pt;
	border-style: solid;
	background-color: #ff0000;	
}

hr.faq_rule {
	border-color: #ff0000;
	height: 2pt;
	width: 100%;
	border-width: 2pt;
	border-style: solid;
	background-color: #ff0000;	
}

.pagenavTR			{ 	background-color:#003399;}

.pagenavTD			{		color: #FFFFFF;
							font-family: arial, helvetica;
							font-weight: bold;
							font-size: 9.5pt;
							line-height: 10.5pt;
							padding-left:4px;
							padding-top:1px;
							padding-bottom:2px;
							border-bottom:0px #000000 solid;

}

a.pgnavlink:link	{	color: #FFFFFF;
						font-family: arial, helvetica;
						font-weight: bold;
						font-size: 9.5pt;
						line-height: 13.0pt;
}

a.pgnavlink:visited	{	color: #FFFFFF;
						font-family: arial, helvetica;
						font-weight: bold;
						font-size: 9.5pt;
						line-height: 13.0pt;
}

a.pgnavlink:hover	{	color: #FFFFFF;
						font-family: arial, helvetica;
						font-weight: bold;
						line-height: 13.0pt;
						font-size: 12.5pt;}

.pgnavcurPg		{	color: #FFFFFF;
					font-family: arial, helvetica;
					font-weight: bold;
					font-size: 12.5pt;
					line-height: 13.0pt;
}

hr.sounds {
	border-color: #ff0000;
	height: 2pt;
	width: 88%;
	border-width: 2pt;
	border-style: solid;
	background-color: #ff0000;	
}

.soundsAd {		border-bottom: 2px #000000 solid;
				border-top: 2px #000000 solid;
				border-left: 2px #000000 solid;
				border-right: 2px #000000 solid;
				padding: 0px;
			}

.soundsMain {	border-bottom: 2px #000000 solid;
				border-top: 2px #000000 solid;
				border-left: 2px #000000 solid;
				border-right: 2px #000000 solid;
				padding-left: 9px;
				padding-right: 9px;
				padding-top: 5px;
				padding-bottom: 5px;
			}
			
			

#flush {color: #ffff00;}

/* text formatting for "Return to....Main Lobby" link near top of page */
#return {
	color: #000000;
	font-family: arial, helvetica;
	font-size: 13.5pt;
	text-align: center;
}

/* text formatting for "Click thumbnail to...." at top of exhibits table.  Aplied to both the text and the TD */
.thumb_inst {
	color: #ff0000;
	font-family: arial, helvetica;
	font-size: 11.5pt;
	line-height:12pt;
	text-align: center;
	background-color: #D9E5E5;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* table (box) formatting containing the intro to the exhibits, at the top of most exhibit pages */
.exhibitintro {
	text-align: justify;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 628px;
	border-style: none;
	border-color: #000000;
	border-width: 0px;
}

/* text formatting page navagation above exhibit intro text.  Usedd only on bathrooms split into 2 or more pages. */
.pagenav {
	color: #000000;
	background-color: D9E5E5;
	font-family: arial, helvetica;
	font-size: 9.0pt;
	font-weight: normal;
	text-align: justify;
	vertical-align: top;
	padding-top: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 3px;
	}

/* text formatting for the exhibit page intros */
.exhibitintrotxt {
	color: #000000;
	background-color: D9E5E5;
	font-family: arial, helvetica;
	font-size: 10.0pt;
	font-weight: bold;
	line-height:13.5pt;
	text-align: justify;
	vertical-align: top;
	padding-top: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 0px;
	}
	
.movementintrotxt	{	color: #000000;
						background-color: D9E5E5;
						font-family: arial, helvetica;
						font-size: 10.0pt;
						line-height: 12.5pt;
						font-weight: bold;
						text-align: justify;
						vertical-align: middle;
						padding-top: 0px;
						padding-left: 4px;
						padding-right: 4px;
						padding-bottom: 0px;
					}
	
.newsTD			{		padding-top:2px;
						border-top: 0px;
						border-left: 0px;
						border-right: 0px;
						border-bottom: 0px;
						border-color: #808080;
						background-color: #D9E5E5;
						vertical-align: top;
						border-style: solid;
}	

		

/* text formatting for the exhibit descriptions */
.exhibittxt {
	color: #000000;
	background-color: D9E5E5;
	font-family: arial, helvetica;
	font-size: 11.0pt;
	font-weight: normal;
	text-align: justify;
	vertical-align: top;
	padding-top: 1px;
	padding-left: 4px;
	padding-right: 4px;
	
}

.exhibitSubtxt		{
	color: #000000;
	background-color: D9E5E5;
	font-family: arial, helvetica;
	font-size: 9.5pt;
	font-weight: normal;
	text-align: justify;
	vertical-align: top;
	padding-top: 1px;
	padding-left: 4px;
	padding-right: 4px;
	
}

/* text formatting for the "Euro Monkey Toilet Mystery" title in Animal Bathroom. */
#monkey_title {
	color: #000000;
	font-family: arial,helvetica;
	font-size: 13.5pt;
	font-weight: bold;
}

/* text formatting for the highlighted word, "Revealed" in the "Euro Monkey Toilet Mtstery title in Animal Bathroom. */
#monkey_revealed {
	color: #ff0000;
	font-family: arial,helvetica;
	font-size: 13.5pt;
	font-weight: bold;
}

/* text formatting for the "motherlode" text on the bottom of the fly picture in Animal Bathroom. */
#fly {
	color: #000000;
	font-family: tahoma,helvetica;
	font-size: 7.5pt;
	text-align: justify;
	border-width: 0px;
	width: 192px;
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
}

.reynolds_exhibit_td_right	{
	border-bottom: 0px;
	border-top: 2px;
	border-left: 0px;
	border-right: 0px;
	border-color: #808080;
	background-color: #D9E5E5;
	vertical-align: middle;
	border-style: solid;
} 

/* formatting for the exhibit table. I need to play with this and the other td elements below.  They behave very differently in IE, Netscsape, and Opera.  Perhaps this is the wrong approach to getting data cells surrounded by a border of equal width. Currently it works best in IE.*/
.exhibit_table {
	border-width: 0;
	width: 560px;
	border-color: #000000;
	border-style: solid;
}

/* formatting for the left column in the exhibit table */
.exhibit_td_left {
	border-bottom: 0px;
	border-top: 2px;
	border-left: 0px;
	border-right: 2px;
	border-color: #808080;
	background-color: #D9E5E5;
	border-style: solid;
}

/* formatting for the right column in the exhibit table */
.exhibit_td_right {
	border-bottom: 0px;
	border-top: 2px;
	border-left: 0px;
	border-right: 0px;
	border-color: #808080;
	background-color: #D9E5E5;
	vertical-align: top;
	border-style: solid;
}

/* formatting for the top left row in the exhibit table */
.exhibit_td_top_left {
	border-top: 2px;
	border-right: 2px;
	border-left: 0px;
	border-bottom: 0px;
	border-color: #808080;
	background-color: #D9E5E5;
	border-style: solid;
}

/* formatting for the top right row in the exhibit table */
.exhibit_td_top_right {
	border-top: 2px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #808080;
	background-color: #D9E5E5;
	vertical-align: top;
	border-style: solid;
}

/* formatting for the two-row displays in the exhibit table */
.exhibit_td_two_row {
	border-top: 2px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #808080;
	background-color: #D9E5E5;
	vertical-align: top;
	border-style: solid;
}

/* formatting for the bottom row in the exhibit table.  I'm not currently applying this */
.exhibit_td_bottom {
	border-top: 2px;
	border-bottom: 3px
	border-color: #808080;
	border-style: solid;
}

/* formatting for the bottom left cell in the exhibit table */
.exhibit_td_bottom_left {
	border-top: 2px;
	border-right: 2px;
	border-left: 0px;
	border-bottom: 0px;
	border-color: #808080;
	background-color: #D9E5E5;
	border-style: solid;
}

/* formatting for the bottom right cell in the exhibit table */
.exhibit_td_bottom_right {
	border-top: 2px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #808080;
	background-color: #D9E5E5;
	vertical-align: top;
	border-style: solid;
}

.exhibit_td_bottom	{
	border-top: 2px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #808080;
	background-color: #D9E5E5;
	vertical-align: top;
	border-style: solid;
}

/* formatting for the td incuding the Anne Frank exhibit */
.afrank {
	border-top: 2px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #808080;
	background-color: #e7e7cf;
	vertical-align: top;
	border-style: solid;
}

/* text formatting for the Anne Frank exhibit */
.afranktxt {
	color: #000000;
	font-family: arial, helvetica;
	font-size: 10.0pt;
	font-weight: normal;
	text-align: justify;
	vertical-align: top;
	padding-top: 1px;
	padding-left: 4px;
	padding-right: 4px;
}

.movementNote {	color: #ffff66;
				font-family: arial, helvetica;
				font-size: 8.0pt;
				line-height: 9.0pt;
				font-weight: normal;
				text-align: left;
				background-color: #006699;
				margin-left: 3px;
				margin-top: 3px;
				margin-right: 3px;
				margin-bottom: 3px;
				padding-top: 3px;
				padding-left: 3px;
				padding-right: 3px;
				padding-bottom: 3px;
				border-left: 1px #000000 solid;
				border-top: 1px #000000 solid;
				border-right: 1px #000000 solid;
				border-bottom: 1px #000000 solid;
				width: 88;

		}
		
.movExbtTxt	{	color: #ffff00;
				font-family: arial, helvetica;
				font-size: 10.0pt;
				line-height: 11.opt;
				font-weight: bold;
				text-align: justify;
				vertical-align: top;
				}
				
.movExbtTxtrt	{	color: #ffff00;
				font-family: arial, helvetica;
				font-size: 9.0pt;
				line-height: 10.opt;
				font-weight: bold;
				padding-top: 3px;
				text-align: center;
				vertical-align: top;
				}

/* text formatting for the site navigation on the bottom of the page */
.btmnav {
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 8pt;
	line-height: 12pt;
	padding-top:0px;
	margin-top:0px;
	text-align:center;
}

a.btmnav:link {color: #0000ff;
				font-family: arial, helvetica;
				font-weight: bold;
				font-size: 8pt;
				line-height: 12pt;
				padding-top:0px;
				margin-top:0px;
				text-align:center;
				}
a.btmnav:visited {	color: #707070;
					font-family: arial, helvetica;
					font-weight: bold;
					font-size: 8pt;
					line-height: 12pt;
					padding-top:0px;
					margin-top:0px;
	}
a.btmnav:hover {color: #009900;
				font-family: arial, helvetica;
				font-weight: bold;
				font-size: 8pt;
				line-height: 12pt;
				padding-top:0px;
				margin-top:0px;
	}
a.btmnav:active {color: #ff0000;
				font-family: arial, helvetica;
				font-weight: bold;
				font-size: 8pt;
				line-height: 12pt;
				padding-top:0px;
				margin-top:0px;
			}

.btmnavLinks {
	color: black;
	font-family: arial, helvetica;
	font-weight: bold;
	font-size: 8pt;
	line-height: 12pt;
	padding-top:0px;
	margin-top:0px;
	text-align:center;
}

/* formatting for table used in the navigation at the bottom of the page */
.btmnavtab {
	background-color: #D9E5E5;
	border-top: 2px #000000 solid;
	border-left: 2px #000000 solid;
	border-right: 2px #000000 solid;
	border-bottom: 2px #000000 solid;
	padding:2px;
	margin-left:4px;
	}

/* formatting for the nav bar's inner table (the one with the links)*/
.inrbtmnavtab {
	border-width: 0px;
	width: 539px;
	padding-top:0px;
	padding-bottom:0px;
}

.lgPicTab {		border-width: 0px;
				width: 150px;
				}

.dontforget		{margin-top:10px;margin-bottom:10px;}
				
/* text formatting for the "Don't Forget to Flush" (back to top) link near bottom of the page */
.dontforgettxt {
	color: #e0e0e0;
	border-left: 2px #eeeeee solid;
	border-top: 2px #eeeeee solid;
	border-right: 2px #2d2d2d solid;
	border-bottom: 2px #2d2d2d solid;
	text-align: center;
	font-family: arial,helvetica;
	font-size: 14pt;
	line-height: 14pt;
	font-weight: bold;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	width: 220px;
	background-color: #808080;
}


/* text formatting for the copywrite on the bottom of the page */
.copywrite {
	color: #ffffff;
	text-align: center;
	background-color: #000000;
	font-family: ariel,helvetica;
	font-size: 7.5pt;
	font-weight: normal;
	margin-bottom:0px;
	padding-top:1px;
	padding-bottom:1px;
}

#kidHdr {position:relative;}

#pipi {	padding-top: 5px;
		padding-bottom: 0px;}
		
#lgpicTbl {		border-width:6;
				border-color:#ffff66;
				border-style: ridge;

}

p {		margin-top: 0px;
		margin-bottom: 7px;
		line-height: 12px;
}

.smBreak {line-height: 2px;}

.medBreak {line-height: 5px;}

.banner {
	text-align: center;
	padding-bottom: 2;

}

.txtTop	{	color: #000000;
			font-family: ariel,helvetica;
			font-size: 10pt;
			font-weight: normal;
			line-height: 11.75pt;
			padding-top: 6px;
			padding-right: 8px;
			padding-left: 8px;
			padding-bottom: 0px;
		}

.txt	{	color: #000000;
			font-family: ariel,helvetica;
			font-size: 10pt;
			font-weight: normal;
			line-height: 12.0pt;
			padding-top: 6px;
			padding-right: 8px;
			padding-left: 8px;
			padding-bottom: 0px;
		}

.marqeetable {
	background-color: #ffffff !important;
	height: 18px !important;
	border-bottom: 2px;
	border-top: 2px;
	border-left: 0px;
	border-right: 0px;
	border-color: #000066;
	border-style: solid;
	padding-top: 2px;
	width: 620px;
}

.marqueetxt {
	color: #000000;
	font-family: arial, helvetica;
	font-size: 11.0pt;
	font-weight: bold;
}

.uppertext {
	border-top: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	padding-bottom:0px;
	text-align: justify;
	
}

.uppertexttable {
	border-bottom: 0px;
	border-right: 2px;
	border-left: 0px;
	border-top: 0px;
	border-style: solid;
	border-color: #ff0000;
}

.lefttextborder {
	border-bottom: 0px;
	border-right: 2px;
	border-left: 0px;
	border-top: 0px;
	border-style: solid;
	border-color: #ff0000;
	margin-top: 0px;
}

.lowertext {
	padding-left: 7px;
	padding-right: 7px;
}

.lowertexttable {
	border-bottom: 2px;
	border-right: 2px;
	border-left: 0px;
	border-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border-style: solid;
	border-color: #ff0000;
}

.lowertexttable {
	border-bottom: 2px;
	border-right: 2px;
	border-left: 0px;
	border-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border-style: solid;
	border-color: #ff0000;
}

/*Formatting for contact.php page*/

img.spacer1		{ 	height: 5px;}

.corner-top-left		{background-image: url(../images/contact/corner-top-left.gif); }
				
.corner-topline		{background-image: url(../images/contact/corner-topline.gif); }

.corner-top-right		{background-image: url(../images/contact/corner-top-right.gif); }

.corner-bot-left		{background-image: url(../images/contact/corner-bot-left.gif); }

.corner-botline		{background-image: url(../images/contact/corner-botline.gif);}

.corner-bot-right		{background-image: url(../images/contact/corner-bot-right.gif); }

.corner-leftline	{background-image: url(../images/contact/corner-leftline.gif);}

.corner-rightline	{background-image: url(../images/contact/corner-rightline.gif);}

.formfieldname {
	color: #000000;
	text-align: left;
	font-weight: bold;
	font-family: arial,helvetica;
	font-size: 9.0pt;
	padding-top: 3px;
	padding-bottom: 0px;
}

.SubmitBtn {
	border-bottom:3px solid #000000;
	border-right:3px solid #000000;
	border-top:3px solid #808080;
	border-left:3px solid #6e6e6e;
	font-size:11pt;
	font-family:Arial;
	font-weight:bold;
	background-color:#ffffff;
	color:#000000;
	padding-top:0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top: 6px;
	text-transform: capitalize;
	width:70px;
	text-align: center;
}

.borderOn	{border-bottom:2px #000000 solid;}

.borderOff	{border-bottom:2px #C00000 solid;}

a.dontforgettxt:link {color: #ffff00;}
a.dontforgettxt:visited	{color: #e4e4e4;}
a.dontforgettxt:hover	{color: #99ff00;}
a.dontforgettxt:active	{color: #cc00ff;}

a:visited {	color: #808080;}
a:link {color: #0000ff;}
a:hover {color: #0000ff;}
a:active {color: #ff0000;}

#faq {cursor:help;}

.faq {cursor:help;}

a.sounds:link {color:#ffffff; text-decoration:underline;}
a.sounds:active {color:#ff0000; text-decoration:underline;}
a.sounds:visited {color:#d7d7d7; text-decoration:underline;}
a.sounds:hover {color:#00ff00; text-decoration:underline;}

a.faq:link {color:#ffff33; text-decoration:none;font-family:Helvetica, Arial;font-size:9pt;font-wieght:bold;}
a.faq:active {color:#ff0000; text-decoration:none;font-family:Helvetica, Arial;font-size:9pt;font-wieght:bold;}
a.faq:visited {color:#ffffff; text-decoration:none;font-family:Helvetica, Arial;font-size:9pt;font-wieght:bold;}
a.faq:hover {color:#00ff00; text-decoration:bold;font-family:Helvetica, Arial;font-size:9pt;font-wieght:bold;}

a.navlinks:link {color:#ffff33; text-decoration:none;font-family:Helvetica, Arial;font-size:9pt;font-wieght:bold;}
a.navlinks:active {color:#ff0000; text-decoration:none;font-family:Helvetica, Arial;font-size:9pt;font-wieght:bold;}
a.navlinks:visited {color:#ffffff; text-decoration:none;font-family:Helvetica, Arial;font-size:9pt;font-wieght:bold;}
a.navlinks:hover {color:#00ff00; text-decoration:bold;font-family:Helvetica, Arial;font-size:9pt;font-wieght:bold;}

/*links in small rounded boxes in center of home page*/
a.boxLinks:link {color:#0000ff; text-decoration:none;}
a.boxLinks:active {color:#ff0000; text-decoration:none;}
a.boxLinks:visited {color:#606060; text-decoration:none;}
a.boxLinks:hover {color:#00ff00; text-decoration:bold;}

a.movementLink:link {color:#ffcc00; text-decoration:none;}
a.movementLink:active {color:#ff0000; text-decoration:none;}
a.movementLink:visited {color:#ffffff; text-decoration:none;}
a.movementLink:hover {color:#00ff00; text-decoration:bold;}