/*** NAVIGATION STRUCTURE***/

#nav2, #nav2 ul, #nav2 li, #nav2 li a,
#nav, #nav ul, #nav li, #nav li a {
	font-family: 'Oswald',Arial Narrow,Arial,sans-serif;
	font-weight: 500;
	text-transform:uppercase;
	letter-spacing:.5px;
	font-size: 15px;
	list-style: none;
	text-decoration: none;
	text-align: center; }


#nav2 ul, #nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0; }

#nav2 li, #nav li {
	float: left;
	display: block;
	background-color: #111111; }

#nav li { width: 115px; }
#nav li.wide { width: 180px; }



#nav2 li { width: 14%; }

#nav2 .navport li { width: 19%; }

#nav2 li.per10 { width: 10%; }
#nav2 li.per13 { width: 13%; }
#nav2 li.per15 { width: 15%; }
#nav2 li.per17 { width: 17%; }
#nav2 li.per19 { width: 19%; }
#nav2 li.per20 { width: 20%; }
#nav2 li.per21 { width: 21%; }
#nav2 li.per22 { width: 22%; }
#nav2 li.per23 { width: 23%; }
#nav2 li.per25 { width: 25%; }
#nav2 li.per28 { width: 28%; }

#nav2 li a, #nav li a {
	display: inline;
	border-right: 2px solid #FFFFFF;
	padding: 2px 0 2px 0; }

#nav2 li.per21 a { color: #DDC2F8; }

#nav2 li a.noborder,
#nav li a.noborder { border-right: none; }

/* main menu button font color, height & padding */
#nav2 li a,
#nav li a {	display: block; color: #FEFFFF; }

/* main menu button active font color, & background color */
#nav2 li a:hover,#nav li a:hover { background: #111111; color: #00FC87; }


#nav2 li.active a, #nav li.active a{ color: #52D096; }

/*** SIDE NAVIGATION STRUCTURE ***/

#side_nav ul { list-style-type: none; margin: 0; }

#side_nav li {
	width: 100%;
	margin: 0 0 8px 0;
	display: block;
	float: left; }


#side_nav li{
	font-size: 15px;
	font-weight: 600;
	color: #000000;
	list-style: none;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase !important;
	border: none; }


/* #side_nav li{
	/*-moz-box-shadow: 2px 2px 3px #444444;  Firefox */
	/*-webkit-box-shadow: 2px 2px 3px #444444; /* Safari/Chrome */
	/*box-shadow: 2px 2px 3px #444444; /* Opera and other CSS3 supporting browsers */
	/*-webkit-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	/*-moz-text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	/*text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); } */

#side_nav li, #side_nav li:link{
	background-color: #000000;
	border-top: 1px solid #007D43;
	border-right: 1px solid #111111;
	position: relative;
	-webkit-box-shadow:
	inset -1px -1px 1px rgba(255, 255, 255, 1),
	inset 0 1px 1px rgba(0, 0, 0, 0.9);
	-moz-box-shadow:
	inset -1px -1px 1px rgba(255, 255, 255, 1),
	inset 0 1px 1px rgba(0, 0, 0, 0.9);
	box-shadow:
	inset -1px -1px 1px rgba(255, 255, 255, 1),
	inset 0 1px 1px rgba(0, 0, 0, 0.9); }

#side_nav li:hover{
	background-color: #000000;
	border-top: 1px solid #00E87C;
	border-right: 1px solid #00E87C;
	position: relative;
	top: 1px;
	-webkit-box-shadow:
	inset -1px -1px 1px rgba(255, 255, 255, .6),
	inset 0 1px 1px rgba(0, 0, 0, 0.9);
	-moz-box-shadow:
	inset -1px -1px 1px rgba(255, 255, 255, .6),
	inset 0 1px 1px rgba(0, 0, 0, 0.9);
	box-shadow:
	inset -1px -1px 1px rgba(255, 255, 255, .6),
	inset 0 1px 1px rgba(0, 0, 0, 0.9);
	color: #FFFEE6; }

/*** SIDE NAVIGATION TYPOGRAPHY ***/

#side_nav li a {
	font-family: 'Oswald',Arial Narrow,Arial,sans-serif;
	font-weight: 600;
	text-transform:uppercase;
	letter-spacing:0;
	font-size: 13px;
	display: block;
	padding: 10px 0 10px 10px;
	line-height: 120%; }

#side_nav li a:link, #side_nav li a:visited {
	text-transform: uppercase !important;
	color: #00FC87;
	text-decoration: none;
	font-size: 13px; }

#side_nav li a:hover{
	text-transform: uppercase !important;
	color: #00D471;
	text-decoration: none;
	font-size: 13px; }

#side_nav li.active:hover,
#side_nav li.active{
	background-color: #000000;
	border-top: 1px solid #3D5C4D;
	border-right: 1px solid #3D5C4D;
	position: relative;
	top: 1px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; }

#side_nav li.active a { color: #00C067; }