/* apps Cascading Style Sheet */
/* Standard Tags {{{1 */

	BODY	{ 
		font-family:"Trebuchet MS","Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif;
		font-size:11pt;
		background-color: #FFFFCC;
		background-image: url(images/tabbkgnd.jpg);
		margin: 1px 1px 1px 1px; 
		}

	a:link	{
		text-decoration: underline; 
		color: #000040;
		}

	a:active {
		background-color: #eee;
		color: #000;
		text-decoration: none;
		}

	a:visited {
		color: #333;
/*		text-decoration: none;*/
		}  

	a:hover	{
		text-decoration: underline; 
		background: #fbefe0;
		color: #000000;
		}

	DIV 	{
		margin: 2px;
		padding: 2px;
		}

/*	P 	{
		font-size: 12pt;
		}*/

	H1	{
		font-family:"Trebuchet MS","Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif;
		font-weight: bolder;
		font-size: 160%;
		margin: 2px;
		}

	H2 	{
		font-family:"Trebuchet MS","Verdana", "Bitstream Vera Sans", "Arial", "Helvetica", sans-serif;
		font-weight: bolder;
		font-style: italic;
		font-size: 150%;
		}

	H3 	{
		font-weight: bold;
		margin: 0;
		font-size: 100%;
		}

	H4 	{
		margin: 1em 0em 0.3em 0em;
		padding-left: 4px;
		border-bottom: 1px solid #999;
		}

	H5 	{
		margin-bottom: 0.5em;
		}

	H6 	{
		font-style: italic;
        	font-size: 100%;
		margin: 1.3em 0em 1em 0.8em;
		}

	IMG 	{
		border: none;
		}

	SUP 	{
		line-height: 0%;
		}

	TABLE 	{
		/*border: none;*/
		/*border-collapse: collapse;*/
		}

	TD	{
		font-family: Arial; 
		font-size: 11pt;
/*		vertical-align: top;
		padding: 0;  */
		}

	TH	{
		font-family: Arial; 
		font-size: 11pt;
/*		padding: 1px 3em 1px 1px;
		font-weight: bold;
		text-align: left;  */
		}

	tr.rem 	{
		font-family: Arial; 
		font-size: 11pt;
		background-color: #cccc99;
/*		vertical-align: top;
		padding: 0;  */
		}

	TABLE.book 	{
		align: center;
		border: 0;
		border-collapse: collapse;
		border-width: 0;
		padding: 0;  
		}

	TD.book	{
		font-family: "Courier New", "Courier"; 
		font-size: 12pt;
/*		border-width: 0px;*/
/*		vertical-align: top;*/
		padding: 0;  
		}

	TH.book	{
		font-family: "Courier New", "Courier"; 
		font-size: 12pt;
		border-width: 0px;
		padding: 0;  
/*		padding: 1px 3em 1px 1px;
		font-weight: bold;
		text-align: left;  */
		}

	TR.book 	{
		font-family: "Courier New", "Courier"; 
		font-size: 12pt;
		background-color: transparent;
/*		vertical-align: top;*/
/*		padding: 0;  */
/*		border-width: 0px; */
		}


	INPUT 	{
		FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
		FONT-SIZE: 13px;
		COLOR: #000000;
		/*BACKGROUND-COLOR: #fbefe0;*/
		/*BACKGROUND-COLOR: #cccc99;*/
		}

	RADIO 	{
		FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
		FONT-SIZE: 10px;
		COLOR: #FFFFFF;
		BACKGROUND-COLOR: red;
		}

	CHECK 	{
		FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
		FONT-SIZE: 10px;
		COLOR: #FFFFFF;
		BACKGROUND-COLOR: red;
		}


	BUTTON	{
		font-family:"Arial", "Verdana", "Bitstream Vera Sans", "Helvetica", sans-serif;
		FONT-SIZE:12px;
		FONT_WEIGHT:Bold;
		COLOR: #000000;
		BACKGROUND-COLOR: #cccc99;
		BORDER: 1px solid;
		BORDER-TOP-COLOR:#696;
		BORDER-LEFT-COLOR:#696;
		BORDER-RIGHT-COLOR:#363;
		BORDER-BOTTOM-COLOR:#363;
		}

	input.btn{
		color:#000000;
		font-family:"Arial", "Verdana", "Bitstream Vera Sans", "Helvetica", sans-serif;
		font-size:12px;
		font-weight:bold;
		background-color:#fbefe0;
		border:1px solid;
		border-top-color:#696;
		border-left-color:#696;
		border-right-color:#363;
		border-bottom-color:#363;
		filter:progid:DXImageTransform.Microsoft.Gradient
		(GradientType=0,StartColorStr="#ffffffff",EndColorStr="#ffeeddaa");
		}

	input.btnhov
		{
		border-top-color:#c63;
		border-left-color:#c63;
		border-right-color:#930;
		border-bottom-color:#930;
		}

	button.btn2{
		color:#000000;
		font-family:"Arial", "Verdana", "Bitstream Vera Sans", "Helvetica", sans-serif;
		font-size:12px;
		font-weight:bold;
		background-color:#fbefe0;
		border:1px solid;
		border-top-color:#696;
		border-left-color:#696;
		border-right-color:#363;
		border-bottom-color:#363;
		filter:progid:DXImageTransform.Microsoft.Gradient
		(GradientType=0,StartColorStr="#ffffffff",EndColorStr="#ffeeddaa");
		}

	button.btnhov2
		{
		border-top-color:#c63;
		border-left-color:#c63;
		border-right-color:#930;
		border-bottom-color:#930;
		}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

	.ddoverlap{
		border-bottom: 1px solid #bbb8a9;
		}

	.ddoverlap ul{
		padding: 0;
		margin: 0;
		font: bold 95% default;
		list-style-type: none;
		}

	.ddoverlap li{
		display: inline;
		margin: 0;
		}

	.ddoverlap li a{
		padding: 3px 7px;
		text-decoration: none;
		padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
		color: blue;
		background: transparent url(images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px 		down vertically*/
		border-left: 1px solid #dbdbd5;
		position: relative;
		display: block;
		float: left;
		margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
		left: 20px;
		}

	.ddoverlap li a:visited{
		color: blue;
		}

	.ddoverlap li a:hover{
		text-decoration: underline;
		top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
		background: transparent url(images/righttabselected.gif) 100% 0 no-repeat;
		color: black;
		}

	.ddoverlap li.selected a{ /*selected tab style*/
		color: black;
		z-index: 100; /*higher z-index so selected tab is topmost*/
		top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
		background: transparent url(images/righttabselected.gif) 100% 0 no-repeat;
		}

	.ddoverlap li.selected a:hover{
		text-decoration: none;
		background-color: transparent;
		color: blue;
		}

<!--[if IE]>
	.ddoverlap{
		height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
		}
<![endif]-->

/* Start of Tabber */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
/* margin-top:1em;*/
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 1px 0;
 border-bottom: 1px solid #778;
/*  border-bottom: 1px solid #CC9966;*/
 font: bold 11px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 2px;
 border: 1px solid #778;
/* border: 1px solid #CC9966;*/
 border-bottom: none;
/* background: #DDE;*/
 text-decoration: none;
 background: #BBBB99;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
/* color: #000;
 background: #AAE;
 border-color: #227;*/
	background-color: black;
	color: white;

}

ul.tabbernav li.tabberactive a
{
/* background-color: #fff;*/
 background-color: #DBFF6C;
/* border-bottom: 1px solid #fff;*/
 border-bottom: 1px solid #DBFF6C;
}

ul.tabbernav li.tabberactive a:hover
{
 background-color: #DBFF6C;
 border-bottom: 1px solid #DBFF6C;
 color: #448;
/*
 color: #000;
 background: white;
 border-bottom: 1px solid white;
*/
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 10px 10px 10px 10px ;

 border:1px solid #aaa;
/* border:1px solid #CC9966;*/
 border-right: 1px transparent; 
 border-left: 1px transparent; 
 border-bottom: 1px transparent; 


 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

/* height:75px;*/

/*
  height      : expression(document.body.clientHeight > 75 ? "75px" : "100%");
  max-height  : 75px;
*/

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

/* overflow:auto; */


/*  max-height:107px;*/ /*does not do anything for IE6 - need to check firefox*/
  overflow:auto;
/*  height:expression(
      this.scrollHeight > 104? "104px" : "auto" );*/
/*  vertical-align:top;*/

}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* End of Tabber */