@charset "utf-8";
/* CSS Document */
/* ----------- inner / 08 dark green : #00a88f ----- */
#brandingDarkGreen {width:220px;height:107px; background: url(images_08_darkgreen/logo.gif) no-repeat top left;}
#menuDarkGreen{height:480px;}
#encloseDarkGreen{ width: 715px; height:620px;float: left; background:url(images_08_darkgreen/08_darkgreen_01.jpg) no-repeat;}
.contentPanelDarkGreen{ width:373px;float:left; padding: 0px; height:620px; position:relative;}
#menuDarkGreen{height:480px;padding-top:12px;}
html> body #menuDarkGreen{height:480px;padding-top:22px;}

/*-- container --*/
.containerDarkGreen{width:322px; height:325px; background-color:#fff; position:absolute; left:30px; bottom:27px; border:#00a88f solid 1px; filter:alpha(opacity=80);opacity: 0.8; -moz-opacity:0.8; padding:10px;overflow:auto}
.containerDarkGreen p{filter:alpha(opacity=100);opacity: 1;-moz-opacity:1; color:#000;}
html>body .containerDarkGreen{height:316px;}

/* ----------- inner / 08 dark green : #00a88f ------------------------------------------------------------- */
/* --[[ Main Items ]]--  */
*:first-child+html #menuDarkGreen #imenus0 li a, menuDarkGreen #imenus0 .imctitle{width:auto; height:20px;} /* ie7 --*/
*:first-child+html #menuDarkGreen #menu span{height:0px; position:absolute; left:0px; top:0px; } /* ie7 --*/
html> body #menuDarkGreen #imenus0 li a, #menuDarkGreen #imenus0 .imctitle{ white-space:nowrap; width:auto;}/* firefox --*/
#menuDarkGreen #imenus0 li a, #menuDarkGreen #imenus0 .imctitle{color:#fff;text-align:left;text-decoration:none;padding:4px 15px 4px 15px;font:15px Trebuchet MS;background:#00a88f url(none); margin-bottom:6px; font-weight:bold;border:#00a88f solid 1px; width:auto; height:20px; white-space:nowrap} /* ie6 --*/
#menuDarkGreen span{height:0px; position:absolute; left:0px; top:0px; } /* ie6 --*/

/* [hover] - These settings must be duplicated for IE compatibility. */
#menuDarkGreen #imenus0 li:hover>a{color:#00a88f;text-align:left;text-decoration:none;background:#fff url(none); border:#00a88f solid 1px;}
#menuDarkGreen #imenus0 li a.ihover, #menuDarkGreen .imde imenus0 a:hover{color:#00a88f;text-align:left;text-decoration:none;background:#fff url(none); border:#00a88f solid 1px;}
/* [active]  */
#menuDarkGreen #imenus0 li a.iactive{color:#00a88f;text-align:left;text-decoration:none;background:#fff url(none); border:#00a88f solid 1px;}

/* --[[ Sub Items ]]--  */
#menuDarkGreen #imenus0 ul a, #menuDarkGreen #imenus0 ul .imctitle{color:#00a88f;text-align:left;text-decoration:none;background:#fff url(none);width:240px; border:#00a88f solid 1px;text-transform:capitalize;}
#menuDarkGreen #imenus0 ul li a{font-weight:normal;}
/* [hover] - These settings must be duplicated for IE comptatibility. */
#menuDarkGreen #imenus0 ul li:hover>a{color:#00a88f;text-align:left;text-decoration:none;background:#fff url(none); border:#00a88f solid 1px; font-weight:bold}
#menuDarkGreen #imenus0 ul li a.ihover{color:#00a88f;text-align:left;text-decoration:none;background:#fff url(none); border:#00a88f solid 1px;font-weight:bold}
/* [active]  */
#menuDarkGreen #imenus0 ul li a.iactive{color:#00a88f;text-align:left;text-decoration:none;background:#fff url(none); border:#00a88f solid 1px;font-weight:bold}