/*Side Navigation menu*/
div.sdmenu {
	min-height: 100%;
    width: 100%;
    height: 100%;
	min-width: 140px;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(sdmenu/bottom.gif) no-repeat  right bottom;
	color: #fff;
	text-align: left;
}
div.sdmenu div {
	background: url(sdmenu/title.gif) repeat-x;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(sdmenu/toptitle.gif) no-repeat;
}
div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: white;
	background: url(sdmenu/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(sdmenu/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #ddd;
	color:#336699;
	font-weight: bold;
}
div.sdmenu div a.current {
	background : #ccc;
}
div.sdmenu div a:hover {
	background : #336699 url(sdmenu/linkarrow.gif) no-repeat right center;
	color: #fff;
	text-decoration: none;
}

/*General*/
body         { font-family: Arial;  font-size: 12pt; text-align: justify; }
h1           { font-size: 16pt; font-weight: bold; color: #336699 ; text-align: center }
h2           { font-size: 14pt; font-weight: bold; color: #336699}
a            { text-decoration : none; color: #336699 }
a, a:visited { color:#336699;}
link         { color: #336699 } 
dt			 { font-size: 10pt; font-weight: bold; color: #336699 }
dd			 { font-size: 10pt;}
hr 			 { border: 0; color: #FF6600; background-color: #FF6600; height: 2px; width: 100%;text-align: left; }		

/*Certificate Gallery picture viewer from CSS Play*/
#gallery {width:600px; height:380px;}
#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:left;}
#gallery ul li {display:inline; width:47px; height:47px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:45px; height:45px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:45px; height:45px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; left:185px; top:0px; width:auto; height:375px; border:0;} 

/*3 picture heading*/
div.picturebar {float:top;}
div.picturebar img {display:inline; width:33%; border:1px solid #000;}

/*Header bar*/
div.header { font-size: x-small; color:#000; }


/*Products&Services clickable picture viewer from CSS Play*/
/* needed for IE to make :active state work first time */
a, a:visited {color:#336699;} 
/* common styling for all galleries */
/*note size of thumb ; display:inline-block*/
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:100px; height:65px; float:left; margin:4px; z-index:50;}
a.textlink, a.textlink:visited {color:#000; text-decoration:none; border:4px solid #fff; float:left; margin:4px; z-index:50;}
a.slidema {background:url(products/mafr4multi.jpg);}
a.slidemb {background:url(products/mbflexi-r.jpg);}
a.slidemc {background:url(products/mcflexi.jpg);}
a.slidemd {background:url(products/mdteflon.jpg);}
a.slideme {background:url(products/mecic.jpg);}
a.slidemf {background:url(products/tmp.jpg);}
a.slidemg {background:url(products/mgadvs.jpg);}
a.slideca {background:url(products/camvia.jpg);}
a.slidecb {background:url(products/cbvia.jpg);}
a.slidecc {background:url(products/ccheats.jpg);}
a.slidecd {background:url(products/cdboard.jpg);}
a.slidece {background:url(products/tmp.jpg);}
a.slidecf {background:url(products/tmp.jpg);}
a.slidesa {background:url(products/saqtr.jpg);}
a.slidesb {background:url(products/sbrohs.jpg);}
a.slidesc {background:url(products/scist.jpg);}
a.slidesd {background:url(products/sdcontri.jpg);}
a.slidese {background:url(products/seadvice.jpg);}
a.slidesf {background:url(products/tmp.jpg);}
a.slidesg {background:url(products/sgrandd.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #336699;}
a.textlink em, a.textlink span {display:none;}
a.textlink:hover {border:4px solid #336699;}
/* styling for TOP gallery */
#container_top {position:relative; width:100%; margin:1em auto; font-style: normal;}
#container_top img {border:0;}
#container_top .thumbs {position:absolute; left:0; top:0;}
#container_top a.gallery:hover span {display:block; position:absolute; width:500px; height:80px; top:155px; left:5px; padding:5px; color:#000;  z-index:100;}
#container_top a.gallery:hover span:first-line {font-style: italic; font-size: 14pt; font-weight: bold; color: #336699; font-size:1.1em;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {font-style: normal; display:block; position:absolute; width:580px; top:230px; left:5px; padding:5px; border:1px solid #FF6600;}
#container_top a.gallery:active em ul li, #container_top a.gallery:focus em ul li {font-style: normal; text-align:justify; color:#000; padding:5px;}
#container_top a.gallery:active em dd i, #container_top a.gallery:focus em dd i {font-style: normal; position:absolute; left:330px; text-align:left;}

#container_top a.textlink {color:#336699;}
#container_top a.textlink:hover span {display:block; position:absolute; width:500px; height:80px; top:70px; left:5px; padding:5px; color:#000;  z-index:100;}
#container_top a.textlink:hover span:first-line {font-style: italic; font-size: 14pt; font-weight: bold; color: #336699; font-size:1.1em;}
#container_top a.textlink:active, #container_top a.textlink:focus {border:4px solid #FF6600;}
#container_top a.textlink:active em, #container_top a.textlink:focus em {font-style: normal; overflow:auto; display:inline; position:absolute; width:550px; height:175px; top:120px; left:5px; padding:5px; border:1px solid #FF6600;}
#container_top a.textlink:active em dd i, #container_top a.textlink:focus em dd i {font-style: normal; position:absolute; left:330px; text-align:left;}
#container_top a.textlink:active em ul li, #container_top a.textlink:focus em ul li {font-style: normal; text-align:justify; color:#000; padding:5px;}
#container_top h1 {clear:both; margin:0; padding-top:132px; text-align:right; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:bold; color: #336699;}
#container_top h1 em {font-size:0.6em; color:#000;}
#container_top h2 {color:#FF6600;}

/* News archive (column)*/
div.news a {position:absolute; left:150px; color:#000;}

/*Capability*/
div.capab {width:75%; font-size: x-small;}
dl {display:inline;}
dl.key {position:absolute; right:15px; width:20%; border:1px solid #FF6600; text-align:left;}
dt.header {display: block; color:#000; ; font-size: x-small; text-decoration : none; text-align:left;}
dd.stand {color:#008000;}
i.stand {color:#008000;}
dd.ryield {color:#DC143C;}
i.ryield {color:#DC143C;}
dd.develop {color:#0000FF;}
i.develop {color:#0000FF;}