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

body{
	background-color:#F5F5F5;
	margin-top:0;
	margin-bottom:0;
	background-image:none;
}

.table{
	width:860px;
}

/* MENU */

ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}

ul.MenuBarActive
{
	z-index: 1000;
}

ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	width: 6.6em;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 7.2em;
	position: absolute;
	left: -1000em;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}

ul.MenuBarHorizontal ul li
{
	width: 7.2em;
}

ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}

ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 0.5em 0.75em;
	color:#333333;
	text-decoration: none;
	background-image:url(..//Images/Menu_Grad_Orange.gif)
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color:#FFBC9B;
	color: #000;
	background-image:url(..//Images/Menu_Hover_Orange.gif);
}

li.selected a
{
	background-color: #FFBC9B;
	color:#000;
	background-image:url(..//Images/Menu_Selected_Orange.gif);
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #FFBC9B;
	color: #000;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../Scripts/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../Scripts/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../Scripts/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../Scripts/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}

@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

.formbutton_60px{
	cursor:pointer;
	background-image:url(..//Images/Button_60_Orange.gif);
	background-repeat:no-repeat;
	border:#999999;
	border-width:0px;
	color:#FFFFFF;
	width:60px;
	height:22px;
}

.home_font{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.Grad_top{
	background-image:url(..//Images/Top_Grad_Orange.gif);
}

.Main_header{
	background-image:url(..//Images/Header_Orange.gif);
}

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}


.TabbedPanelsTabOrange {
	background-image:url(..//Images/Tab_Selected_Orange.gif);
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #FFBC9B;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	cursor: pointer;
	text-decoration:none;
	font-style:normal;
	width:90px;
	font-size:12px;
}

.TabbedPanelsTabGreen {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	cursor: pointer;
	background-image:url(..//Images/Pref_grad_Green.gif);
	color:#000000;
	width:90px;
	font-size:12px;
}

.TabbedPanelsTabBlue {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	cursor: pointer;
	background-image:url(..//Images/Pref_grad.gif);
	color:#fff;
	width:90px;
	font-size:12px;
}

.TabbedPanelsTabMagenta {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	cursor: pointer;
	background-image:url(..//Images/Pref_grad_Magenta.gif);
	color:#000000;
	width:90px;
	font-size:12px;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
	background-image:url(..//Images/Tab_Content_Orange.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color:#0000CC;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	background-image:url(..//Images/Pref_grad_Orange.gif);
}

.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	background-color:#FBFBFB;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
	background-image:url(..//Images/Tab_Selected_Orange.gif);
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}

.Menu_Grad_Back{
	background-image:url(..//Images/Menu_Grad_Orange.gif);
}

.drop_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:center;
}

.box_font{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}

.header_400px_box{
	background-image:url(..//Images/Box_Header_Orange.gif);
	background-repeat:no-repeat;
}

.about_back{
	background-image:url(..//Images/about_back.gif);
	background-repeat:no-repeat;
}

#top_menu_container{
	width:523px;
	height:44px;
	margin: 0 auto;
	padding-top:4px;
	overflow:visible;
}	

/*MENU TOP CSS */

.menu_topbuttonmenu{ /*container that holds a row of menu_top buttons*/
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 530px;
	border: 1px solid gray;
	padding: 3px 0;
	border-width: 0px 0;
}

* html .menu_topbuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 520px;
}

.menu_topbuttonmenu a.menu_top{ /*menu_top button CSS*/
background: transparent url('../Images/top_menuleft_orange.gif') no-repeat top left;
display: block;
float: left;
font: 12px Arial, Helvetica, sans-serif;
line-height: 20px; /* This value + 8px should equal height of button background (default is 31px) */
height: 23px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.7;
-moz-opacity: 0.7;
vertical-align:middle;
}

.menu_topbuttonmenu a.menu_top:link, .menu_topbuttonmenu a.menu_top:visited, .menu_topbuttonmenu a:active{
color:#fff; /*button text color*/
}

.menu_topbuttonmenu a.menu_top span{
background: transparent url('../Images/top_menuright_orange.gif') no-repeat top right;
display: block;
padding: 1px 10px 6px 0px; /*Set 10px here to match value of 'padding-left' value above*/
}

.menu_topbuttonmenu a.menu_top:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.menu_topbuttonmenu a.menu_top:hover span{ /* Hover state CSS (for text) */
color:#fff;
}