/* CSS Document */

/*-----------------------------------------------------------------------------------------
	IMAGE SLIDE SHOW VIEWER
	----------------------------------------------------------------------------------------*/
#caption {
	width:202px;
	text-align:center;
	}
	
#controls {	
	height:20px;
	text-align:center;
	width: 202px;
	font-size:9px;
	
	}

#LargeCaption{
	padding-left:0px;
	width:250px;
	text-align:left;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}
	
#ControlWrap{
	clear:both;
	height:25px;
	width:710px;
	border-top:1px solid #CCCCCC;
	}	
	
#LargeControls{	 
	height:25px;
	float:left;
	text-align:center;
	padding-top:5px;
	width: 451px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}

a {
	color:#3b81b6;
	text-decoration:underline;
	}
	
a:hover{color:#3b81b6; text-decoration:none;}

#CloseWindow{
	float:right;
	width:255px;
	padding-top:5px;
	text-align:right;
	}

#LargeSlideshow {
	vertical-align:bottom;
	align:center;
	overflow:visible;
	width: 452px;
	height:452px;
	float:left;
	border:solid 1px #CCCCCC;
	border-left:none;
	border-bottom:none;
	border-top:none;
	margin-bottom:5px;
	}

h3{
	font-size:14px;
	color:#333333;
	font-weight:bold;
	margin-bottom:5px;
	}
	
#LargeViewer{
	vertical-align:bottom; 
	background-color: #FFFFFF;
	
	width: 452px;
	height: 452px;
	}
	
#Slideshow {
	vertical-align:bottom;
	text-align:center;
	border:1px solid #CCCCCC;
	overflow:visible;
	width: 202px;
	height:202px;
	margin-left:2px;
	margin-top:3px;
	padding-top:1px;
	}	
	
*html #Slideshow{
	overflow:hidden;
	}
	
#viewer {
	vertical-align:bottom; 
	background-color: #FFFFFF;
	overflow:visible;
	width: 202px;
	height: 202px;
	}

#wrap {
	padding-top:5px;
	margin:0 auto 0 auto;
	width:710px;
	height:590px;
	border-top:1px solid #CCCCCC;
	}
	

/*-----------------------------------------------------------------------------------------
	TAB SYSTEM STYLE
	----------------------------------------------------------------------------------------*/
	
	
	
	
	/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
 
 #TabWrap{
 	width: 500px;
	height: 300px;
 	Float:right;

 }
 
  #BigWrap{
 	width: 800px;
	
 }
 
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {

}
.tabberlive {
 	margin-top:0px;

}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font-size:11px;
 font-family:lucida grande;
 
}

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

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background:#eeeeee;
 text-decoration: none;
}

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

ul.tabbernav li a:hover
{
 color: #000;
 background-color:#CCCCCC;
 border-color: #333333;
}

ul.tabbernav li.tabberactive a
{
 background:#123b5b;
 color:#FFFFFF;
 border-bottom: 1px solid #227;
}

ul.tabbernav li.tabberactive a:hover
{
 background:#123b5b;
 color:#FFFFFF;
 border-bottom: 1px solid #333333;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
font-family:lucida grande, verdana, arial;
 padding:5px;

 border-top: 1px;
 background-color:#FFFFFF;
 }
 /* background-position:bottom;

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

/* height:300px; */


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

 /*overflow:auto; */


/* If desired, hide the heading since a heading is provided by the tab */
.tabbertab p {
margin-left:6px;
}

.tabbertab h3 {
padding-left:0px;

}

.tabberlive .tabbertab h2 {
 display:none;
 color:#FF0000;

}

/* 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;
}
	
	

/*-----------------------------------------------------------------------------------------
	LOCAL NAVIGATION TREE MENU STYLE
	----------------------------------------------------------------------------------------*/



.TreeNav{
	200px;
}



.treeview ul{ /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	cursor: pointer !important;
	
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-image:none;
	padding-left: 12px;
	margin-bottom: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1C6399;
	cursor: pointer !important;
	

}

.treeview li:hover{
	color:#003366;
	
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	background-image:url(/images/ToggleNorm.jpg);
	
	
	margin-right:5px;
	margin-left:7px;
	/*cursor: hand !important;*/
	cursor: pointer !important;
	/*list-style-image:url(images/arrow_right.gif);*/
	/*font-family:Arial, Helvetica, sans-serif;*/
}

*html .treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	background-image:url(/images/ToggleNorm.jpg);
	margin-right:5px;
	/*cursor: hand !important;*/
	cursor: pointer !important;
	/*list-style-image:url(images/arrow_right.gif);*/
	/*font-family:Arial, Helvetica, sans-serif;*/
}
*:first-child+html .treeview li.submenu{
	background-position:0px 7px;
	}


#IETableFix td{


}

*html #IETableFix td{
	height:200px;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
	
	

}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
	padding-left: 12px;
	list-style-type:none;
	border-bottom:dotted;
	border-bottom-width:1px;
	border-bottom-color:#AAAAAA;

	/*font-family:Arial, Helvetica, sans-serif; */
}

.treeview .submenu ul li a.hover{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
	padding-left: 10px;
	text-decoration:underline;

	/*font-family:Arial, Helvetica, sans-serif; */
}