#recommended
{
	margin-left:12px; margin-right: 12px;				
}

#recommended div 
{
	margin-right: 40px;
	clear: none;
}

#medicalSystemArea 
{
	clear: none; 
	float: right; 
	margin-right: 12px;
}
		
#medicalSystemArea a 
{
	font-size: 10px; 
	color:#ff9933; 
	text-decoration: underline;
}

#navigation 
{
	border-bottom:1px solid #666;
	margin-left:12px; margin-right: 12px; 
}

#navigation ul#primary 
{
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	font: bold 11px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #666; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

#navigation ul#primary  li 
{
	font-family: "Trebuchet MS", Arial; 
	color: #666666; 
	font-size:11px;
	font-weight:normal;
	display: inline;
	margin-right: 5px;
}

#navigation ul#primary li a 
{ 
	padding: 4px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #666; 
	background-color: #ddd; 
	color: #666; 
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

#navigation ul#primary a:hover 
{ 
	/* settings for hover effect */
	background: #fff; /* set desired hover color */
	color: #ff9933;
}

#navigation ul#primary  li.current 
{ /* settings for selected tab */
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
	margin-right: 5px;
}

#navigation ul#primary  li.current a 
{ 
	/* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #336699; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}

#navigation div#secondary 
{
	line-height:25px;
}

#navigation div#secondary a {color: #ff9933; text-decoration: none;}
#navigation div#secondary a:link {color: #ff9933; text-decoration: none;}
#navigation div#secondary a:hover {color: #336699; text-decoration: underline;}
#navigation div#secondary a:active {color: #ff9933; text-decoration: none;}
#navigation div#secondary a.current {color: #336699; text-decoration: underline;}
		
/*---------- bubble tooltip -----------*/
a.tt
{
	position:relative;
	z-index:24;				
	font-size:11px;	
	font-weight:normal;
	font-family: "Trebuchet MS", Arial; 
}

a.tt span { display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover { z-index:25; background:; }

a.tt:hover span.tooltip
{
	display:block;
	position:absolute;
	top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	
	color: #666666; 
	
	filter: alpha(opacity:100);
	KHTMLOpacity: 1.0;
	MozOpacity: 1.0;
	opacity: 1.0;
	text-decoration: none;
}

a.tt:hover span.top
{
	display: block;
	padding: 30px 8px 0;
	background: url(/images/bubble.gif) no-repeat top;
}

a.tt:hover span.middle
{ 
	/* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/images/bubble_filler.gif) repeat bottom; 
}

a.tt:hover span.bottom
{
	display: block;
	padding:3px 8px 10px;
	background: url(/images/bubble.gif) no-repeat bottom;
}

.seperator 
{
	
}