﻿.menu-2{
font: bold 16px Geneva, Arial, Helvetica, sans-serif;
width: 99.9%; /*leave this value as is in most cases*/
letter-spacing: .75em;
margin: 0 auto;
}

.menu-2 ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
background-color: #676E75;
}

.menu-2 ul li{
display: inline;
}

.menu-2 ul li a{
float: left;
color: #fff; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #fff; /*grey divider between menu items*/
}

.menu-2 ul li a:visited{
	color: white;
}

.menu-2 ul li a:visited:after{
	content: " ";
}

.menu-2 ul li a:hover, .menu-2 ul li .current{
color: #676E75 !important; /*text color of selected and active item*/
background-color: #E4F0DB !important;
text-decoration: none;
}
/* TABS MENU */
#tab-wrapper{
	/*width: 25em;*/
	width:auto;
}
#tab-menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 10px;
}

#tab-menu ul, #tab-menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#tab-menu a:link, #tab-menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#tab-menu a:link.active, #tab-menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#tab-menu a:hover	{
	color : #f00;
}

	
body.section-1 #tab-menu li#nav-1 a, 
body.section-2 #tab-menu li#nav-2 a,
body.section-3 #tab-menu li#nav-3 a,
body.section-4 #tab-menu li#nav-4 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#tab-menu #subnav-1,
#tab-menu #subnav-2,
#tab-menu #subnav-3,
#tab-menu #subnav-4 {
	display : none;
	width: 90%;
}

body.section-1 #tab-menu ul#subnav-1, 
body.section-2 #tab-menu ul#subnav-2,
body.section-3 #tab-menu ul#subnav-3,
body.section-4 #tab-menu ul#subnav-4 {
	display : inline;
	left : 10px;
	position : absolute;
	top : 95px;
}

body.section-1 #tab-menu ul#subnav-1 a, 
body.section-2 #tab-menu ul#subnav-2 a,
body.section-3 #tab-menu ul#subnav-3 a,
body.section-4 #tab-menu ul#subnav-4 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #tab-menu ul a:hover {
	color : #f00 !important;
}

#contents {
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;
}

/* SIDEBARS */
.box {
 /*margin-bottom: 1em;
  font-size: 85%;
  line-height: 1.5em;*/
  color: #666;
  border: 1px solid #aac19a;
  background-color:#e4f0db;
  }
.box h3.nav-title {
  margin: 0;
  padding: 2px;
  font-family: Georgia, serif;
  font-size: 130%;
  font-weight: bold;
  color: #666;
  background-color: #aac19a;
  text-transform:capitalize;
  letter-spacing:.15em;
  }

.box ul li {
  list-style: none;
 }
  
/* SIDEBAR NAVIGATION MENU */  
.navcontainer { width: auto; margin-bottom: 1em;}

.navcontainer ul
{
list-style-type: none;
}

.navcontainer a
{
display: block;
padding-left: .25em;
color: #444d40;
font-size: small;
/*font-family: "Century Gothic", Tahoma, sans-serif;*/
}

.navcontainer a:link, .navlist a:visited
{
color: #444d40;
text-decoration: underline;
}

.navcontainer a:visited:after {
	content: " ";
}

.navcontainer a:hover
{
background-color: #444d40;
color: #fff;
text-decoration: none;
 }

.navcontainer a#selected{
	background-color:#444d40;
	color:#fff;
	text-decoration:none;
}

/* Right Sidebar */
#right-sidebar h3.nav-title {
  margin: 0;
  padding: 2px;
  font-family: Georgia, serif;
  font-size: 130%;
  font-weight: bold;
  color: #666;
  background-color: #aac19a;
  text-transform:capitalize;
  letter-spacing:.15em;
  }
 #right-sidebar a:visited:after {
	content: " ";
}
/* ----- Vertical Menu ----- */
#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 0px;
margin: 0px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;

}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 130%;
font-weight:bold;
display: block;
padding: 1em;
text-decoration: none;
color: #444d40;
width:auto;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #444d40;
background-color: #aac19a;
}

/* INTERESTS */
#interests{
border: 1px double #aac19a;	
background-color: yellow;
}

/* BLOCK */
.block{
	float:left;
}

/* SUBMENU */
ul.submenu {
	margin:0;
	padding:0;
}
ul.submenu li{	
	list-style:square;
	list-style-position:inside;
}

/* SUBMENU SELECTED */
.submenu-selected{
	background-color: #fff;
}