			<!--

/*   ***   OVERALL STYLES   ***   */

			html, body {
				background-image: url(../images/stripe.gif);
 				background-color: #232323; 
				color: pink;
				text-align: center;
			}
			#OuterContainer {
				width: 800px;
				margin-left: auto;
				margin-right: auto;
				border: solid 2px hotpink;
				background-color: silver;
			}
			#InnerContainer {
				background-image: url(../images/Background1R1C2.gif);
				background-repeat: repeat-x;
				background-color: #50565a;
				color: pink;
				margin: 10px; 
				border: solid 3px hotpink; 
			}
			#BodyContainer {
				float: right;           
				width: 580px;
				margin: 10px;
			}
			#Testing {
				float: right;           
				width: 580px;
				margin: 10px;
			}
			h1, p {
				Padding: 0px 20px 3px 20px;
				text-align: justify;
				font-family: "Times New Roman", Times, serif;
			}
			h1	{
				margin-top: 0px;
				margin-bottom: 0px;
			}
			h3 {  /*  used in links page  */
				font-weight: 200;
				padding: 2px 0px;
			}
			a {
				font-family: Verdana, Geneva, sans-serif; 
				color: hotpink;
				padding: 2px 7px;
			}
			a:hover, #menuitems a:hover {
				color: #ffffff;
				background-color: #ff69b4;
			}
            #RQ a:hover {
              color: transparent;
              background-color: transparent;
            }

			.bb {
				color: hotpink;
				font-weight: 700;
				font-style: italic;
			}
			.error {
				color: #ff0000;   /* red  */
			}
			.source {
				display: block;
				font-size: 90%;
				padding-left: 20px;
				font-style: italic;
				color: silver;
			}
			.photocredit {
				float: right;
				font-size: 70%;
				font-style: italic;
				color: silver;

			}
/*   ***   HEADER STYLES   ***   */

			#header {
				padding: 0px;
				border-bottom: solid 1px hotpink;
			}
			#Byline {
				font-family: Verdana, Arial, sans-serif;
				font-size: 10px;
				letter-spacing: 0.1em;
				padding: 2px 10px;
				text-align: center;
				color: pink;
				border-top: solid 1px hotpink;
				margin: 0px;
			}
			#menu {
				margin-top: 10px;
				float: left;
				width: 150px;
				padding: 5px 10px;
			}
			#menuitems {
				margin: 0px;
				margin-bottom: 25px;
				padding: 0px;
				width: 90px;
			}
			#menuitems li {
				list-style-type: none;
				width: 100px;
				margin-left: 5px;
				padding-top: 10px;
				padding-bottom: 20px;
				padding-left: 25px;
				padding-right: 10px;
				background-image: url(../images/Menu.png);
				background-position-y: -1px;
				background-repeat: no-repeat;
				background-color: transparent;
			}
			#menuitems a {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 11pt;
				font-weight: 800;
				padding: 2px 5px;
				background-color: transparent;
				text-decoration: none;
			}
			#body_hom #nav_hom a,
			#body_abt #nav_abt a,
			#body_con #nav_con a,
			#body_loc #nav_loc a,
			#body_lnk #nav_lnk a,
			#body_mbr #nav_mbr a,
			#body_cal #nav_cal a,
			#body_mus #nav_mus a
			{
				color: pink;
			}
/*   ***   Location Page Styles   ***   */

			#map {
				border: ridge 5px hotpink; 
				margin: 0px 10px;
			}
			#OUC {
				position: relative;
				left: 230px;
				top: -450px;
				border: ridge 3px hotpink; 
				visibility: hidden;
			}
/*   ***   LINK PAGE STYLES   ***   */   
			.fullwidth {
				float: left;
				width: 560px;
				border-right: solid 1px hotpink;
				border-bottom: solid 2px hotpink;
				margin-top: 10px;
			}
			.linkleft {
				float: left;
				width: 270px;
				border-right: solid 1px hotpink;
				border-bottom: solid 2px hotpink;
				margin-top: 10px;
			}
			.linkright {
				float: right;
				margin-right: 5px;
				width: 270px;
				border-right: solid 1px hotpink;
				border-bottom: solid 2px hotpink;
				margin-top: 10px;
			}
			.linkhdr  {
				margin: 0px;
				background-color: black;
				padding-bottom: 6px;
				paddiing-top: 4px;
				border-bottom: solid 4px hotpink;
			}
			.linksHR {
				color: hotpink;
				clear: both;
				margin-top: 5px;
				margin-bottom: 0px;
			}
/*   ***   FOOTER STYLES   ***   */    

			#footer {
				display: block;
				clear: both;
				padding: 2px 10px 8px 10px;
				font-size: 70%;
				border-top: solid 1px hotpink;
			}
			.ftrleft {
				display: inline;
				float: left;
			}
			#ftrright {
				display: inline;
				float: right;
				text-align: right;
			}
/*   ***  EXPLAIN BOX STYLES   ***   */

			.Explain {
				font-size: 10px;
				color:  hotpink;
			}
			.ExplainBlk {
				width: 300px;
				font-family: Verdana, Arial, sans-serif;
				font-size: 10px;
				text-align:left;
				background-color: lightyellow;
				color: #000000;
				border: 1px solid #000000;
				padding: 3px;
				position: relative;
				top: -50px;
				left: 150px;
				visibility: hidden;
			}
			.ExplainBlkHdr {
				background-color: #000000;
				color: #ffffff;
				display: block;
				padding: 3px;
			}
			#ExplainBlk1 {
				visibility: hidden;
			}
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The above classes are added dinamically by javascript,
and their use should be avoided in the markup */

			-->