.leftmenu{
	 border: 1px solid #999;	
	 width: 192px
}

.navigation {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
  font-size: 12px;
}

.navigation ul,
.navigation ul li,
.navigation ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation ul {
  position: relative;
  z-index: 500;
  float: left;
}

.navigation ul li {
  float: left;
  min-height: 0.05em;
  line-height: .5em;
  vertical-align: middle;
  position: relative;
}

.navigation ul li.hover,
.navigation ul li:hover {
  position: relative;
  z-index: 510;
  cursor: default;
}

.navigation ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 520;
  width: 100%;
}

.navigation ul ul li { float: none; }

.navigation ul ul ul {
  top: 0;
  right: 0;
}

.navigation ul li:hover > ul { visibility: visible; }

.navigation ul ul {
  top: 0;
  left: 100%;
}

.navigation ul li { float: none; }

.navigation ul ul { margin-top: 0.05em; }

.navigation {
  width: 192px;
  background: #ffffff;
  font-family:helvetica, arial, sans-serif;
  zoom: 1;
}

.navigation:before {
  content: '';
  display: block;
}

.navigation:after {
  content: '';
  display: table;
  clear: both;
}

.navigation a {
  display: block;
  padding: 2px;
  color: #333;
  text-decoration: none;
  line-height: 100%;
}

.navigation > ul { width: 192px; }

.navigation ul ul { width: 192px; }

.navigation > ul > li > a {
  color: #333;
}

.navigation > ul > li > a:hover { color: #333; }

.navigation > ul > li a:hover,
.navigation > ul > li:hover a { background: #fff; }

.navigation li { position: relative; }

.navigation ul li.has-sub > a:after {
  content: '»';
  position: absolute;
  right: 1em;
}

.navigation ul ul li.first {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

.navigation ul ul li.last {
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
  border-bottom: 0;
}

.navigation ul ul {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.navigation ul ul { border: 1px solid #34A65F; }

.navigation ul ul a { color: #333; }

.navigation ul ul a:hover { color: #333; }

.navigation ul ul li { border-bottom: 1px solid #333; }

.navigation ul ul li:hover > a {
  background-color: #fff;
  color: #333;
}

.navigation.align-right > ul > li > a {
  border-left: 0.3em solid #34A65F;
  border-right: none;
}

.navigation.align-right { float: right; }

.navigation.align-right li { text-align: right; }

.navigation.align-right ul li.has-sub > a:before {
  content: '+';
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
}

.navigation.align-right ul li.has-sub > a:after { content: none; }

.navigation.align-right ul ul {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 598;
  width: 100%;
}

.navigation.align-right ul ul li.first {
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}

.navigation.align-right ul ul li.last {
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}

.navigation.align-right ul ul {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

/*navy*/

.navigation.navy > ul > li > a {
  color:  #2C449C;
}

.navigation.navy > ul > li > a:hover { color: #ffffff; }

.navigation.navy > ul > li a:hover,
.navigation.navy > ul > li:hover a { background:  #2C449C; color:#fff; }

.navigation.navy ul ul li { border-bottom: 1px solid #1F337C; }
.navigation.navy ul ul { border: 1px solid #1F337C; }

.navigation.navy ul ul li:hover > a {
  background: #1F337C;
  color: #ffffff;
}

/*purple*/
.navigation.purple .subtitle{
  color: #fff;
  background-color: #91025A;
  padding: 10px;
}


.navigation.purple > ul > li > a {
  color: #91025A;
}

.navigation.purple > ul > li > a:hover { color: #ffffff; }

.navigation.purple > ul > li a:hover,
.navigation.purple > ul > li:hover a { background: #91025A; color:#fff; }

.navigation.purple ul ul li { border-bottom: 1px solid #6D0043; }
.navigation.purple ul ul { border: 1px solid #6D0043; }

.navigation.purple ul ul li:hover > a {
  background: #6D0043;
  color: #ffffff;
}

/*blue*/
.navigation.blue .subtitle{
  color: #fff;
  background-color: #2845A3;
  padding: 6px;
}

.navigation.blue .subtitle2{
  color: #2845A3;
  background-color: #b4c4f7;
  padding: 4px;
}


.navigation.blue > ul > li > a {
  color: #2845A3;
}

.navigation.blue > ul > li > a:hover { color: #ffffff; }

.navigation.blue > ul > li a:hover,
.navigation.blue > ul > li:hover a { background: #2845A3; color:#fff; }

.navigation.blue ul ul li { border-bottom: 1px solid #1F3782; }
.navigation.blue ul ul { border: 1px solid #1F3782; }

.navigation.blue ul ul li:hover > a {
  background: #1F3782;
  color: #ffffff;
}

/*green*/
.navigation.green .subtitle{
  color: #fff;
  background-color: #237350;
  padding: 10px;
}


.navigation.green > ul > li > a {
  color:  #237350;
}

.navigation.green > ul > li > a:hover { color: #ffffff; }

.navigation.green > ul > li a:hover,
.navigation.green > ul > li:hover a { background: #237350; color:#fff; }

.navigation.green ul ul li { border-bottom: 1px solid #1C5B3F; }
.navigation.green ul ul { border: 1px solid #1C5B3F; }

.navigation.green ul ul li:hover > a {
  background: #1C5B3F;
  color: #ffffff;
}

/*orange*/
.navigation.orange .subtitle{
  color: #fff;
  background-color: #943912;
  padding: 10px;
}


.navigation.orange > ul > li > a {
  color:  #943912;
}

.navigation.orange > ul > li > a:hover { color: #ffffff; }

.navigation.orange > ul > li a:hover,
.navigation.orange > ul > li:hover a {
	background-color: #943912;
	color:#fff;
}

.navigation.orange ul ul li { border-bottom: 1px solid #803110; }
.navigation.orange ul ul { border: 1px solid #803110; }

.navigation.orange ul ul li:hover > a {
  background: #803110;
  color: #ffffff;
}

/*gray*/
.navigation.gray .subtitle{
  color: #fff;
  background-color: #595757;
  padding: 10px;
}


.navigation.gray > ul > li > a {
  color:  #333;
}

.navigation.gray > ul > li > a:hover { color: #ffffff; }

.navigation.gray > ul > li a:hover,
.navigation.gray > ul > li:hover a { background: #595757; color:#fff; }

.navigation.gray ul ul li { border-bottom: 1px solid #333; }
.navigation.gray ul ul { border: 1px solid #333; }

.navigation.gray ul ul li:hover > a {
  background: #333;
  color: #ffffff;
}