/* topNav.css version 1.4 */ 
/* This style sheet should not be edited. 
Any changes that need to be made should be made in the custom.css */

/*-------Text Top Nav Styles--------*/

#siteNameContainer { height: 70px; }

#textTopNav { 
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	position: absolute; 
	top: 91px;	
	white-space: nowrap;
} 

#textTopNav li{
	border-right: 1px solid #0050aa;
	display:inline;	
	padding: 0 12px;
	margin: 0;
}

#textTopNav li.first { padding-left: 0; }

#textTopNav li.last { border-right: none; }

#textTopNav a, 
#textTopNav a:visited {
	color: #0050aa;
	font-weight: bold;
	text-decoration: none;
}   

#textTopNav A:active, 
#textTopNav A:focus, 
#textTopNav A:hover {
	text-decoration: underline;
}

#textTopNav a:link.currentPage, 
#textTopNav a:hover.currentPage, 
#textTopNav a:visited.currentPage,
#textTopNav A:active.currentPage, 
#textTopNav A:focus.currentPage, 
#textTopNav A:hover.currentPage {
	cursor: text;
	text-decoration: none;
}

/*-------End Text Top Nav Styles--------*/
	
/*------- Graphical Top Nav Styles--------*/

#siteNameContainer { height: 70px; }

#topNav { 
	margin: 0;
	padding: 0 0 7px 0;
	position: absolute; 
	white-space: nowrap;
	z-index: 2;
} 

#topNav img{ 
	border: none;
} 

#topNav li{
	display:inline;	
	position: relative;
	padding: 0 11px 9px 0;
	margin: 0;
}

#topNav li:hover ul,
#topNav li ul:hover{
	display: block;	
}

#topNav #hl{ padding-left: 0; }

#topNav a, 
#topNav a:visited {
	border-bottom: 6px solid #ddd;
	color: #009dd9;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration:none;
}   

#topNav li a:active, 
#topNav li a:focus, 
#topNav a:hover {
	border-bottom: 6px solid #009dd9;
}

#topNav a:link.currentPage, 
#topNav a:hover.currentPage, 
#topNav a:visited.currentPage,
#topNav a:active.currentPage, 
#topNav a:focus.currentPage, 
#topNav a:hover.currentPage {
	cursor: text;
	border-bottom: 6px solid #009dd9;
}

#siteName {margin-top: 12px;}
/*-------End Graphical Top Nav Styles--------*/

/*- - - - text Top Styled like graphic nav - - - */

.textWithDrop #topNav {
	padding: 0 0 11px 0;
    left: 0px;
    top: 23px;
} 

.textWithDrop #topNav li {
	padding: 0 11px 11px 0;
}

.textWithDrop #topNav a, 
.textWithDrop #topNav a:visited {
	padding-bottom: 3px;
}

/*- - - - End text Top Styled like graphic nav - - - */



/*- - - - Tab nav - - - */

#tabNav { 
	margin: 0;
	padding: 0 0 7px 0;
	position: absolute; 
	top: 91px;	 	
	white-space: nowrap;
	z-index: 2;
	width: 99.3%;
} 

#tabNav li{
	float: left;	
	list-style-type: none;
	padding: 0 1px 9px 0;
	margin: 0;
}

#tabNav li:hover div,
#tabNav div:hover{
	display: block;	
}

#tabNav li:hover a,
#tabNav li:hover a:visited {
	background-color: #8e7e75;
	color: #ebebeb;
}

#tabNav a img {
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}   

#tabNav a, 
#tabNav a:visited {
	background: #dacfca url(/ipls/template13/images/corner.gif) no-repeat 100% 0;
	color: #494d4c;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	padding: 7px 5px;
	position: relative;
	text-decoration:none;
}   


#tabNav li a:active, 
#tabNav li a:focus, 
#tabNav li a:hover {
	background-color: #8e7e75;
	color: #ebebeb;
}

#tabNav a:link.currentPage, 
#tabNav a:hover.currentPage, 
#tabNav a:visited.currentPage,
#tabNav a:active.currentPage, 
#tabNav a:focus.currentPage, 
#tabNav a:hover.currentPage {
	background-color: #8e7e75;
	color: #ebebeb;
	cursor: text;
	border-bottom: none;
}

#tabNav a:link.parentHighlight, 
#tabNav a:hover.parentHighlight, 
#tabNav a:visited.parentHighlight,
#tabNav a:active.parentHighlight, 
#tabNav a:focus.parentHighlight, 
#tabNav a:hover.parentHighlight {
	background-color: #8e7e75;
	color: #ebebeb;
	border-bottom: none;
}

#tabNav .currentPage + div {
	display: block; 
	z-index: 1;
}


#tabNav div{
	background: #8e7e75;
	color: #ebebeb;
	display: none;
	position: absolute;
	left: 0;
	top: 64%;
	margin: 0;
	padding: 10px 0 8px 9px; 	
	white-space: normal;
	width: 100%;
	width:expression( document.documentElement.clientWidth < 759? "749px" : document.documentElement.clientWidth - 29); 
	z-index: 2;
}

#tabNav li div.IEshow { _display: block;}
#tabNav li div.show { display: block; }

/*- - - - End Tab Nav - - - */

/*- - - - Tab Nav MB - - - */

#tabNavMB { 
	margin: 0;
	padding: 0 0 7px 0;
	position: absolute; 
	top: 100px;	 	
	white-space: nowrap;
	z-index: 2;
	width: 99.3%;
} 

#tabNavMB li{
	float: left;	
	list-style-type: none;
	padding: 0 1px 9px 0;
	margin: 0;
}

#tabNavMB li:hover div,
#tabNavMB div:hover{
	display: block;	
}

#tabNavMB li:hover a,
#tabNavMB li:hover a:visited {
	background-color: #8e7e75;
	color: #ebebeb;
}

#tabNavMB a img {
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}   

#tabNavMB a, 
#tabNavMB a:visited {
	background: #dacfca url(/ipls/template14/images/corner.gif) no-repeat 100% 0;
	color: #494d4c;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	padding: 7px 5px;
	position: relative;
	text-decoration:none;
}   

#tabNavMB li a:active, 
#tabNavMB li a:focus, 
#tabNavMB li a:hover {
	background-color: #8e7e75;
	color: #ebebeb;
}

#tabNavMB a:link.currentPage, 
#tabNavMB a:hover.currentPage, 
#tabNavMB a:visited.currentPage,
#tabNavMB a:active.currentPage, 
#tabNavMB a:focus.currentPage, 
#tabNavMB a:hover.currentPage {
	background-color: #8e7e75;
	color: #ebebeb;
	cursor: text;
	border-bottom: none;
}

#tabNavMB a:link.parentHighlight, 
#tabNavMB a:hover.parentHighlight, 
#tabNavMB a:visited.parentHighlight,
#tabNavMB a:active.parentHighlight, 
#tabNavMB a:focus.parentHighlight, 
#tabNavMB a:hover.parentHighlight {
	background-color: #8e7e75;
	color: #ebebeb;
	border-bottom: none;
}

#tabNavMB .currentPage + div {
	display: block; 
	z-index: 1;
}


#tabNavMB div{
	background: #8e7e75;
	color: #ebebeb;
	display: none;
	position: absolute;
	left: 0;
	top: 64%;
	margin: 0;
	/*padding: 10px 0 10px 9px; 	*/
	white-space: normal;
	width: 100%;
	width:expression( document.documentElement.clientWidth < 759? "749px" : document.documentElement.clientWidth - 29); 
	z-index: 2;
}

#tabNavMB li div.IEshow { _display: block;}
#tabNavMB li div.show { display: block; }

/*- - - - End Tab Nav MB - - - */


/*------- Drop down Nav Styles--------*/


#topNav li ul a, 
#topNav li ul a:visited {
	color: #0050aa;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}
 
#topNav li ul a, 
#topNav li ul a:visited, 
#topNav li ul A:active, 
#topNav li ul A:focus, 
#topNav li ul A:hover {
	border-bottom: none;
}

#topNav li ul a:active, 
#topNav li ul a:focus, 
#topNav li ul a:hover {
	text-decoration: underline;
}

#topNav li ul a:link.currentPage, 
#topNav li ul a:hover.currentPage, 
#topNav li ul a:visited.currentPage,
#topNav li ul a:active.currentPage, 
#topNav li ul a:focus.currentPage, 
#topNav li ul a:hover.currentPage {
	border-bottom: none;
	font-weight: bold;
	text-decoration: none;
}

#topNav li ul{
	background: #e0f3fb;
	border-right: 2px solid #0587c0;
	border-bottom: 2px solid #0587c0;
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	margin: 0;
	padding: 10px 0 8px 9px; 	
	white-space: normal;
	width: 150px;
	z-index: 1;
}

#topNav li ul li{
	display:list-item;	
	list-style-type: none;
	margin: 0 12px 4px 12px;
	padding: 0 !important;
}

#topNav li ul.IEshow { _display: block;}
#topNav li ul.show { display: block; }

#topNav li ul li span {
	color: #0050aa; 
	font-weight: bold;  
	position: absolute;
	top: 0;
	left: -10px;
}


/*------- Drop down Nav Styles--------*/