/**************************  NAVIGATION  *******************************************/
/* upper banner navigation buttons                                                 */
/* http://www.elated.com/articles/css-rollover-buttons/ (extend to 'active' state) */
/* http://htmldog.com/articles/suckerfish/dropdowns/                               */
/* http://www.htmlgoodies.com/                                                     */
/***********************************************************************************/
#NavTop {
/*     display:    block;*/
	background: url(../graphics/CT01-NavTop-icons-gray.jpg) no-repeat 0 0;           /* color sensitive CWW*/
	float:      left;
	height:     119px;
	position:   relative;
	top:             0;
	width:      230px;
    }

#NavTop li {
	border:          none;
	display:         block;
    height:          119px;
	list-style:      none;
    margin:          0; 
	padding:         0; 
    position:        absolute; 
	text-decoration: none;
	top:             0;
    }

#NavTop a {
	border:          none;
	display:         block;
    height:          119px;
	text-decoration: none;
}
 /* NavTop => 230px         As designed
a 51   0, 50                49, 0,    48
b 62  51,112                64, 49,  112
c 54 113,166                47, 113, 159
d 63 167,229                54, 160, 213
 */

#NavTopa {width: 49px; left:   0px;} /* As built                                      */
#NavTopb {width: 64px; left:  54px;} /* As created more narrow than BG (no sep bars   */ 
#NavTopc {width: 47px; left: 124px;} /* Adjusted left positions to fit                */
#NavTopd {width: 54px; left: 176px;}

#NavTopa a:hover  {background: transparent url(../graphics/CT01-NavTopa.jpg) -0px -119px no-repeat;}
#NavTopb a:hover  {background: transparent url(../graphics/CT01-NavTopb.jpg) -0px -119px no-repeat;}
#NavTopc a:hover  {background: transparent url(../graphics/CT01-NavTopc.jpg) -0px -119px no-repeat;}
#NavTopd a:hover  {background: transparent url(../graphics/CT01-NavTopd.jpg) -0px -119px no-repeat;}
/* For BROWSER Completenes  add a layer for the ACTIVE & VISITED state Joe Burns http://www.htmlgoodies.com/ */
#NavTopa a:active {background: transparent url(../graphics/CT01-NavTopa.jpg) -0px -238px no-repeat;}
#NavTopb a:active {background: transparent url(../graphics/CT01-NavTopb.jpg) -0px -238px no-repeat;}
#NavTopc a:active {background: transparent url(../graphics/CT01-NavTopc.jpg) -0px -238px no-repeat;}
#NavTopd a:active {background: transparent url(../graphics/CT01-NavTopd.jpg) -0px -238px no-repeat;}
/* We'll ignore the & VISITED state: defaults to the 'anchor' state */

 
/***************************************************************************/
/* lower navigation buttons                                                */
/* open source modification of css menu library                            */
/***************************************************************************/
#NavMain {
	background-image: url(../graphics/KAM-TWC-NavMain.jpg);
	background-repeat: no-repeat;
	border: none;
	clear: left;
	display: inline;
	float: left;
	height: 50px;
	margin: 0 0 0 19px;
    padding: 0;
	position: relative;
	text-align: left;
	width: 917px;
	z-index: 10; /* in front of background */
}

/* NavMain sub-elements*/
#NavMaina,#NavMainb,#NavMainc,#NavMaind,#NavMaine:
{  }	
#NavMaina {width: 183px;}
#NavMainb {width: 183px;}
#NavMainc {width: 183px;}
#NavMaind {width: 183px;}
#NavMaine {width: 185px;}
 
#NavMaina a:hover  {background: transparent url(../graphics/KAM-TWC-NavMainA.jpg) 0px -50px  no-repeat;}
#NavMainb a:hover  {background: transparent url(../graphics/KAM-TWC-NavMainB.jpg) 0px -50px  no-repeat;}
#NavMainc a:hover  {background: transparent url(../graphics/KAM-TWC-NavMainC.jpg) 0px -50px  no-repeat;}
#NavMaind a:hover  {background: transparent url(../graphics/KAM-TWC-NavMainD.jpg) 0px -50px  no-repeat;}
#NavMaine a:hover  {background: transparent url(../graphics/KAM-TWC-NavMainE.jpg) 0px -50px  no-repeat;}
/* For BROWSER Completenes  add a layer for the ACTIVE & VISITED state Joe Burns http://www.htmlgoodies.com/ */
#NavMaina a:active {background: transparent url(../graphics/KAM-TWC-NavMainA.jpg) 0px -100px no-repeat;}
#NavMainb a:active {background: transparent url(../graphics/KAM-TWC-NavMainB.jpg) 0px -100px no-repeat;}
#NavMainc a:active {background: transparent url(../graphics/KAM-TWC-NavMainC.jpg) 0px -100px no-repeat;}
#NavMaind a:active {background: transparent url(../graphics/KAM-TWC-NavMainD.jpg) 0px -100px no-repeat;}
#NavMaine a:active {background: transparent url(../graphics/KAM-TWC-NavMainE.jpg) 0px -100px no-repeat;}
/* We'll ignore the & VISITED state: defaults to the 'anchor' state */
/*-- END NavMain Button Specs */

#NavMain a { 
	display: block;
    height: 50px;
}

/* NavMain List Style Drop Down  */ 
#NavMain ul { 
	background-color: #CCCCCC;
	display:none;
    height: 50px;
    list-style: none;
	list-style-type: none;
	margin: 0;	
    padding: 0; 
	position:absolute;
	top: 50px;
    width: 167px;
    }

#NavMain li{ 
	float:left;
	list-style-type: none;
	position:relative;
}

#NavMain li ul a{ 
	background-color: #CCCCCC;
	border: thin solid #FFFFFF;	
	color: #666666;
	float:left;
	font-size: x-small;
	height:auto;
	margin:0;
	position: relative;
    padding:8px 3px 3px 8px; 
    width: 167px;
}

#NavMain li ul li a:hover{
	background-image: none;
	background-color:#FFFFFF;
	color: #666666;
	margin: 0;
}