/* CSS Document */
tbltab {
	color:#003399;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	}
td.font {
	font-size:14px;
	padding 5px;
	}
.footer {
	font-size:11px;
	color:#999999;
	}
.htop {
	font-size:3em;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
img.left {
	float:left;
	padding:10px;
	}
img.right {
	float:right;
	padding:10px;
	}
h2 {
	font-style:italic;
	}
.title {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:20px;
	}
.content {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 15px;
	text-align:justify;
	}
.marg {
	margin-top:5px;
	}
.tableMargin {
	margin-top:25px;
	}
.tblMarg {
	margin: 5px 20px 5px 20px;
	}		
#nav {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}		
#nav a:link {
	color:#CCCCCC;
	text-decoration:none;
	}
#nav a:hover {
	text-decoration:none;
	color:#FF9933;
	}
#nav a:visited {
	text-decoration:none;
	color:#006699;
	}
.margLeft {
	margin-left:20px;
	}
/*##################################*/
/*##################################*/	
/*- Menu Tabs J top */
#tabsJ, #tabsJ2 {
	position:relative;
	float:left;
	width:100%;
	background-color:#666666;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	margin:0;
	padding:0;
	left:30px;
	}
#tabsJ ul, #tabsJ2 ul{
	margin:0;
	padding:1px 10px 0 50px;
	}
#tabsJ li, #tabsJ2 li{
	float:left;
	position:relative;
	}
#tabsJ a {
	float:left;
	background:url("images/tableftJ.gif") no-repeat left top;
	margin:0;
	padding:0 1px 0 11px; 
	text-decoration:none;
	}
#tabsJ a span {
	float:left;
	display:block;
	background:url("images/tabrightJ.gif") no-repeat right top;
	padding:4px 15px 5px 0;
	font-weight:bold;
	color:#000000;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span, #tabsJ2 a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span, #tabsJ2 a:hover span {
	color:#FFFFFF;
	}
#tabsJ a:hover {
  background-position: 0% -52px;
  }
#tabsJ a:hover span{
  background-position: 100% -52px;
  }
/* Second Level of the Menu */
#tabsJ li ul a, #tabsJ2 li ul a  {
	background-image:none;
	clear:both;
	text-align:left;
	border-bottom:1px solid #C0CFE0;
	border-left:1px solid #C0CFE0;
	border-right:1px solid #C0CFE0;
	border-top:0;
	border-top-style:none;
	background-color:#952F2F;
	color:#FFFFFF;	
	font-weight:bold;
	line-height:28px;
	width:210px;
	float:left;
}
#tabsJ li ul {
	background-image:none;
	clear:both;
	list-style:none;
	font-size:12px;
	position:absolute;
	top:23px;
	left:-2px;
	padding:2px;
  display:none;
	vertical-align:top;
}


#tabsJ li ul a:hover, #tabsJ li ul a.sfhoverJ, #tabsJ2 li ul a:hover, #tabsJ2 li ul a.sfhoverJ2  {
	background-color:#CCCCCC;
	font-weight:bold;	
	color:#000;
	}
#tabsJ li:hover ul, #tabsJ li.sfhoverJ ul, #tabsJ2 li:hover ul, #tabsJ2 li.sfhoverJ2 ul  {
	display:block;
	}
#tabsJ, #tabsJ2 {float:none;}
body{behavior:url(csshover.htc); font-size:12px;}
#tabsJ ul li, #tabsJ2 ul li {float:left; width: 100%;}
#tabsJ a, #tabsJ2 a{height:1%;font:bold;}
/*########################################*/
/************** css for bottom tabs (different .gif images and hover positions) ************/
#tabsJ2 a {
	float:left;
	background:url("images/tableftJ_reversed.gif") no-repeat left bottom;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	}
#tabsJ2 a span {
	float:left;
	display:block;
	background:url("images/tabrightJ_reversed.gif") no-repeat right bottom;
	padding:0 15px 4px 6px;
	font-weight:bold;
	color:#000000;
	}
#tabsJ2 a:hover {
  background-position: 0 -20px;
  }
#tabsJ2 a:hover span {
  background-position: 100% -20px;
  }
#tabsJ2 li ul {
	background-image:none;
	clear:both;
	list-style:none;
	font-size:12px;
	position:absolute;
	bottom:20px;
	left:-2px;
	padding:2px;
  display:none;
	vertical-align:top;
}
/* =-=-=-=-=-=-=-=-=-=-[The Back Button]-=-=-=-=-=-=-=-=-=-*/
#backB {
	width: 91px;
	margin: 1px;
	font-size:9px;
	}
#backB a {
	height:16px;
	text-decoration: none;
	}	
#backB a:link, #backB a:visited {
	display: block;
	background: url(images/back_button.jpg);
	background-position:0% -16px;
	}
#backB a:hover, #backB a:active {
	background: url(images/back_button.jpg);
	background-position:100% -32px;	
	}	
/*-=-=-=-=-=-=-=-=-=-=-[Floating Menu]-=-=-=-=-=-=-=-=-=-=-=-*/
.BoxBorder {
	padding: 3px 3px 3px 3px;
	border: 1px solid  #C0CFE0;
	}	
.BoxBorder2 {
	padding: 3px 3px 3px 3px;
	border-top:1px solid #C0CFE0;
	border-bottom:1px solid #C0CFE0;
	border-right:1px solid #C0CFE0;
	border-left: 0;
	}		
a:link { color:#33c; }
a:visited { color:#339; }
div.label {				/* This is the side bar of the menu */
   float:right; 
	 padding:2px;
   font-weight:500;
   color:#FFFFFF;
   text-align:center;
   width:26px;
	 _width:23px;
	 height:145px;
	 _height:160px;
	 background-color:#952F2F;
	 font-size:10px;
	 font-family: Arial, sans-serif;
   }
	 
#glideDiv0 {
   position:absolute;
   visibility:hidden;
	 float:left;
   left:0;
   top:0;
   z-index:200;
   font-size:11px;
   background-color:#952F2F;
   width:161px;
	 _width:50px; /* For IE6 */
	 padding:0;
	 margin:0;
   }
* {
	font-family: Arial, sans-serif;
}
#menu5, #menu5 ul { /* all lists */
	list-style: none;
	float : left;
	width : 160px;
	padding:0;
	margin:0;
	}
#menu5 li { /* all list items */
	position : relative;
	float : left;
	line-height : 25px;
	margin-bottom : -1px;
	width: 120px;
	font-size:12px;
	display:block;
	}
#menu5 li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 130px;
	_margin-left: 131px; /* for IE 6 */
	margin-top : -35px; 
	}
#menu5 li ul ul { /* third-and-above-level lists */
	left: -999em;
	}
#menu5 li a {
	width: 120px;
	_width : 119px; /* for IE 6 */
	display : block;
	color:#FFFFFF;
	font-weight : bold;
	text-decoration : none;
	background-color:#952F2F;
	border-width:1px;
	border-style:solid;
	border-color:#C0CFE0;
	padding: 4px 4px 4px 4px;
	}
#menu5 li a:hover {
	color:#000000;
	background-color:#CCCCCC;
	}
#menu5 li:hover ul ul, #menu5 li:hover ul ul ul, #menu5 li.sfhover ul ul, #menu5 li.sfhover ul ul ul {
	left: -999em;
	}
#menu5 li:hover ul, #menu5 li li:hover ul, #menu5 li li li:hover ul, #menu5 li.sfhover ul, #menu5 li li.sfhover ul, #menu5 li li li.sfhover ul { /* lists nested under hovered list items */
	left:-1px;
	_left:-3px; /* for IE 6 */
	}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.title {
	font-size:16px;
	margin:0;
	}