﻿@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.serviceMedia  { 
	background-image: url(../images/main_menu_sprite.png); 
	background-position: -546px -76px; 
	height: 38px; 
	width: 113px; 
	display: block
	}
	
#mainMenu ul li a.serviceMedia:hover {
	background-position: -546px -76px;
	}


/* This is the sprite for the title. It moves up in 30 pixel increments */
   
 #centerColumn h1 {
	background-image: url(../images/titles_sprite.gif);
	background-position: 0px -150px; 
	display: block;
	height: 30px;
	width: 400px;
	background-repeat: no-repeat;
}


/* These are the sprites for the submenu on the left.  */

 #leftColumn ul li a.sublinkOne {background-image: url(../images/services_sublink_sprite.gif);background-position: 0px 0px;}
 #leftColumn ul li a.sublinkOne:hover {background-position: -150px 0px;}

 #leftColumn ul li a.sublinkTwo {background-image: url(../images/services_sublink_sprite.gif);background-position: 0px -20px;}
 #leftColumn ul li a.sublinkTwo:hover {background-position: -150px -20px;}

 #leftColumn ul li a.sublinkThree {background-image: url(../images/services_sublink_sprite.gif);background-position: 0px -40px;}
 #leftColumn ul li a.sublinkThree:hover {background-position: -150px -40px;}

