body { margin:0; padding: 0; background: #fff; font: 10px verdana, sans-serif; color: #333; background-color: #ccc; }

body#home { background-color: #fff; }

img {border: 0; }
a { color: #3151DD; }
a:hover { color: #2D8549; }



#container { display: block; width: 847px; margin: auto;  position: relative; background: #fff url(../images/common/top.jpg) no-repeat top;}

#home #container { border: 1px solid #B3B3B9; display: block; width: 847px; margin: auto;  position: relative; background: none;  } /* home only */

p { margin-top: 0px; padding-top: 0px; }
h2 {margin: 0px; padding: 0px; margin-bottom: 20px; font-size: 13px; color: #288244; font-weight: normal; }
h3 { font-size: 11px; color: #0053A1;}
#home h3 {margin: 0px; padding: 0px; margin-bottom: 10px; font-size: 11px; color: #0053A1; font-weight: normal; }



/* home */
#col1 {  float: left; width: 195px;  padding: 20px 20px 20px 15px; } /*230*/
#col2 {  float: left; width: 169px;   padding: 15px;  padding-top: 34px; color: #0053A1; } /*199*/
#col3 { float: left; width: 168px;  padding: 15px; padding-top: 34px; color: #0053A1; } /*198*/
#col4 {  float: left; width: 190px; padding: 15px;  } /*220*/



/* drop-down menus */

#nav, #nav ul {
	font: 11px arial, sans-serif;
	float: left;
	list-style: none;
	line-height: 1;	
	font-weight: bold;
	padding: 0;	
	margin: 0;
}
#nav ul { /* This is the individual drop-down border */
	border: solid #ccc;
	border-width: 1px;
	padding: 3px;
	background: white;
}

/* #nav, #homeNavList {
	margin-top: 12px; 
}
 */
/* #homeNavList { 
	margin-left: 160px; 
} */

#nav li {
	float: left;
	padding: 0;
}

#nav li ul { /* puts drop-down off screen */
	position: absolute;
	left: -999em;
	height: auto;
	/* width: 14.4em; */
	/* w\idth: 13.9em; */
	width: 164px; /* width of drop downs */
	font-weight: normal;
	margin: 0;
}





#nav li li {
	padding-right: 1em;
	width: 13em;
	height: 20px;
}

#nav ul a {
	display: block;
	width: 204px;
	height: 16px;
	padding-top: 4px;
	padding-left: 24px;
	color: #369;
	text-decoration: none;
	
}



#nav li:hover ul, #nav li li:hover ul,  #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

#nav li li:hover, #nav li.sfhover { 
	background: url(../images/nav/selected.gif) no-repeat left;
}



/* end drop-down menus */







#content { background: none; }

#home #content { background: url(../images/common/home_content_bg.jpg) no-repeat top; } /* home */



#topBar {width: 847px; height: 313px; background: #fff url(../images/common/home_bg_top.jpg) no-repeat; } 



/* leftNav*/

#leftNav { float: left; width: 112px; height: 100px; }
#home #leftNav { padding-left: 15px; margin-top: 103px; } /* repositioned for home page */

#leftNav ul {
	list-style: none;
	padding: 0;	
	margin: 0;
}

#leftNav ul li a { display: block width: 112px; height: 25px; }

a#contractLink { display: block; background: url(../images/nav/contract1.jpg) no-repeat top left;  }
a#contractLink:hover, li#contractLeftNav { background: url(../images/nav/contract1.jpg) no-repeat bottom; }

a#contract2Link { display: block; background: url(../images/nav/contract2.jpg) no-repeat top left;  }
a#contract2Link:hover, li#contract2LeftNav { background: url(../images/nav/contract2.jpg) no-repeat bottom; }

a#consumablesLink { display: block; background: url(../images/nav/consumables.jpg) no-repeat top left;}
a#consumablesLink:hover, li#consumablesLeftNav { background: url(../images/nav/consumables.jpg) no-repeat bottom; }

a#tradeshowsLink { display: block; background: url(../images/nav/tradeshows.jpg) no-repeat top left; }
a#tradeshowsLink:hover, li#tradeshowsLeftNav { background: url(../images/nav/tradeshows.jpg) no-repeat bottom; }

a#trainingLink { display: block; background: url(../images/nav/training.jpg) no-repeat top left; }
a#trainingLink:hover, ul li#trainingLeftNav { background: url(../images/nav/training.jpg) no-repeat bottom; }





/* Drop down menu - These are addressed to link instead of li a to avoid cascade of style to menu links */

ul#nav {width: 460px; display: block; float: right; margin: 0px; padding: 0px; }



a#companyLink { display: block; background: url(../images/nav/company.jpg) no-repeat top left; width: 92px; height: 29px; }
a#companyLink:hover, ul#nav li#companyNav { background:  url(../images/nav/company.jpg) no-repeat bottom; }

a#productsLink { display: block; background: url(../images/nav/products.jpg) no-repeat top left; width: 92px; height: 29px; }
a#productsLink:hover, ul#nav li#productsNav { background:  url(../images/nav/products.jpg) no-repeat bottom; }

/* #purchaseNav a { width: 92px; } */

a#purchaseLink { display: block; background: url(../images/nav/purchase.jpg) no-repeat top left; width: 92px; height: 29px; }
a#purchaseLink:hover, ul li#purchaseNav { background:  url(../images/nav/purchase.jpg) no-repeat bottom; }

a#supportLink { display: block; background: url(../images/nav/support.jpg) no-repeat top left; width: 92px; height: 29px; }
a#supportLink:hover, ul li#supportNav { background:  url(../images/nav/support.jpg) no-repeat bottom; }

#homeNav { width: 92px; }

a#homeLink { display: block; background: url(../images/nav/home.jpg) no-repeat top left; width: 92px; height: 29px; }
a#homeLink:hover, ul li#homeNav { background: url(../images/nav/home.jpg) no-repeat bottom left; }



/* drop-down width */

#nav li#companyNav ul {width: 104px; }
#nav li#productsNav ul {width: 244px; }
#nav li#purchaseNav ul {width: 104px; }
#nav li#supportNav ul {width: 104px; }





/* page heading */

#heading { font-family: arial; font-size: 18px; color: #5B687D; padding-left: 20px; margin-top: 15px; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #d1d1d1; }
.heading2 { color: #288244; }



#leftCol { float: left; width: 290px; padding-left: 15px;  }
#rightCol { float: right; width: 490px; padding-left: 15px; padding-right: 25px; padding-bottom: 30px; border-left: 1px solid #d1d1d1; line-height: 1.5em; } 



/* subNav */



table.subNavBox { width: 100%;}

td.leftCellTop { padding: 30px 0 0 20px; background: url(../images/common/box_top_left.gif) no-repeat top left; }
td.rightCellTop {width: 20px; background:  url(../images/common/box_top_right.gif) no-repeat top right; }
td.leftCellBottom { height: 20px; background:  url(../images/common/box_bottom_left.gif) no-repeat bottom left; }
td.rightCellBottom { background:  url(../images/common/box_bottom_right.gif) no-repeat bottom right; }

ul.subNav { list-style-type: none; padding: 0px; margin: 0px; }
ul.subNav li { margin-bottom: 10px;  }
ul.subNav a { font-family: arial; font-size: 11px; color: #36668C; text-transform: uppercase; text-decoration: none; }
ul.subNav a:hover, ul.subNav li.on a { color: #2D8549; } 
li.level1 a, li.on a { font-weight: bold; }
li.level2 { padding-left: 20px;  }
li.level3 { padding-left: 40px; }







/* PDF lists in left column */

div.pdfDiv { margin-top: 20px; }
div.pdfDiv ul { list-style-type: none; padding: 0; margin: 0;  }
div.pdfDiv ul li { margin-bottom: 6px; }
div.pdfDiv ul li a { font-size: 11px; text-decoration: none;color: #369; }
div.pdfDiv ul li a:hover { color: #2D8549; }

div.pdfDiv h3 { padding-left: 10px;}

/* PDF button */

a.pdfButton { display: block; width: 230px;  height: 14px;  background: #D3D3D3 url(../images/common/pdf_icon_2.png) no-repeat top right; border: 1px solid #BBB;  text-decoration: none;  padding-top: 6px; padding-bottom: 6px; padding-left: 10px; padding-right: 40px;  margin-bottom: 10px; }
a.pdfButton:hover { background: #dfdfdf url(../images/common/pdf_icon_2.png) no-repeat top right;}

#home a.pdfButton { width: 130px; height: auto;}



sup { font-size: 9px; vertical-align: baseline;}
#heading sup { font-size: 12px; vertical-align: top;}



ul.indentedList { margin-top: 0px; padding-top: 0px;  }
.indentedList li { font-weight: bold; }

a.learnMoreButton { display: block; width: 86px; height: 26px; background: #D6D5D6; border: 1px solid #BBB; }
a.learnMoreButton:hover { background: #dfdfdf;}

a.twitterButton { display: block; width: 160px; height: 27px; background: #FFFFFF; border: 0px solid #BBB; }



#footer { margin-bottom: 20px; padding-bottom: 10px; }
#footerHome  { border-top: 1px solid #B3B3B9; height: 16px; padding-top: 4px; } /* home */

#copyright { float: left; width: 150px; padding-left: 40px; color: #999; }
#home #copyright {padding-left: 20px; } /* home */



#midiLabs { float: right; width: 650px; text-align: right; padding-right: 10px; font-weight: bold; color: #999;}
#midiLabs a { color: #FF3016; text-decoration: none;}

.clearer  {clear: both; height: 1px; overflow: hidden; display: block; }



table.addressTable td { vertical-align: top; }
td.addressLeft { padding-right: 20px; font-weight: bold;}

table.personnelTable td { vertical-align: top; }
table.personnelTable td.imageCell { padding-left: 20px; }

table.courseTable { width: 100%; border: 1px solid #ccc; border-width: 0 0 1px 1px;  }
table.courseTable th, table.courseTable td  {  width: 50%; text-align: left; border: 1px solid #ccc; border-width: 1px 1px 0 0; padding: 2px; }



table.contactTable { width: 400px; margin-bottom: 30px;  }
table.contactTable td { }
table.contactTable td.imageCell { padding-left: 20px;  text-align: right;}



/* contact */
#contact h2 { margin-top: 30px; border-top: 1px solid #ccc; padding-top: 20px; }
h4 { font-size: 12px; margin-top: 30px; border-top: 1px solid #ccc; padding-top: 10px; color: #555; }
span.mailLink { display: block; font-size: 10px; }

table.contactFormTable td { padding: 2px; }
input, textarea { border: 1px solid #999; }