@import url(turnpoint_styles_base.css);
    
/*Overrides the people button to set the down state- everything else is in turnpoint_styles_base.css*/

#mainMenu ul li a.services { background-image: url(../images/main_menu_sprite.png); background-position: -70px -76px; height: 38px; width: 77px; display: block}
#mainMenu ul li a.services:hover {background-position: -70px -76px;}


/* This is the sprite for the title. It moves up in 30 pixel increments */
   
#title {
	background-image: url(../images/service_title.jpg);
	background-position: 0px 0px;
	display: block;
	height: 22px;
	width: 400px;
	background-repeat: no-repeat;
}


/* These are the sprites for the submenu on the left.  */

#threeColumnLayout #leftColumn ul li a.sublinkOne {background-image: url(../images/services_sublink_sprite.gif);background-position: 0px 0px;}
#threeColumnLayout #leftColumn ul li a.sublinkOne:hover {background-position: -150px 0px;}

#threeColumnLayout #leftColumn ul li a.sublinkTwo {background-image: url(../images/services_sublink_sprite.gif);background-position: 0px -20px;}
#threeColumnLayout #leftColumn ul li a.sublinkTwo:hover {background-position: -150px -20px;}

#threeColumnLayout #leftColumn ul li a.sublinkThree {background-image: url(../images/services_sublink_sprite.gif);background-position: 0px -40px;}
#threeColumnLayout #leftColumn ul li a.sublinkThree:hover {background-position: -150px -40px;}