#center
{
    background-color: Gray;
}

#main
{
    width: 1000px;
}

/***************************
	Header
***************************/
#header
{
	height:100px;
	width: 100%;
	background-color: Silver;
}

#title
{
    padding: 0 12px;
    font-size: 50px;
    font-family: Arial;
}

/***************************
	Header
***************************/
table
{
    padding: 0px;
    margin: 0px;
}

/***************************
	Path
***************************/
#path
{
    top: 100px; /* same as #header height */
    
    padding: 0 5px;
    height: 1.3em;
    background-color: Gray;
}

.path_button
{
	text-decoration: none;
	color: White;
}

.path_button:hover
{
	color: Red;
}

/***************************
	Options
***************************/
#options
{
    top: 100px; /* same as #header height */
    margin-top: 1.3em; /* same as #path height */
    
	left: 0px;
	right: 0px;
	    
    padding: 2px 5px;
	height:1.5em;
	background-color: Black;
	
	font-weight: bold;
	font-family:verdana;
	text-align: right;
}

#options_right
{
	
}	

.options_button
{
	color: White;
	
	text-decoration: none;
	margin: 0 5px;
}

.options_button:hover
{
	color: Red;
}

.options_button_active
{
	color: #000000;
	background-color: #FFFFFF;
}

/***************************
	Footer
***************************/
#footer
{
    bottom: 0px;
	height:24px;
	left: 0px;
	right: 0px;
	    
	background-color: Black;
	color: White;
	text-align: center;
	padding: 3px 10px;
	font-family: System;
	font-size: 12px;
}

/***************************
	search
***************************/
.content
{
    left: 0px;
    right: 0px;
    top: 100px; /* same as #header height */
    margin-top: 2.8em; /* same as height of #path and #options combined */
    bottom:30px; /* same as #footer height */
    
    background-color: White;
}

.content_search
{
    position: absolute;
    float: right;
    background-color: White;
    border-left: 1px solid Gray;
    border-bottom: 1px solid Gray;
    padding: 5px 10px;
}

.search_results_link 
{
	color: Blue;
	text-decoration: none;
}

.search_results_indent
{
	margin-left: 20px;
}

.search_results_table td
{
	padding-left: 5px;
	padding-right: 5px;
}

/***************************
	content
***************************/
.document
{
    padding: 0px 10px;
    min-height: 2em;
}

/***************************
	tree
***************************/
.tree
{
	padding: 5px 10px;
}


.tree_submenu 
{
	margin-left: 19px; /* indent treemenu */
}

.tree_toggle
{
	width: 19px;
	height: 16px;
	margin-right: -19px;
}

.tree_toggle_opened
{
	background-image: url('../images/tree_toggle_opened.gif');
}

.tree_toggle_closed
{
	background-image: url('../images/tree_toggle_closed.gif');
}

.tree_menuitem
{
	/* give menuitems some space, so they become bold without leaving the screen */
	margin-right: 14px;
	margin-left: 19px;
	
	/* font */
	text-decoration: none;
	font-family: Arial;
	font-size: 16px;
	
	/* make sure the menuitem is not put on another line */
	white-space: nowrap;
}

.tree_link
{
	color: Blue;
}

.tree_link_descendantActive
{
    font-weight: bold;
}

.tree_link_active
{
	color: Red;
	font-weight: bold;
}

/*filtered nodes*/
.tree_node_invisible
{
	display: none;
}

.tree_node_grayed
{
	color: gray;
}

/***************************
	leftTree
***************************/

.leftTree_layout_nav
{
	border-right: solid 1px gray;
}

/***************************
	rightTree
***************************/
.rightTree_layout_nav
{
	border-left: solid 1px gray;
}

/***************************
	tabset
***************************/
.tabset_nav
{
    vertical-align: bottom;
    position: absolute;
	background-color: Gray;
	width: 100%;
}

.tabset_content
{
    position: absolute;
    top: 26px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.tab
{
	font-size: 16px;
	background-color: #EEEAE7;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
}

.tab_link_active
{
	background-color: white;
}

/***************************
	pagemenu
***************************/
.pagemenu_nav
{
	background-color: Gray;
	width: 100%;
}

.pagemenu_previous_container
{
	text-align: center;
	width: 33%;
}

.pagemenu_select_container
{
	text-align: center;
	width: 33%;
}

.pagemenu_next_container
{
	text-align: center;
	width: 33%;
}

.pagemenu_link
{
	text-decoration: none;
	color: Maroon;
}

.pagemenu_option_active
{
	color: Red;
}

.pagemenu_button_disabled
{
	display: none;
}

/***************************
	Dropdown menu
***************************/
.dropdown_nav
{
	background-color: Silver;
}

.dropdown_submenu
{
	padding-top: 10px;
	padding-bottom: 10px;
	
	background-color: White;
	border: solid 1px gray;
}

.dropdown_button
{
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

.dropdown_button:hover
{
    background-color: Gray;
}

.dropdown_submenu_button:hover
{
    background-color: Silver;
}

.dropdown_node
{
	color: Blue;
}

.dropdown_node a
{
	color: inherit;
}

.dropdown_submenu_parent
{
	background-image: url(../images/page_next.gif);
	background-position: right;
	background-repeat:no-repeat;
	
	padding-right: 19px;
}

.dropdown_link_active
{
	color: Red;
}

.dropdown_expanded
{
	background-color: Gray;
	color: white;
}

/***************************
	document
***************************/
.document
{
	padding: 10px;
	margin-left: 40px;    
}
/***************************
	excursion
***************************/
.excursion
{
    position: absolute;
    left: -10px;
    
	width: 19px;
	height: 16px;
	
	background-image: url('../images/excursion_4.gif');
	background-repeat: no-repeat;
}

#excursion_header
{
	background-color: Gray;
	font-size: x-large;
	text-align: center;
	
	height: 1.5em;
}

#excursion_content
{
	top: 1.5em; /* == #excursion_header.height */
	bottom: 0px;
	right: 0px;
	left: 0px;
}

/***************************
	Embed
***************************/
.embed_toggle
{
	width: 19px;
	height: 16px;
}

.embed_toggle_opened
{
	background-image: url('../images/embed_opened.gif');
}

.embed_toggle_closed
{
	background-image: url('../images/embed_closed.gif');
}

.embed_content
{
	border: solid 1px gray;
	padding: 5px;
}

/***************************
	tool tip
***************************/
.tooltip
{
	color: Navy;
	cursor: pointer;
}

/***************************
	Link
***************************/
.link
{
	color: Blue;
	text-decoration: none;
	padding-left: 20px;
}

.link:hover
{
	color: Red;
}

.link_internal
{
    background: url("../images/link_internal.gif") no-repeat left center;
}

.link_external
{
    background: url("../images/link_external.gif") no-repeat left center;
}

.link_email
{
    background: url("../images/link_email.gif") no-repeat left center;
}

.link_download
{
    background: url("../images/link_download.gif") no-repeat left center;
}

/***************************
	i-frame
***************************/
.includeFrame
{
	width: 100%;
	border-width: 0px;
	border-style: none;
}