/* ============ styles for the zones =========== */

div#ts,
div#as,
div#ffo
{
	width:16.25em;
	background-color:left;
	background-image:url('/image/ps_botleft.gif'); 
	background-repeat:no-repeat;
	background-attachment:scroll; 
	margin-right:1.75em;
	background-position:bottom;
}

div#ts
{
	width:175px;
	background-color:#eaeef6;
	background-image:url('/image/ts_botleft.gif');
	margin-right:0;
}

div#as
{
	width:230px;
	background-color:#eaeef6;
	background-image:url('/image/ts_botleft.gif');
	margin-right:0;
}

div#ffo
{
	width:175px;
	background-color:#eaeef6;
	background-image:url('/image/ts_botleft.gif');
	margin-right:0;
}

div#ts, div#ts div.botright,
div#as, div#as div.botright,
div#ffo, div#ffo div.botright
{
	height:1%;
}


div#ts div.botright,
div#as div.botright,
div#ffo div.botright
{
	background-image:url('/image/ts_botright.gif'); 
	background-repeat:no-repeat;
	background-attachment:scroll; 
	background-position:right bottom;
}

/* ===== section headings ===== */
div#ts h2,
div#as h2,
div#ffo h2
{
	margin:0;
	font-size:1em;
	color:white; 
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:1px solid white;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div#ts h2
{
	background-color:#5273b5;
	background-image:url(image/ts_topleft.gif);
}

div#as h2
{
	background-color: #1fa687;
	background-image: url(image/as_topleft.gif);
}

div#ffo h2
{
	background-color:#AF266A;
	background-image:url(image/ffo_topleft.gif);
}

/* section heading links */
div#ts h2 a,
div#as h2 a,
div#ffo h2 a
{
	display:block;
	background:none no-repeat right top;
	padding:3px 12px;

	font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;

	color:white;
	text-decoration:none;
}

div#ts h2 a,
{
	background-image:url(image/ts_topright.gif);
}

div#as h2 a
{
	background-image:url(image/as_topright.gif);
}

div#ffo h2 a
{
	background-image:url(image/ffo_topright.gif);
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

div#ts h2 a:hover,
div#as h2 a:hover,
div#ffo h2 a:hover
{
  text-decoration:underline;
}

/* ===== menu lists ===== */

div#ts ul, div#ts li,
div#as ul, div#as li,
div#ffo ul, div#as li
{
	padding:0;
	margin:0;
	list-style:none;
}

div#ts ul li,
div#as ul li,
div#ffo ul li
{
	float:left;
	border-bottom:1px solid white;
}

div#ts ul li
{
	width:175px;
	background-color:#eaeef6;
	background-image:none;
	border-bottom-color:#eaeef6;
}

div#as ul li
{
	width:225px;
	background-color:#eaeef6;
	background-image:none;
	border-bottom-color:#eaeef6;
}

div#ffo ul li
{
	width:175px;
	background-color:#eaeef6;
	background-image:none;
	border-bottom-color:#eaeef6;
}

/* ===== flyouts ===== */

div#ps li ul,
div#as li ul,
div#ffo li ul
	{
		left:-999em;
		position:absolute;
} /* hide the flyouts until :hover */

div#ps li ul,  div#ps li ul li,
div#as li ul,  div#as li ul li,
div#ffo li ul,  div#ffo li ul li
{
	width:25em;
}

/* flyout menu horizontal offsets */
div#ts li:hover, div#ts li.sfhover,
div#as li:hover, div#as li.sfhover,
div#ffo li:hover, div#as li.sfhover
{
	background-color:#0085d5;
	border-bottom-color:#0085d5;
}

/* hover with no flyouts */
div#ts li:hover,
div#as li:hover,
div#ffo li:hover
{
	background-image:none;
}

/* links */
div#ts ul li:hover a, div#ts ul li:hover a:hover,
div#ts ul li.sfhover a, div#ts ul li.sfhover a:hover,
div#as ul li:hover a, div#as ul li:hover a:hover,
div#as ul li.sfhover a, div#as ul li.sfhover a:hover,
div#ffo ul li:hover a, div#ffo ul li:hover a:hover,
div#ffo ul li.sfhover a, div#ffo ul li.sfhover a:hover
{
	color:white;
	background-color:transparent;
}

div#ts ul a,
div#as ul a,
div#ffo ul a
{
	display:block;
	text-decoration:none;
	padding:4px 12px;
}

/* allow room for the flyout arrow image */

div#ts li a,
div#as li a,
div#ffo li a
{
	font-size:90%;
}

div#ts ul li a:hover,
div#as ul li a:hover,
div#ffo ul li a:hover
{
	background-color:#0085d5;
	color:white;
}

/* fixes some issues in Opera */
div#ts div > ul li,
div#as div > ul li,
div#ffo div > ul li
{
	float:none;
}