/********************************** TAB STYLE *****************************************/
		/*--------------------------------------------------
		  REQUIRED to hide the non-active tab content.
		  But do not hide them in the print stylesheet!
		  --------------------------------------------------*/
		#tab_rotator .ui-tabs-hide {
		 display:none;
		}
		.tab1 {
		width: 95px;
			background-image:url(images/tabphoto.gif);
		}
		/*--------------------------------------------------
		  .tabber = before the tabber interface is set up
		  #tab_rotator = after the tabber interface is set up
		  --------------------------------------------------*/
		.tabber {
		 margin-left: 0px;
		 margin-top: 10px;
		 font-size: 11px;
		}
		#tab_rotator {
		 margin-left: 0px;
		 margin-top: 10px;
		 margin-right: 5px;
		 margin-bottom: 10px;
		 text-align: left;
		 position:relative;
		 background: transparent url(images/bg_tabber_box_light.gif) repeat-x scroll 0px 28px;
		 width: 585px;
		 overflow: hidden;
		}
		/*--------------------------------------------------
		  ul.ui-tabs-nav = the tab navigation list
		  li.tabberactive = the active tab
		  --------------------------------------------------*/
		ul.ui-tabs-nav
		{
			width: 587px;
			margin: 0px;
			font-weight: normal;
			font-size: 1.1em;
			font-family: arial, verdana;
		
		}
		ul.ui-tabs-nav li
		{
			list-style: none;
			margin: 0;
			float: left;
		}
		ul.ui-tabs-nav li a
		{

		}
		ul.ui-tabs-nav li a:link { color: #fff; }
		ul.ui-tabs-nav li a:visited { color: #fff; }
		ul.ui-tabs-nav li a:hover
		{
			color: #FFF;
			opacity: .7;
			filter: alpha(opacity=70);
		}
		
		ul.ui-tabs-nav li.ui-tabs-selected a span
		{
			font-weight: bold;
		}
		ul.ui-tabs-nav li.ui-tabs-selected a
		{
			color: #FFF;
			opacity: .7;
			filter: alpha(opacity=70);
		}
		ul.ui-tabs-nav li.ui-tabs-selected a:hover
		{
		 background-color: #fff;
		}
		
		/*--------------------------------------------------
		  .tabbertab = the tab content
		  Add style only after the tabber interface is set up (#tab_rotator)
		  --------------------------------------------------*/
		#tab_rotator .ui-tabs-panel {
			/*background-image:url(images/bg_tabber_box_light.gif);*/
			padding:15px;

			border-top:0;
			width: 555px;
			height: 277px;
			overflow: hidden;
			line-height: 1.4em;
			clear: both;
			margin-top: 2px;
			/*background-image:url(../images/tab_body_bg.jpg);
		/* font-size: .625em;*/
		 /* If you don't want the tab size changing whenever a tab is changed
			you can set a fixed height */
		 /* height:200px; */
		 /* If you set a fix height set overflow to auto and you will get a
			scrollbar when necessary */
		 /* overflow:auto; */
		}
		#tab_rotator item a {
			color:#2C65A2;
		}
		/* If desired, hide the heading since a heading is provided by the tab */
		#tab_rotator .tabbertab h2 {
		 display:none;
		}
		#tab_rotator .tabbertab h3 {
		 display:none;
		}
		/* Example of using an ID to set different styles for the tabs on the page */
		#tab_rotator#tabx1 {
		}
		#tab_rotator#blogtab {
			margin-right: 10px;
		}
		#tab_rotator#blogtab .tabbertab {
			padding: 0px;
			margin:0px
		/*	overflow: auto;*/
		}
		
		.tabphoto {
			float: left;
			font-size: 11px;
		}
		
		.tab_content, div.photo_info {
			font-size: 11px;
		}
		
		.tab_content tr, .tab_content td {
			vertical-align: top;
		}
			
		#nav-fragment-1 a {
			background: url(images/tabstories.gif);
			height: 26px;
			width: 95px;
			display: block;
		}
		#nav-fragment-2 a, #nav-fragment-3 a, #nav-fragment-4 a {
			background: url(images/tabpeople.gif);
			height: 26px;
			width: 95px;
			display: block;
		}
		#nav-fragment-5 a{
			background: url(images/tabdigital.gif) repeat scroll -3px 0px;
			height: 26px;
			padding-right: 15px;
			width: 190px;
			display: block;
			text-align: right;
			opacity: 0.7 !important;
			filter: alpha(opacity=7`0) !important;
		}
		
		#nav-fragment-5 a, {
			opacity: 0.7 !important;
			filter: alpha(opacity=70) !important;
		}
		
				
		#nav-fragment-5 a:hover {
			opacity: 0.6 !important;
			filter: alpha(opacity=60) !important;
		}
		
		#nav-fragment-5 a span{
			font-weight: normal;
			display: block;
			padding-top: 6px;
			padding-left: 0px !important;
		}
		.ui-tabs-nav-item{
			overflow: hidden;
		}
		
		.ui-tabs-nav-item a span{
			font-weight: normal;
			display: block;
			padding-top: 6px;
			padding-left: 15px;
		
		}
		
		#tab_rotator h4 {
			font-size: 14px;
			margin-top: 0px;
		}
		
		#tab_rotator ul.footer a, #tab_rotator p.read_more a, #tab_rotator p.date a {
			color: #DA8E3B;
		}
		
		#tab_rotator .more_links {
			position: absolute;
			top: 255px;
			left: 390px;
			
		}