<html>
       <head>
               <style type="text/css">

:focus { -moz-outline-style: none; }

		a:link img {
			
			 border: 1px #181818 solid;
		}
		a:visited img {
		 	border: 1px #181818 solid;
		}
		a:hover img {
			border: 1px #696969 solid;

		}

		a:active img {
			border: 1px #696969 solid;

		}

		
		a {

             text-decoration:none;


               }


/*OPH OPH OPH OPH OPH OPH OPH*/


/*Controls Button oph*/
#ophSection {
 position:absolute;
 top:3050;
 left:0;
 padding: 8px 0px 0px 10px;
 }


#ophIntro {
 position:absolute;
 top:0;
 left:0;
padding: 12px 0px 12px 12px;
 }

#ophIntro img {
 border: 0;
}


/*ophmain*/
#SectionMainoph {
 position:absolute;
 top:183;
 left:158;
padding: 0px 0px 0px 10px;
 }

#SectionMainoph img {
 border: 0;
}


/*oph Header*/
#Section0oph {
 position:absolute;
 top:15;
 left:316;
padding: 10px 0px 0px 10px;
 }

#Section0oph img {
 border: 0;
}


/*oph Back to Phil*/
#Section2Philoph {
 position:absolute;
 top:15;
 left:158;
padding: 10px 0px 0px 10px;
 }


/*Controls Top Button*/
#Section1oph {
 position:absolute;
 top:155;
 left:0;
padding: 10px 0px 0px 10px;
 }

/*Controls Button 2*/
#Section2oph {
 position:absolute;
 top:310;
 left:0;
padding: 10px 0px 0px 10px;
 }

/*Controls Button 3*/
#Section3oph {
 position:absolute;
 top:465;
 left:0;
 }


#header1 {
    font-family: Georgia, serif;
    color: #CCFFFF;
    font-size: 36px;
    line-height: 48px;
    font-style: italic;
    font-weight:Bold;
    text-indent: 0;
    word-spacing: 0.1em;
    letter-spacing: 2px;
    
    
}


#header2 {
    font-family: Arial,sans-serif;
    color: #646D7E;
    font-size: 20px;
    line-height: 24px;
    font-style: italic;
    font-weight:regular;
    text-indent: 0;
    word-spacing: 0.1em;
    letter-spacing: 1px;
      
}


#header3 {
    font-family: Georgia, serif;
    color: #CCFFFF;
    font-size: 12px;
    line-height: 20px;
    font-style: regular;
    font-weight: regular;
    text-indent: 0;
    word-spacing: 0.1em;
    letter-spacing: 1px;
      
}


.thumbSTYLE img {

border:0;
margin:0;
margin-bottom: -1px;
 

}

#thumbCONTAIN {
 position:absolute;

 top:3225;
 left:1065;
width: 700;
height: 900;
padding-top:5px;
margin:0;
padding-left: 0px; 
list-style: none;

}


#ONE-panel {
    
    position: absolute;   
    
    height: 930px; 
    top:3800px;
    left: 0px;
    overflow: hidden;
    padding: 0;
    width: 1280px;
    padding-left: 12px; 
    padding-right: 10px;    
    padding-top: 15px;	
}


#ONE-content {
    border-left: 0px solid silver; 
    position: absolute;   
    
    height: 1630px; 
    top:0px;
    left: 168px;
    overflow: auto;
    padding: 0;
    width: 875px;
    padding-left: 12px; 
    padding-right: 10px;    
    padding-top: 12px;	
}


#boundary {
 position:absolute;
 top:4000;
 left:2000;
 }


               </style>


               <title>  The Noumena</title>
       </head>
       <body bgcolor="#181818">


<embed name="music"
src="hall/musicHall1.mp3"
loop="false"
hidden="true"
autostoph="true">
</embed>


<!--oph Section-->

<div id="ophIntro">
                       <a href="#po" name="ophIntro" onclick="self.scrollTo(0,3065);"><img src="hall/introPhilHall.jpg" </>
                       
</div>


<div id="ophSection">

<div id="Section2Philoph">

		
</div>


<div id="Section0oph" >
                      <a href="#po" name="headeroph" onclick="self.scrollTo(0,0);"><img  src="hall/headerPhilHall.jpg"/>
                       
</div>


<div id="SectionMainoph"> 
			<a name="hallMain"><img src="hall/hallMain.jpg" HEIGHT=500 </>
                       
                       
</div>

<div id="noumenaoph">
			
                       <p><a name="home" href="../index.html"><img src="../home150.jpg" HEIGHT=150 </p>

</div>

<div id="Section2Philoph">

		<a name="2Philoph" href="../philosophy.html#home"><img  src="../phil150.jpg"/>

</div>


<div id="Section1oph">
                       <p><a href="#Te" onclick="self.scrollTo(0,3807);"><img src="hall/1.jpg" border="0" HEIGHT=150 </p>
                       
</div> <!--Link for OPH oph-->

<div id="Section2oph">
                       <p><a href="#oph"><img src="HOLD.jpg" HEIGHT=150 </p>
                       
</div> <!--Link for FRC oph-->


                       </div> <!--oph Section-->


<div>

 <ul>
   <div id="thumbCONTAIN">


 </div>
</ul>

   </div> 


   <div id="ONE-panel">

      <a href="#Te" onclick="self.scrollTo(0,3065);" ><img src="hall/1.jpg" HEIGHT=150 </a>


        <div id="ONE-content">

                       
         <div id="header1">
	   Unimaginable

         </div>


        <div id="header2">
	   
<br>a poem


         </div>


 <div id="header3">
	   
<br>
these shifts are unimaginable<br>
this reality seems overrun with fades<br>
and pixelated emotions<br>
all this sinking is so internal<br>
and i am so unfamiliar with the outside<br>
because every time i try to touch or taste<br>
the sensory machine translates without consent<br>
analogous to a digestive system inversion<br>
maybe that's just wishful thinking<br>
but my hatred implores me toward a full glass<br>
half way is half assed<br>
societies contradiction seems self fulfilling<br>
my shit does smell sweeter<br>
and so does everybody else's<br>
a collective mess of a dance floor<br>
the dancers all denying their contribution<br>
yet they continue to meld and shape<br>
reforming and reaffirming themselves<br>
through exteriorized mysteries and enigmas<br>
don't they see, the universe is not one place<br>
but a menagerie of consciousness<br>
we are the sun because we can see it<br>
and feel the warmth affect our existence<br>
this division is trivial<br>


         </div>

      
       </div>


    </div>


       </body>
</html>�