/*
	WEBSITE BODY & CONTAINER
*/

body	{
	text-align: center;
	color: #555;
	font-family: helvetica, arial, sans-serif;
	font-size: 80%; /* 76% is smallest */
	background-color: #eec;
	margin: 0;
	padding: 1em 0 3em 0;
	border: 0;
}

#sitewrap	{
	text-align: left;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 768px;
}


/*
	LAYOUT
*/

#mast	{
	background-color: transparent;
	background-image: url(../i/mast01.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0;
	border: 0;
	padding: 0;
	width: 768px;
	height: 253px;
}

div#logo {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../i/medtech-logo.gif) no-repeat;
	background-color: transparent;
	width: 248px;
	height: 106px;
}
a#logohome:link, a#logohome:visited {
	display: block;
	text-decoration: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	width: 248px;
	height: 106px;
}
a#logohome:hover {
	display: block;
	text-decoration: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	width: 248px;
	height: 106px;
}
a#logohome:active {
	display: block;
	text-decoration: none;
	background-color: transparent;  
	margin: 0;
	padding: 0;
	border: 0;
	width: 248px;
	height: 106px;
}
div#mastinfo {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../i/mast-info.gif) no-repeat;
	background-color: transparent;
	width: 248px;
	height: 98px;
}
#contentwrap {
	background: url(../i/sideBGlt.gif);
 	background-repeat: repeat-y;
	background-position: top left;
	background-color: transparent; 
}
#side {
	float: left;
	font-size: 1em;
	background-color: transparent;  
	margin: 0;
	border: 0;
	padding: 0;
	width: 248px;
}
#sidecontent	{ /* this div is for decreasing potential layout problems, the general minimization of styling, and the elimination of redundancy on all other tags for content used in both side and main columns; DIV, H, P, & UL tags */
	font-size: .9em;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 10px 10px 2em 10px;
	width: 248px;  /* bmh - shave off 2 additional pixels below for IE PC */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 226px;
}
html> div#sidecontent {
	width: 226px;
}
#main {
	float: right;
	font-size: 1em;
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0;
	width: 520px;
}
#sectitle	{ /* see h1 which is reserved for section titles */
	margin: 1px 0 0 0;
	border: 0;
	padding: 13px 10px 0 18px;
	width: 520px;  /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 492px;
}
html> div#sectitle {
	width: 492px;
}
#maincontent	{ /* this div is for decreasing potential layout problems, the general minimization of styling, and the elimination of redundancy on all other tags for content used in both side and main columns; DIV, H, P, & UL tags */
	background-color: transparent;
	margin: 0;
	border: 0;
	padding: 0 18px 2em 18px;
	width: 520px;  /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 484px;
}
html> div#maincontent {
	width: 484px;
}
#foot	{
	clear: both;
	font: 11px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	color: #808080;
	background: url(../i/endrule.gif) no-repeat top left;
	background-color: #eec;
	margin: 0;
	border: 0;
	padding: 1em 18px 2em 10px;
	width: 768px;  /* bmh */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 740px;
}
html> div#maincontent {
	width: 740px;
}


/*
	NAVIGATION
	see above for logo link to home
*/

#nav {
	text-align: center;
	color: #eec;
	font: 11px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	background-color: #0062a8;
	margin: 0;
	border-bottom: 1px solid #eec;
	padding: 4px 0 5px 0;
	width: 768px;
}
#nav ul {
	vertical-align: middle;
	margin: 0 0 0 0;
	border: 0;
	padding: 0;
}
#nav ul li { text-align: left; display: inline; vertical-align: middle; list-style: none; margin: 0; border-left: 1px solid #eec; padding: 0 33px 0 10px; }
#nav ul li a:link, #nav ul li a:visited {
	font: 11px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #eec;
	background: transparent; 
}
#nav ul li a:hover {
	font: 11px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: underline;
	color: #eec;
	background: transparent; 
}
#nav ul li a:active {
	font: 11px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	text-decoration: none;
	color: #eec;
	background: transparent;  
}
/* subnav, sub, current = Sub Navigation for section(s) with multiple pages
	(Use of id="current" to highlight current page in subnav)
	(All a tags aside from current get class="sub") */
ul#subnav {
	text-align: left;
	list-style: none;
	color: #eec;
	font: bold 11px "Lucida Grande", lucida, verdana, helvetica, sans-serif;
	background-color: #ccc;
	margin: 0;
	border-bottom: 1px solid #fff;
	padding: 0;
	width: 228px;
}
ul#subnav li {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0 1px 0 1px; /* simulated left & right gray background border */
}
ul#subnav li a:link, ul#subnav li a:visited {display: block;}
ul#subnav li a:hover {display: block;}
ul#subnav li a:hover {display: block;}
a#current:link, a#current:visited {
	display: block;
	font: bold 11px "Lucida Grande", lucida, verdana, helvetica, arial, sans-serif;
	text-decoration: none;
	color: #0062a8;
	background: #fff;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #808080;
	padding: 4px 3px 5px 5px;
}
a#current:hover {
	display: block;
	font: bold 11px "Lucida Grande", lucida, verdana, helvetica, arial, sans-serif;
	text-decoration: none;
	color: #0062a8;
	background: #fff;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #808080;
	padding: 4px 3px 5px 5px;
}
a#current:active {
	display: block;
	font: bold 11px "Lucida Grande", lucida, verdana, helvetica, arial, sans-serif;
	text-decoration: none;
	color: #0062a8;
	background: #fff;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #808080;
	padding: 4px 3px 5px 5px;
}
a.sub:link, a.sub:visited {
	font: bold 11px "Lucida Grande", lucida, verdana, helvetica, arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: transparent;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 4px 3px 5px 5px;
}
a.sub:hover {
	font: 11px "Lucida Grande", lucida, verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #0062a8;
	background: #fff;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #808080;
	padding: 4px 3px 5px 5px;
}
a.sub:active {
	font: 11px "Lucida Grande", lucida, verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background: transparent;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 4px 3px 5px 5px;
}
/* toc = Table of Contents navigation on same page */
a.toc:link, a.toc:visited {
	font: 11px "Lucida Grande", lucida, verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #0062a8;
	background: transparent;
	padding: 2px;
}
a.toc:hover {
	font: 11px "Lucida Grande", lucida, verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	background: #fff;
	padding: 2px;
}
a.toc:active {
	font: 11px "Lucida Grande", lucida, verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #0062a8;
	background: transparent;
	padding: 2px;
}

/*
	GENERAL PRESENTATION
*/

img		{
	border: 0;
}
h1	{/* FOR SECTION TITLE USE ONLY */
	font: 26px helvetica, arial, sans-serif;
	color: #d6d699;
	background: transparent;
	margin: 0;
	border-bottom: 1px dotted #d6d699;
	padding: 0 0 1em;
}
h2	{/* Sub Titles */
	font-size: 1.3em;
	font-weight: bold;
	color: #808080;
	line-height: 1.1em;
	margin: 1.5em 0 0 0;
	border: 0;
	padding: 0;
}
h3	{/* Secondary BOLD Titles */
	font-size: 1.1em;
	font-weight: bold;
	color: #808080;
	line-height: 1.2em;
	margin: 1.5em 0 0 0;
	border: 0;
	padding: 0;
}
h4	{/* Secondary NORMAL Titles */
	font-size: 1.1em;
	font-weight: normal;
	color: #808080;
	line-height: 1.2em;
	margin: 1.5em 0 0 0;
	border: 0;
	padding: 0;
}
h5	{/* Tertiary BOLD Titles */
	font-size: 1em;
	font-weight: bold;
	color: #808080;
	line-height: 1.2em;
	margin: 1.3em 0 0 0;
	border: 0;
	padding: 0;
}
h6	{/* Tertiary NORMAL Titles */
	font-size: 1em;
	font-weight: normal;
	color: #808080;
	line-height: 1.2em;
	margin: 1.3em 0 0 0;
	border: 0;
	padding: 0;
}
ul	{
	margin: 1em 0 0 0;
	border: 0;
	padding-left: 24px;
}
ul li	{
	list-style: disc outside;
	line-height: 1.2em;
	margin: 0;
	border: 0;
	padding: 0 0 .4em 0;
}
ol	{
	margin: 1em 0 0 0;
	border: 0;
	padding-left: 24px;
}
ol li	{
	list-style: decimal outside;
	line-height: 1.2em;
	margin: 0;
	border: 0;
	padding: 0 0 .4em 0;
}
p {
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
}
a:link, a:visited {
	text-decoration: underline;
	color: #0062a8;
	background-color: transparent; 
}
a:hover {
	text-decoration: none;
	color: #333;
	background-color: #eec; 
}
a:active {
	text-decoration: underline;
	color: #0062a8;
	background-color: transparent;  
}
#side a:hover {background-color: #fff;}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited	{text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover	{text-decoration: none;}
h1 a:hover, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active	{text-decoration: none;}
.sideitem p {line-height: 1.7em; font-style: italic; font-weight: bold; font-size: 1em; color: #7ab;}


/*
	Business Publications & eMedia
*/

.publication {
margin: 3em 0 0 0;
border-bottom: 1px dotted #d6d699;
padding: 0 0 1em 0;
}
.publication h2 {margin-top: 0;} /* to align top of image in div & top of h2 */
.publication h3 {margin-top: 0;} /* for tighter layout */
.publication h4 {font-weight: bold;}
.publication img.inset {float: right; margin: 0; padding: 0 0 10px 14px;}
.publication div.images {float: right; margin: 0; padding: 0 0 10px 14px;}


/*
	Marketing Solutions, Contact Us, Careers, & About Us
*/

.maincontentitem {
margin: 3em 0 0 0;
border-bottom: 1px dotted #d6d699;
padding: 0 0 1em 0;
}
.maincontentitem h2 {margin-top: 0;} /* to align top of image in div & top of h2 */
.maincontentitem h3 {margin-top: 0;} /* for tighter layout */
.maincontentitem h4 {font-weight: bold;}
.maincontentitem h4.protitle {margin-top: 0;}
.maincontentitem img.inset {float: right; margin: 0; padding: 0 0 10px 14px;}
.maincontentitem div.images {float: right; margin: 0; padding: 0 0 10px 14px;}


/*
	OTHER PRESENTATION
*/

.middle {display: inline; vertical-align: middle;}
.alt {display: none;}
.nomargin {margin: 0 0 0 0;}
.normal {font-weight: normal;}
.smaller {font-size: .9em;}
.dkgray {color: #333;}
.redneedcontent {color: #b21;}