body { background: #fff url(../images/bg/midi_interior_bg.gif) repeat-x;  margin: 0; padding: 0; font: normal 11px verdana, sans-serif; color: #666;}
	img { border: 0; font: normal verdana, sans-serif 11px;  }
	a { color: #36C; }
	
	#container { position: relative; width: 800px; height: 580px;  margin: auto; background: #fff url(../images/bg/midi_page_bg.gif) no-repeat; } /* url(../images/midi_interior_page.jpg) */ 

#topImg { position: absolute; left: 10px; top: 80px; width: 200px; height: 120px;/*  border: 1px solid red;  */ }		
#logoLink { position: absolute; left: 610px; top: 10px; width: 180px; height: 100px;/*  border: 1px solid red;  */ }
#heading 	{ position: absolute; left: 230px; top: 134px; /*  border: 1px solid red;  */ }
#heading h1 	{display: inline; font: 24px normal "trebuchet ms", sans-serif; color: #EBFAF6; }
#heading h2 	{ display: inline; font: 24px normal "trebuchet ms", sans-serif; color: #F4FFFC; padding-left: 8px; }
	
h3 {  font: 14px normal "trebuchet ms", sans-serif; color: #AF5F46;  }
h4, h4 a {  font: bold 11px verdana, sans-serif; color: #666;}

	#nav { position: absolute; top: 170px; left: 211px; width: 580px; height: 30px; background: #C6E2DA; }
	#nav ul {list-style-type: none; margin: 0; padding: 0; margin-left: 10px; }
	#nav ul li { display: inline;  }
	#nav li a { text-decoration: none; color: #3D725B; float: left; height: 16px; padding: 7px 10px; font: bold 10px verdana, sans-serif; }
	#nav li a:hover, #nav li.on a  { color: #4D9090; background: #DCF4ED;}
	
	
	
	#subnav { position: absolute; top: 220px; left: 10px; width: 200px; height: 250px; background: #fff; }
	
	#subnav ul {list-style-type: none; margin: 0; padding: 0; margin-left: 20px; margin-top: 5px; }
	#subnav ul li { padding-bottom: 6px;}
	#subnav li a { text-decoration: none; color: #3D725B; display: block; font: bold 10px verdana, sans-serif; }
	#subnav li a:hover, #subnav li.on a  { color: #3399CC; }
	
	#subnav ul li ul {list-style-type: none; margin: 0; padding: 0; margin-left: 10px; margin-top: 4px;  }
	#subnav ul li li { padding-bottom: 4px;}
	#subnav li li a { text-decoration: none; color: #4E7691; display: block; font: bold 10px verdana, sans-serif; }
	#subnav li.on li a {  color: #4E7691; }
	#subnav li li a:hover, #subnav li li.on a  { color: #3399CC; }
	
	#sampleDiv { margin-left: 19px; margin-top: 0px; }
	.services #sampleDiv  { margin-top: 30px; } 
	.publications #sampleDiv { margin-top: 30px; } 
		
	#content { position: absolute; top: 210px; margin-left: 230px; width: 560px;  background: #fff; /* border: 1px solid red; */ }
	.clearer { clear: both; display: block; height: 10px; overflow: hidden; }
	
	.divider { clear: both; display: block; height: 10px; overflow: hidden; border-top: 1px solid  #D5ADA0; }
	
	#footer { clear: both; border-top: 1px solid #C6E2DA; margin-top: 20px; margin-bottom: 20px;  padding-top: 1px; font: normal  10px verdana; color: #999; text-align: right; }
	
	
	Use more normal column sizes as the default here
	#leftCol { float: left; width: 340px; padding-top: 10px;}
	#rightCol { float: left; width: 190px; }	
	.singleCol { width: 450px; }
	
/* Submission form specific	 */

.printOnly { display: none; }
	
.infoTable { width: 100%; clear: both; margin-top: 20px}

.infoTable td { padding-left: 10px;}
.infoTable td.left { padding-left: 0px;}

.infoTable th { text-align: left; padding-left: 10px; padding-top: 6px;}
.infoTable th.left { padding-left: 0px;}

.infoTable td.single { width: 33%; }
.infoTable td.double { width: 66%; }

.infoTable input { width: 99%; height: 20px; }

.infoTable td.check input { width: 20px; height: 20px; }
.infoTable td.check { font-weight: bold; }

.infoTable h2 { font-size: 11pt; padding: 0; margin: 12px 0 0 0; }
 
 .infoTable#card {/*  border: 1px solid #999; padding: 10px ; margin-top: 12px; */}
 .infoTable#card h2 { margin-top: 0; }
 .infoTable#card input { width: 99%; height: 20px; }
 .infoTable#card td.check input { width: 20px; height: 20px; }
  
 .pageEndDiv { page-break-after: always; clear: both; }