/*
* Start mainNav
* This is to do the hi-tech menu roll over, where both states are part of the same image. The over state needs to be at the bottom
*/

#mainNav {
background: transparent url(../images/mainNav.gif) left top no-repeat;
width:970px;	
height:34px;	
z-index:60;
}

#nav {
list-style:none;
margin:0;
padding:0;
	
}

#nav li{
float:left;

}



.mainButt1 {
background: transparent url(../images/mainButt1.gif) left top no-repeat;
width:76px;	
	
}

.mainButt2 {
background: transparent url(../images/mainButt2.gif) left top no-repeat;	
width:89px;	
	
}


.mainButt3 {
background: transparent url(../images/mainButt3.gif) left top no-repeat;	
width:62px;		
	
}


.mainButt4 {
background: transparent url(../images/mainButt4.gif) left top no-repeat;	
width:131px;		
	
}

.mainButt5 {
background: transparent url(../images/mainButt5.gif) left top no-repeat;	
width:70px;		
	
}

.mainButt6 {
background: transparent url(../images/mainButt6.gif) left top no-repeat;	
width:105px;		
	
}

.mainButt7 {
background: transparent url(../images/mainButt7.gif) left top no-repeat;	
width:70px;		
	
}

.mainButt8 {
background: transparent url(../images/mainButt8.gif) left top no-repeat;	
width:132px;		
	
}

.mainButt9 {
background: transparent url(../images/mainButt9.gif) left top no-repeat;	
width:111px;		
	
}

.mainButt10 {
background: transparent url(../images/mainButt10.gif) left top no-repeat;	
width:124px;		
	
}


.buttonSpace {

margin-right:151px;	
	
}


.mainButt1 a:link, .mainButt1 a:active, .mainButt1 a:visited,
.mainButt2 a:link, .mainButt2 a:active, .mainButt2 a:visited,
.mainButt3 a:link, .mainButt3 a:active, .mainButt3 a:visited,
.mainButt4 a:link, .mainButt4 a:active, .mainButt4 a:visited,
.mainButt5 a:link, .mainButt5 a:active, .mainButt5 a:visited,
.mainButt6 a:link, .mainButt6 a:active, .mainButt6 a:visited,
.mainButt7 a:link, .mainButt7 a:active, .mainButt7 a:visited,
.mainButt8 a:link, .mainButt8 a:active, .mainButt8 a:visited,
.mainButt9 a:link, .mainButt9 a:active, .mainButt9 a:visited,
.mainButt10 a:link, .mainButt10 a:active, .mainButt10 a:visited

{
	display:block;
	overflow:hidden;
	height:34px;
	text-indent: -2999px;
}


    .mainButt1 a:hover {
	background: url(../images/mainButt1.gif) no-repeat 0 -34px;
	}
	.mainButt2 a:hover {
	background: url(../images/mainButt2.gif) no-repeat 0 -34px;
	}
	.mainButt3 a:hover {
	background: url(../images/mainButt3.gif) no-repeat 0 -34px;
	}
	.mainButt4 a:hover {
	background: url(../images/mainButt4.gif) no-repeat 0 -34px;
	}
	.mainButt5 a:hover {
	background: url(../images/mainButt5.gif) no-repeat 0 -34px;
	}
	.mainButt6 a:hover {
	background: url(../images/mainButt6.gif) no-repeat 0 -34px;
	}
		
	.mainButt7 a:hover {
	background: url(../images/mainButt7.gif) no-repeat 0 -34px;
	}
		
	.mainButt8 a:hover {
	background: url(../images/mainButt8.gif) no-repeat 0 -34px;
	}
		
	.mainButt9 a:hover {
	background: url(../images/mainButt9.gif) no-repeat 0 -34px;
	}
		
	.mainButt10 a:hover {
	background: url(../images/mainButt10.gif) no-repeat 0 -34px;
	}
		
		
/*
 * Start SubNav Sprite
 */		


#nav2 {
list-style:none;
margin:0;
padding:0;
z-index:999;
	
}

#nav2 li{
float:left;

}



.subButt1 {
background: transparent url(../images/subNav_sprite.gif) 0 0 no-repeat;
width:78px;	
	
}

.subButt2 {
background: transparent url(../images/subNav_sprite.gif) -78px 0 no-repeat;	
width:100px;	
	
}


.subButt3 {
background: transparent url(../images/subNav_sprite.gif) -178px 0 no-repeat;	
width:106px;		
	
}


.subButt4 {
background: transparent url(../images/subNav_sprite.gif) -284px 0 no-repeat;	
width:92px;		
	
}

.subButt5 {
background: transparent url(../images/subNav_sprite.gif) -376px 0 no-repeat;	
width:139px;		
	
}



.tenantLogin{
background: transparent url(../images/tenant_login_all.gif) 0 0 no-repeat;
width:455px;
height:35px;
position:relative;
}

.buttonSpace {

margin-right:151px;	
	
}


.subButt1 a:link, .subButt1 a:active, .subButt1 a:visited,
.subButt2 a:link, .subButt2 a:active, .subButt2 a:visited,
.subButt3 a:link, .subButt3 a:active, .subButt3 a:visited,
.subButt4 a:link, .subButt4 a:active, .subButt4 a:visited,
.subButt5 a:link, .subButt5 a:active, .subButt5 a:visited
{
	display:block;
	overflow:hidden;
	height:35px;
	text-indent: -2999px;
}

.tenantLogin a:link, .tenantLogin a:active, .tenantLogin a:visited
{
	display:block;
	overflow:hidden;
	width:150px;
	height:35px;
	text-indent: -2999px;
}


.twitterBlock a:link, .twitterBlock a:active, .twitterBlock a:visited
{
	display:block;
	overflow:hidden;
	width:60px;
	height:35px;
	text-indent: -2999px;
	float:left;	
}
.facebookBlock a:link, .facebookBlock a:active, .facebookBlock a:visited
{
	display:block;
	overflow:hidden;
	width:60px;
	height:35px;
	text-indent: -2999px;
	float:left;
}




    .subButt1 a:hover {
	background: transparent url(../images/subNav_sprite.gif) 0 -35px no-repeat;
	}
	.subButt2 a:hover {
	background: transparent url(../images/subNav_sprite.gif) -78px -35px no-repeat;	
	}
	.subButt3 a:hover {
	background: transparent url(../images/subNav_sprite.gif) -178px -35px no-repeat;
	}
	.subButt4 a:hover {
	background: transparent url(../images/subNav_sprite.gif) -284px -35px no-repeat;
	}
	.subButt5 a:hover {
	background: transparent url(../images/subNav_sprite.gif) -376px -35px no-repeat;	
	}
		



/*
 * End SubNav Sprite
 */		
 
 
 
 
 
		
/*
* Start dropdown
* this is the suckerfish drop down menu, only requirements are that your main ul for your list has an id of "nav"
*/
	
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: none;
	z-index: 60;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

#nav li {
	position: relative;
	z-index: 60;
	float: left;
}

#nav li ul {
	position: absolute;
	left: 0;
	top: 34px;
	display: none;
	border-top: none;
	z-index: 61;
	width:180px;
	}

.border {
	border-top: 1px solid #000;
}

#nav li ul li a { 
	color: #ffffff;
	background: #005769;
    padding: 5px ; 
	display: block;
	height:15px; /* MUST have heigh, IE7 Bug */
	text-decoration: none;
	vertical-align:middle;	
	border: 1px solid #ffb846;
	border-top: none;
	width: 180px;
} 

#nav li ul li a:hover {
	color: #005769;
	background: #FFF;
}
		
#nav li:hover ul, #nav li.over ul { 
	display: block; 
} 


/*
end dropdown
*/



/*
* Start dropdown2
* this is the suckerfish drop down menu, only requirements are that your main ul for your list has an id of "nav"
*/
	
#nav2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: none;
	z-index: 40;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

#nav2 li {
	position: relative;
	z-index: 40;
	float: left;
}

#nav2 li ul {
	position: absolute;
	left: 0;
	top: 35px;
	display: none;
	border-top: none;
	z-index: 41;
	width:180px;
	}

.border {
	border-top: 1px solid #000;
}

#nav2 li ul li a { 
	color: #ffffff;
	background: #005769;
    padding: 5px ; 
	display: block;
	height:15px; /* MUST have heigh, IE7 Bug */
	text-decoration: none;
	vertical-align:middle;	
	border: 1px solid #ffb846;
	border-top: none;
	width: 180px;
} 

#nav2 li ul li a:hover {
	color: #005769;
	background: #FFF;
}
		
#nav2 li:hover ul, #nav2 li.over ul { 
	display: block; 
} 


/*
end dropdown
*/