/* this style sheet covers three areas: (1) left side nav, (2) top nav for each dept, (3) the very top right nav that are just plain hrefs  */

  



/* this starts the first menu -- LEFT SIDE   LEFT SIDE   LEFT SIDE   LEFT SIDE   LEFT SIDE   LEFT SIDE   LEFT SIDE   */



.clCMEvent {LEFT: 0px; VISIBILITY: visible; WIDTH: 99%; CLIP: rect(0px 100% 100% 0px); POSITION: absolute; TOP: 0px; HEIGHT: 99%}

.clCMAbs {LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px}

.clBar {VISIBILITY: hidden; WIDTH: 10px; POSITION: absolute; HEIGHT: 10px; BACKGROUND-COLOR: #69026D; layer-background-color: #69026D}



/*Styles for level 0*/

.clLevel0,.clLevel0over{position:absolute; padding:1px; font-family:tahoma,arial,helvetica; font-size:11px; font-weight:bold}

.clLevel0{background-color:#69026D; layer-background-color:#69026D; color:#CABFC4}

.clLevel0over{background-color:#69026D; layer-background-color:#69026D; color:#E2B63B; cursor:pointer; cursor:hand; }

.clLevel0border{position:absolute; visibility:hidden; background-color:#69026D; layer-background-color:#69026D}  /* this gives a border to the top level nav. I'm making it same color as the page background */



/*Styles for level 1*/

.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:10px; font-weight:bold}

.clLevel1{background-color:#69026D; layer-background-color:#69026D; color:#FFFFFF;}

.clLevel1over{background-color:#69026D; layer-background-color:#69026D; color:#E2B63B; cursor:pointer; cursor:hand; }

.clLevel1border{position:absolute; visibility:hidden; background-color:#69026D; layer-background-color:#69026D}



/*Styles for level 2*/

.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:10px; font-weight:bold}

.clLevel2{background-color:#69026D; layer-background-color:#69026D; color:#FFFFFF;}

.clLevel2over{background-color:#69026D; layer-background-color:#69026D; color:#E2B63B; cursor:pointer; cursor:hand; }

.clLevel2border{position:absolute; visibility:hidden; background-color:#69026D; layer-background-color:#69026D}







/* The following is a class which positions arrow.gif, 1-6-04 Chris

.imagepos{background-image:url(images/arrow.gif); layer-background-image:url(images/arrow.gif); background-repeat:no-repeat; 

background-position:0% 100%;}



.dummy_image{background-image:url(images/dummy_im.gif); layer-background-image:url(images/dummy_im.gif); background-repeat:no-repeat; 

background-position:0% 100%;}



 */



.imagepos{background-image:url(images/arrow.gif); background-repeat:no-repeat; 

background-position:0% 100%;}



.dummy_image{background-image:url(images/dummy_im.gif); background-repeat:no-repeat; 

background-position:0% 100%;}











/* this starts the second menu....TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP TOP */



.cl2Bar {VISIBILITY: hidden; WIDTH: 0px; POSITION: absolute; HEIGHT: 0px; BACKGROUND-COLOR: #ffdd73; layer-background-color: #ffdd73}



/*Styles for level 0*/

.cl2Level0,.cl2Level0over{position:absolute; padding:1px; font-family:tahoma,arial; font-size:10px; font-weight:bold}

.cl2Level0{background-color:#ffdd73; layer-background-color:#ffdd73; color:#69026D}

.cl2Level0over{background-color:#ffdd73; layer-background-color:#ffdd73; color:#744b70; cursor:pointer; cursor:hand; }

.cl2Level0border{position:absolute; visibility:hidden; background-color:#ffdd73; layer-background-color:#ffdd73}  /* this gives a border to the top level nav. I'm making it same color as the page background */



/*Styles for level 1*/

.cl2Level1, .cl2Level1over{position:absolute; padding:2px; font-family:tahoma, arial; font-size:10px; font-weight:bold}

.cl2Level1{background-color:#ffdd73; layer-background-color:#ffdd73; color:#69026D;}

.cl2Level1over{background-color:#ffdd73; layer-background-color:#ffdd73; color:#744b70; cursor:pointer; cursor:hand; }

.cl2Level1border{position:absolute; visibility:hidden; background-color:#69026D; layer-background-color:#69026D}













/* this starts the very top right nav (no javascript menu involved with this nav)....TOP RIGHT    TOP RIGHT    TOP RIGHT    TOP RIGHT   */ 


a:link{
    color: #69026D;
    text-decoration: none;	
    font-size: 10px;	
	font-family: tahmoa,arial;
       }	
	   
a:visited{
    color: #69026D;
    text-decoration: none;	
    font-size: 10px;	
	font-family: tahmoa,arial;
       }			   
	
a:hover{
    color: #FFFFFF;
    text-decoration: none;	
    font-size: 10px;	
       }	
	  
	  
 
	   
	   
#top_pipes{
    font-family: tahoma, arial;
    font-size: 10px;
         }	 
		 
#toprightnav{
    position: absolute;
	top: 9;
	left: 430;
       }		   

 #test {
 	position: relative;
	bottom: 315;
	left: 300;
	}