/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */
#med {
	background:  url(../images/med-com-nav.jpg) no-repeat left top;
	width:191px;		/* Width of buttons, not entite image (or half of entire image) */
	height:210px;		/* Height of entire image */
	margin:0px !important;
	padding:0px !important;
	font-family: Arial, Helvetica, sans-serif;
	}

#med li span { display: none; }

#med li {
	float: left;
	list-style:none;
	}

#med li, #med a { 
	height:30px;			/* Each button must have the same height, define it here */
	display:block;
	line-height:30px;
	margin:0px !important;
	}
	
/* margin-top to set where the nav should begin */
#med-01 { margin-top:0px; width:191px; }


/* margin-top if there is a spacing between each nav button */
#med-02, #med-03, #med-04, #med-05, #med-06, #med-07 { margin-top:0px !important; width:191px;}

#med-01 a:hover { background:  url(../images/med-com-nav-o.jpg) 0px  0px no-repeat; }
#med-02 a:hover { background:  url(../images/med-com-nav-o.jpg) 0px  -30px no-repeat; }
#med-03 a:hover { background:  url(../images/med-com-nav-o.jpg) 0px  -60px no-repeat; }
#med-04 a:hover { background:  url(../images/med-com-nav-o.jpg) 0px  -90px no-repeat; }
#med-05 a:hover { background:  url(../images/med-com-nav-o.jpg) 0px  -120px no-repeat; }
#med-06 a:hover { background:  url(../images/med-com-nav-o.jpg) 0px  -150px no-repeat; }
#med-07 a:hover { background:  url(../images/med-com-nav-o.jpg) 0px  -180px no-repeat; }


/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */



/* Son of Suckerfish: Vertical Sprite Nav
 * ------------------------------------------------------------------------- */
 
#med li ul {
	position:absolute;
	left:-9999px;
	background-color:#333333;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left:191px;			/* Set to same width as in #med */
	margin-top:-85px;			/* Set to each button height, same as used above */
	padding-left:0px !important;
	opacity:.9;
	}
	
#med li ul li {
	height:20px;				/* Height of each drop down nav item */
	border:1px solid #FFF;
	display:block;
	}

#med li ul li a {
	width:100%;
	height:20px;				/* Height of each drop down nav item, should match above */
	line-height:20px;			/* Height of each drop down nav item again, should match above */
	}

#med li ul li a span {
	display:block;
	padding-left:5px;
	}
	
#med-05-sub-01 { margin-left: 220px !important;  }
#med-05-sub-02 { margin-left: 220px !important;  }
#med-06-sub-01 { margin-left: 200px !important;  }

/* Drop down link styles */
#med a:link, #med a:visited, #med a:hover, #med a:active {
	font-size:0.8em;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: bold;
	}

#med li:hover ul, #med li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#med-01 ul a:hover, #med-02 ul a:hover, #med-03 ul a:hover, #med-04 ul a:hover, #med-05 ul a:hover, #med-06 ul a:hover, #med-07 ul a:hover, #med-08 ul a:hover, #med-09 ul a:hover { 
	background-image:none;
	background-color:#9AB450;
	color:#FFFFFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#med-01 ul, #med-01 li { width:179px; }		
#med-02 ul, #med-02 li { width:179px; }
#med-03 ul, #med-03 li { width:179px; }
.pagetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}