/* Menu Pages  */

/* ---- TAB MENU  --------------------------------------------------------*/

#navTab-menu
{
	width: 486px;
	min-height: 220px;
	height:auto;
	padding: 0px; 
	margin:10px auto;
	text-align:center;
}

#navTab-menu ul
{
	display:block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center; /* this will center the list items */
}

#navTab-menu ul li
{
	display:block;
	width: 150px;
	height: 95px;
	margin:0;
	border:6px solid #ffffff;
	float:left;
	background-color:#6EA122;
}

#navTab-menu ul li:hover a,
#navTab-menu ul li:active a
{
	opacity: 0.6;
	-ms-filter: 'alpha(opacity=60)';
	filter: alpha(opacity=60); /* For IE8 and earlier */
}

#navTab-menu ul li a
{
	display:block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding:0px;
	border:0px;
	/*font-variant:small-caps;*/
	color:#ffffff;
	font-size: 1em;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

#navTab-menu ul li a > span
{
	display:block;
	width: 90px;
	height: 57px;
	margin:0px auto;
	/*background-image: url('../images/hub-webvalid-icons2.png');*/
	background-repeat:no-repeat;
}

@media only screen and (min-width: 1000px) {

	#navTab-menu { width: 525px; height: 245px; }

	#navTab-menu ul li, #navTab-menu > div > div { width: 163px; height: 108px; }

	#navTab-menu ul li a, #navTab-menu > div > div a { line-height: 1.05em; font-size: 1.1em; }

	#navTab-menu ul li a > span, #navTab-menu > div > div a > span { margin-top: 5px; }
}
@media only screen and (min-width: 1200px) {

	#navTab-menu { width: 561px; height: 270px; }

	#navTab-menu ul li, #navTab-menu > div > div { width: 175px; height: 120px; }

	#navTab-menu ul li a, #navTab-menu > div > div a { line-height: 1.1em; font-size: 1.2em; }

	#navTab-menu ul li a > span, #navTab-menu > div > div a > span { margin-top: 10px; }
}
@media only screen and (min-width: 1440px) {

	#navTab-menu { width: 639px; height: 320px; }

	#navTab-menu ul li, #navTab-menu > div > div { width: 200px; height: 145px; }

	#navTab-menu ul li a, #navTab-menu > div > div a { line-height: 1.2em; font-size: 1.4em; }

	#navTab-menu ul li a > span, #navTab-menu > div > div a > span { margin-top: 20px; }
}