/* CSS Document */

div#leftNav{
	padding-top: 16px;
	float: left;
	background-image:url(../leftNavBar/thinkStj_bkg.jpg);
}
div#leftNav ul {
	margin: 0px;
	padding: 0px;
}
div#leftNav li {
	position: relative;
	list-style-type: none;
	margin: 0px;
	width: 258px;
}


/*-------------------------------------------------------Different Heights and Hovers for Buttons*/
div#leftNav .level1 .button1 a {
	display: block;
	background-image: url(../leftNavBar/thinkStj_up.jpg);
	height: 27px;
	background-repeat: no-repeat;
	outline: none;
}
div#leftNav .level1 .button1 a:hover{
	display: block;
	background-image: url(../leftNavBar/thinkStj_over.jpg);
	background-repeat: no-repeat;
	height: 27px; /*This value will get rid of the toggle that may happen when rolling over the button*/
}

div#leftNav .level1 .button2 a {
	display: block;
	background-image: url(../leftNavBar/thinkOrtho_up.jpg);
	height: 27px;
	background-repeat: no-repeat;
	outline: none;	
}
div#leftNav .level1 .button2 a:hover{
	display: block;
	background-image: url(../leftNavBar/thinkOrtho_over.jpg);
	background-repeat: no-repeat;
	height: 27px;
}
div#leftNav .level1 .button3 a {
	display: block;
	background-image: url(../leftNavBar/thinkCancer_up.jpg);
	height: 27px;
	background-repeat: no-repeat;	
	outline: none;
}
div#leftNav .level1 .button3 a:hover{
	display: block;
	background-image: url(../leftNavBar/thinkCancer_over.jpg);
	background-repeat: no-repeat;	
	height: 27px;
}
div#leftNav .level1 .button4 a {
	display: block;
	background-image: url(../leftNavBar/thinkHeart_up.jpg);
	height: 27px;
	background-repeat: no-repeat;
	outline: none;
}
div#leftNav .level1 .button4 a:hover{
	display: block;
	background-image: url(../leftNavBar/thinkHeart_over.jpg);
	background-repeat: no-repeat;
	height: 27px;
}
div#leftNav .level1 .button5 p {
	display: block;
	background-image: url(../leftNavBar/leftNavBottom.jpg);
	background-repeat: no-repeat;	
	height: 72px;
	outline: none;
}

/*------------------------------------------------------------------------------End File--------*/

div#leftNav .level1 p {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}

/*These preload classes are used to eliminated the flicker that may happeon in the browser. Apply this class to an element that is not being used in your design so it preloads.*/
.preload1 {
	background-image: url(../leftNavBar/thinkStj_over.jpg);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	margin: 0px;
	padding: 0px;
}
.preload2 {
	background-image: url(../leftNavBar/thinkOrtho_over.jpg);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	margin: 0px;
	padding: 0px;
}
.preload3 {
	background-image: url(../leftNavBar/thinkCancer_over.jpg);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	margin: 0px;
	padding: 0px;
}
.preload4 {
	background-image: url(../leftNavBar/thinkHeart_over.jpg);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	margin: 0px;
	padding: 0px;
}