<style type="text/css">

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 4px 5px 5px;
		color:#3263E3;
		font-size:82%;
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:12px;
		background-color:transparent;
		border-style:none;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 12px 3px 5px;
		background-color:transparent;
		font-size:82%;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#070761;
		font-size:90%;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#AAAAAA;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#D1E0FC;
		background-color:#F7F7F7;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" (sub) Rounded Items Active""""""""*/	
	body #qm0 div .qmactive .qmritem span, body #qm0 div .qmactive:hover .qmritem span	
	{	
		background-color:#D1E0FC;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		padding:10px;
		margin:-2px 0px 0px 0px;
		background-color:#F7F7F7;
		border-width:1px;
		border-style:solid;
		border-color:#D1E0FC;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#F7F7F7;
	}



/*CredIt: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.gallerycontainer{
position: relative;
height: 200px;
width: 800px;
text-align: center;
}

.gallerycontainerup{
position: relative;
height: 150px;
width: 800px;
text-align: center;
background-color: #c0c0c0;
}


.gallerycontainer p
{
/*padding-bottom:1em;*/
text-align: left;
color: #070761;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
margin:0;

}

.gallerycontainerup p
{
/*padding-bottom:1em;*/
text-align: left;
color: #070761;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
margin:0;


}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
height: 150px;
z-index: 25;
}

.thumbnail 
{

z-index: 25;

}


.thumbnail:hover{
background-color: transparent;
z-index: 25;

}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
visibility: hidden;
z-index: 25;
text-align: justify;
color:#CC0000;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
text-align: center;
border-width: 0;
height: 300px;
margin-left: 1em;
margin-right:1em;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
top: 150px;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 1000;
border: 0px solid gray; 
margin: 4px;
}


.thumbnailup img{
border: 0;
margin: 0;
padding: 0;
height: 150px;
z-index: 25;
}

.thumbnailup {
z-index: 25;

}


.thumbnailup:hover{
background-color: transparent;
z-index: 25;
border: 0;
margin: 0;
padding: 0;
}


.thumbnailup span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
visibility: hidden;
z-index: 25;
text-align: justify;
color:#CC0000;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
text-decoration: none;
}

.thumbnailup span img{ /*CSS for enlarged image*/
text-align: center;
border-width: 0;
height: 300px;
margin-left: 1em;
margin-right:1em;


}

.thumbnailup:hover span{ /*CSS for enlarged image*/
position: absolute;
visibility: visible;
top: -360px;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 1000;
border: 0px solid gray; 
margin: 4px;
}

.thumbnailup p
{

text-align: left;
color: #070761;
font-weight: bold;
margin:0;

}
.gallerycontainer a

{
text-decoration:none;
}

.gallerycontainerup a

{
text-decoration:none;
}

/*MCL-T site CSS setup*/

body
	{
	background-color:#CCCCFF;
	font-family:Arial, Helvetica, sans-serif;
	}

p
	{
	text-align:justify;
	}
  

div.container h1
	{
	font-size:150%;
	color: #070761;
	}

div.container h2
	{
	font-size:125%;
	color: #070761;
	}

div.container h3
	{
	color: #070761;
	}

div.container li
	{
	text-align:justify;
	padding-bottom:0.5em;
	}
div.container
{
background-color:#FFFFFF;
margin: 0 auto;
border-left: 2em solid white;
border-right: 2em solid white;
padding: 20px;
overflow: hidden;
min-width: 700px;
max-width: 800px;
}



* html div.container 
{
width:expression(((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth)
> 1100 ? "1000px" : (((document.compatMode &&
document.compatMode=='CSS1Compat') ?
document.documentElement.clientWidth :
document.body.clientWidth) < 705 ? "700px" : "auto"));
}


div.topbox

{
margin-top: 0;
padding-top: 0;
border: 1px solid white;
height: 11em;
}

div.menubar
{
border: 1px solid white;
margin-right: 150px;
margin-top: 2em;
}

div.menubar img
{
width: 600px;
}

div.tablecontrol
{

text-align:center;
}
div.tablecontrol tbody tr:hover {
	
	background: #c6c6e8;
	
}

div.tablecontrol tbody  
	{
	font-size:82%;
	}

div.tablecontrolleft
{

text-align:justify;
}
div.tablecontrolleft tbody tr:hover {
	
	background: #c6c6e8;
	
}

div.tablecontrolleft tbody  
	{
	font-size:82%;
	}

div.logo
{
margin-top: 0;
padding-top: 0;
width: 150px;
float:right;
}

div.logo img
{

margin: 0 ;
display: inline;
width: 150px;
}

div.logo p
{
margin: 0;
font-size:75%;
font-style: italic;
color: #3263E3;
}

div.refs p
{
font-size: 82%;
margin-left: 2em;
}

div.textspace

{
font-size:102%;
color:#070761;
}


div.textspace a:link
{
color:#6600FF;
text-decoration: none;
border: 1px solid white;
}

div.textspace a:visited
{
text-decoration: none;
border: 1px solid white;
color:#6600FF;
}

div.textspace a:focus
{
text-decoration: none;
border: 1px solid white;
color:#6600FF;
}

div.textspace a:hover	
	{	
		border: 1px solid gray;
		color:#CC0000;
	}

div.textspace a:active
{
text-decoration: none;
border: 1px solid white;
color:#6600FF;
}


ul#products
	{
	margin-left:3em;
	padding-left:0;
	list-style-type: none;
	}

ul#products a
	{
	display:block;
	text-decoration:none;
	width: 43em;
	padding-left: 0.5em;
	border: 1px solid white;
	color:#070761;
	}

ul#products a:visited	
	{	
	border: 1px solid white;
	color:#070761;
	}

ul#products a:focus	
	{	
		border: 1px solid white;
	}

ul#products a:hover	
	{	
		border: 1px solid gray;
		color:#CC0000;
	}

ul#products a:active	
	{	
		border: 1px solid white;
	}

div.textspace img
	{
	border: 0px solid ;
	padding-right: 0.5em;
	}

ul#products li
	{
	padding-bottom:0;
	}

div.validator a:link
{
text-decoration: none;
border: 0;
}

div.validator a:visited
{
text-decoration: none;
border: 0;

}

div.validator a:focus
{
text-decoration: none;
border: 0;

}

div.validator a:hover	
	{	
		border: 0;
		
	}

div.validator a:active
{
text-decoration: none;
border: 0;

}


div.validator img
{
text-decoration: none;
border: 0;

}	

/*-----------------------------------
		CSS TABLE GALLERY
		STYLESHEET: CLEAR BLUE
		AUTHOR: ROBERT HARTL
------------------------------------*/

table 
	
	{
	
	background-color: #ffffff;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
	border:0;
	
}

table caption 
	{
	padding-bottom:1em;
	text-align:left;
	color: #070761;
	font-weight: bold;
	background: transparent;
	}
  
table thead th, table tfoot th, table tfoot table td {
	border:0;
	margin:0;
	padding-left:5px;
	letter-spacing:0.1em;
	color: #fff;
	background: #009;
	font-size:90%;
}

  
table tfoot th, table tfoot td {
	border-top: 2pt double #009;
	border-left:0;
	border-right:0;
}

table td, table th {
	padding:4px;
	margin:0;
	border:0;
}




table a[title^="Download"] { 
	font-style:italic;
}

tbody td a, tbody th a {
	background: transparent;
	color: #009000;
	text-decoration: none;
	border:0;
	margin:0;
	padding:0;
}

tbody td a:hover, tbody th a:hover {
	background: transparent;
	color: #930000;
	border:0;
	margin:0;
	padding:0;
}

.odd {
	background: #e3e3f4;
}

table tbody tr:hover {
	
	background: #c6c6e8;
	margin:0;
	padding:0;
	border:0;
}


tbody tr th:hover {
	background:#fff;
border:0;
margin:0;
padding:0;
}

table a:visited {
	text-decoration: line-through;
	color:#cccccc;
}

.widtd

{
min-width:12em;
max-width:12em;
}



</style>
