@charset "UTF-8";
/* CSS Document */

img {
 border:none;
}

a {
 outline:none;
}

.tabset2 {
 margin:10px 0 0 0;
 padding:0;
 height:20px;
 font-size:10px;
 border-bottom:1px solid #339999;
}



.tabset2 ul {
 list-style:none;
 margin:0 0 0 10px;
 padding:0;
}

.tabset2 li.tab2 {
 display:inline;
 margin:0;
 padding:0;
}

.tabset2 li.tab2 a {
 display:block;
 float:left;
 height:19px;
 line-height:19px;
 border:1px solid #ccc;
 border-bottom:none;
 padding:0 10px;
 margin-right:3px;
 text-decoration:none;
 font-weight:bold;
 color:#333;
 background:url(/img/navigation/tab_gradient_gray.jpg);
}

.tabset2 li.tab2 a:hover {
 background:url(/img/navigation/tab_gradient_blue.jpg);
}

.tabset2 li.tab2 a.active {
 background:url(/img/navigation/tab_gradient_green.jpg);
 border:1px solid #339999;
 border-bottom:none;
 color:#fff;
}

.subnav2 {
 height:20px;
 background:#339999;
 padding:3px 5px;
 color:#fff;
}

/* SupraFlex Button Rules
---------------------------- */

.subnav2 a.supra span.flex {
	/*background: url(/img/navigation/supra.png) right no-repeat;*/
	padding: 0 11px 0 0;
	line-height: 20px;
	display: block;
}

.subnav2 a.supra {
	/*background: url(/img/navigation/supra.png) left no-repeat;*/
	height: 20px;
	padding: 0 0 0 11px;
	color: #fff;
	display: block;
	float: left;
	text-decoration: none;
}

.subnav2 a.supra:hover, .subnav2 a.supra.active {
	background: url(/img/navigation/supra.png) left no-repeat;
}

.subnav2 a.supra:hover span.flex, .subnav2 a.supra.active span.flex {
	background: url(/img/navigation/supra.png) right no-repeat;
}


ul#utility {
 list-style:none;
 margin:0 10px 0 0;
 padding:0;
 float:right;
 line-height:60px;
 font-size:11px;
}

#utility li {
 display:inline;
 margin-left:10px;
 padding:0;
}

#utility a {
 color:#d6f3f3;
 text-decoration:none;
}

#utility a:hover {
 color:#ffe300;
 text-decoration:underline;
}

.leftnav {
 background:url(/img/navigation/leftnav_bg.jpg) right repeat-y;
 width:170px;
}