/*-- http://www.sohtanaka.com/web-design/examples/tabs/ */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 50px; /*--Set height of tabs--*/
	border-bottom: 1px solid #eee;
	width: 100%;
	z-index: 100;
	position:relative;

}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 50px; /*--Subtract 1px from the height of the unordered list--*/
	line-height:/*31px*/ 15px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #eee;
	/*border-left: none;*/ /*SED commented out*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	width: 49.3%;
}


	
ul.tabs li:first-child, ul.tabs li:first-child a {border-left: none;}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	/*font-size: 1.2em;*/
	padding: 5px 10px 10px 10px;
	border: 1px solid #ccc; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	background: #08458e url(../images/blue-gradient.jpg) repeat-x left;background: -moz-linear-gradient(top, rgba(59,125,203,1) 0%, rgba(7,69,142,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,125,203,1)), color-stop(100%,rgba(7,69,142,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(59,125,203,1) 0%,rgba(7,69,142,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(59,125,203,1) 0%,rgba(7,69,142,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(59,125,203,1) 0%,rgba(7,69,142,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(59,125,203,1) 0%,rgba(7,69,142,1) 100%); /* W3C */
}
ul.tabs li a:hover {
	background: #e0e0e0;
	color: #666;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	 /*border-bottom: 1px solid #fff;--Makes the active tab look like it's connected with its content--*/ 
	}
ul.tabs li.active a { background: none; color: #333;}
	.in-centercol ul.tabs li.active a {background:url(../images/tab-bg.jpg) repeat-x left bottom;}
/* 	styles for tabbed box on secondary page */
	.in-centercol ul.tabs li {width: auto;}
	.in-centercol .tab_container {border: 1px solid #ccc; background: #08458e url(../images/blue-gradient.jpg) repeat-x;background: -moz-linear-gradient(top, rgba(59,125,203,1) 0%, rgba(7,69,142,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,125,203,1)), color-stop(100%,rgba(7,69,142,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(59,125,203,1) 0%,rgba(7,69,142,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(59,125,203,1) 0%,rgba(7,69,142,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(59,125,203,1) 0%,rgba(7,69,142,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(59,125,203,1) 0%,rgba(7,69,142,1) 100%); /* W3C */ border-top: none;}
	html .in-centercol ul.tabs li.active {border-left: 1px solid #ccc;}	
	.in-centercol .pad-list li {padding: 1.5%;}	
	.in-centercol ul.tabs li a {height: 30px; vertical-align: bottom;  font-size: 120%; padding: 15px; padding-bottom: 10px;  }
	
	/* ----------------- TAB CONTENT ----------------------*/
	
	
.tab_container{
/*border: 1px solid #eee;*/
	border-top:1px solid #eee;
	overflow: hidden;
	clear: both;
/*	float: left; */
	margin: 0;

     }
.tab_content {
	padding: 10px;
	z-index: 100; 
}

.tab_box {width:578px; 
    border:1px solid #cccccc; 
    margin:0; 
	position:relative; 
	float:left;
	}
.tab_background {
   background:url(../images/bg_bevel.gif) top repeat-x;
    padding:2px 0 0 0;
	}