﻿/* MENU WIDTH SETTINGS */
#menu, #menu ul{
	width: 773px;
	margin-left: 15px;
}
#menu ul li ul,  #menu ul li ul li {width: 170px;}
#menu ul li ul li a {width:170px; }
#menu ul li ul li ul {left:210px;}
/* MENU COLOR SETTINGS */
#menu, #menu ul li a {
}
#menu ul li a {
	color: #5b595a;
	
}
#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active, #menu > ul > li:hover > a  {
	color: #aecc1c;
}
#menu ul li.homepage > a:hover {
	/*background-image: url(../images/menu/home.png);
	background-repeat: no-repeat;*/
	background-position: left;
	
}
#menu ul li.aboutpage > a:hover {
	/*background-image: url(../images/menu/about.png);
	background-repeat: no-repeat;*/
	background-position: left;
	
}
#menu ul li.howpage > a:hover {
	/*background-image: url(../images/menu/how.png);
	background-repeat: no-repeat;*/
	background-position: left;
	
}
#menu ul li.whopage > a:hover {
	/*background-image: url(../images/menu/who.png);
	background-repeat: no-repeat;*/
	background-position: left;
	
}
#menu ul li.whatpage > a:hover {
	/*background-image: url(../images/menu/whats.png);
	background-repeat: no-repeat;*/
	background-position: left;
	
}
#menu ul li.newspage > a:hover {
	/*background-image: url(../images/menu/news.png);
	background-repeat: no-repeat;*/
	background-position: left;
	border-left-width: 1px;
	
}
#menu ul li.contactpage > a:hover {
	/*background-image: url(../images/menu/contact.png);
	background-repeat: no-repeat;*/
	background-position: left;
	border-left-width: 1px;
	
}
#menu ul li.selected > a {
background: #f58024;
color: #ffffff;
}
#menu ul li ul li a{
border-top: 1px solid #fff;
}
#menu ul li ul li a {
background: #f47d31;
color: #ffffff;
}
#menu ul li ul li a:hover, #menu ul li ul li a:focus, #menu ul li ul li a:active, #menu ul li ul li:hover > a{
background-color: #000000;
color: #ffffff;
}
/* GENERAL MENU SETTINGS */
#menu {
padding:0px 0px 0px 0px;
font-size: 12px;
}
#menu a{
font-size: [menu-font-size];
font-weight: bold;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li {
position: relative;
float: left;
}
#menu ul li a {
	float: left;
	padding: 40px 18px 40px 18px;
	text-decoration: none;
}
#menu ul li.selected > a {
text-decoration: none !important;
}
#menu ul li em {
position: absolute;
left: -10001px;
top: -10001px;
}
#menu ul li ul {
display: none;
position: absolute;
left: 0;
top:100%;
z-index:500;
}
#menu ul li:hover > ul {
display: block;
}
#menu ul li ul li {
display: block;
float: none;
margin: 0;
}
html* #menu ul li ul li {
margin-bottom: -3px;
}
#menu ul li ul li a {
display: block;
float: none;
height: auto;
margin: 0;
padding: 6px 20px 6px 20px;
line-height: 1.3;
}
html* #menu ul li ul li a {
float: left;
}
#menu ul li ul li a:hover, #menu ul li ul li a:focus, #menu ul li ul li a:active, #menu ul li ul li:hover > a {
text-decoration: none;
}
#menu ul li ul li ul {
top: 0;
padding-left: 1px;
}
#menu ul li ul li ul li {
font-size: 1em;
}
#menu ul li ul li ul li a {
}
#menu img{display:none;}
/* CSSTerm.com Simple Horizontal DropDown CSS menu */
/**DROP MENU**/
.drop_menu {
	background:white;
	padding:0;
	margin:0;
	list-style-type:none;
	height:30px;
}
.drop_menu li { float:left; }
.drop_menu li a {
	padding:9px 20px;
	display:block;
	color:#fff;
	text-decoration:none;
	font:12px arial, verdana, sans-serif;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
.drop_menu li:hover { position:relative; background:#A5A8CF; }
.drop_menu li:hover ul {
	left:0px;
	top:30px;
	background:#264A96;
	padding:0px;
}

.drop_menu li:hover ul li a {
	padding:5px;
	display:block;
	width:168px;
	text-indent:15px;
	background-color:#264A96;
	height: 10px;
}
.drop_menu li:hover ul li a:hover { background:#A5A8CF; }

/***VERTICAL MENU***/

#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: 12px Arial;  
  font-weight: bold;
  width: 770px;
  
}
#cssmenu ul {
  background: #ffffff;
  height: 35px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: left;
  padding: 0px;
}
#cssmenu li a {
  background: #ffffff url("/images/menu/seperator.gif") bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 35px;
  margin: 0px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: #5B595A ;
}
#cssmenu ul ul a {
  color: #cccccc;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #466FA7 url("/images/menu/hover.png") bottom center no-repeat;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu li ul {
  background: #466FA7;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 225px;
  z-index: 200;
  /*top:1em;
	/*left:0;*/

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {
  background: url('images/menu/sub_sep.gif') bottom left no-repeat;
  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 225px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 35px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #2580a2 url('images/menu/hover_sub.png') center left no-repeat;
  border: 0px;
  color: #ffffff;
  text-decoration: none;
}
#cssmenu p {
  clear: left;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul ul {
  left: -9999px;
  top: 0;
}
#cssmenu ul ul li:hover > ul {
  left: 100%;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center > ul {
  text-align: center;
}
#cssmenu > ul > li {
  position: relative;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
  right: 0;
  left: auto;
  text-align: right;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 100%;
}

