html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #f5f5f5;
	overflow: hidden;
}

#header { width: 100%; background: #fafbfb; border-bottom: 1px solid #dfdfdf; margin: 0; flex: 0 1 55px; }
#main { max-width: 1100px; margin: 0 auto 0 auto; position: relative; }
#navigation { width: 300px; position: absolute; background: white; overflow-y: scroll; }
#content { margin-left: 300px; max-width: 800px; background: white; overflow-y: scroll; z-index: 2; }
    
#header  #title {
	font-size: 18px;
	font-family: Arial,Helvetica,sans-serif;
	color: #4b4b4b;
	text-align: center;
	margin-top: 16px;
}  
    
#header #logo {
	height: 40px;
	margin-top: 7px;
	margin-left: 5px;
	float: left;
}
    
#header #menu {
	max-width: 1100px;      
	z-index: 2;
	height: 55px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
	
#header  #search {
	height: 40px;
	margin-top: 14px;
	margin-right: 10px;
	float: right;
}
    
#header #search img {
	border-width: 0;
}

#navigation a { color: black; text-decoration: none }
#navigation a:visited {color: black}
#navigation a:hover { text-decoration: underline }
#navigation .navtitle    { font-size: 14pt; font-weight: bold; margin-bottom: 16px; }
#navigation .navbar      { font-size: 10pt; }                               
					
#navigation li.heading1 a span { padding-left: 4px; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; cursor: pointer; display: block; border-bottom: 1px solid #e6e9ea; }  
#navigation li.heading2 a span { padding-left: 4px; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; cursor: pointer; display: block; border-bottom: 1px solid #e6e9ea; }
	  
#navigation li.heading1 a:hover{ text-decoration: none; }
#navigation li.heading2 a:hover{ text-decoration: none; }

#navigation SPAN.heading1 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none; }
#navigation SPAN.heading2 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.heading3 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.heading4 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.heading5 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.heading6 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }

#navigation SPAN.hilight1 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.hilight2 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.hilight3 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.hilight4 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.hilight5 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }
#navigation SPAN.hilight6 { font-family: Arial; font-weight: normal; font-size: 15px; color: #000000; text-decoration: none }

:focus {outline:none;}
::-moz-focus-inner {border:0;}

#navigation TD.toc { padding-bottom: 2px; padding-right: 3px }
#navigation TABLE.toc { border: 0 none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 4px; }
#navigation IMG.icon {}



#content #idheader { 
  height:auto; 
  margin: 0;
  background: white; 
} 
#content #idheaderbg  {
  padding-top: 45px;
  padding-bottom: 15px;
}

#content #callout-table, #overview-table {display:block; position:relative; top:0; left:0;}
#content #callout-icon {display:block; position:absolute; top:-11px; left:-11px;}
#content #callout-icon-flag {display:block; position:absolute; top:-11px; left:-8px;}
#content #callout-table a {text-decoration: none; color: #0079c2;}
#content #callout-table a:visited {text-decoration: none; color: #0079c2;}
#content #overview-table a {text-decoration: none; color: black;}
#content #overview-table a:visited {text-decoration: none; color: black;}
#content #callout-table a:hover, #overview-table a:hover {text-decoration: underline;}
#content hr { border-color: white; }
#content a:visited { color: #0079c2; text-decoration: none; }
#content a { color: #0079c2; text-decoration: none; }
#content a:hover { text-decoration: underline; }         
                                                              

#content #innerdiv {
  margin: 40px;
  margin-top: 0;
  padding-top: 0;
  overflow-x: hidden; 
}               

#content h1.p_Heading1 {
 text-align: left;
}

#content #navigation_bottom {
 padding-top: 10px;
 border-top: 1px solid #e6e9ea;
 margin-top: 20px;
 margin-bottom: 20px;
}

#content #navigation_bottom {
 font-size: 14px;   
 color: blue;
}       
  
#content #navigation_bottom a .arrow {
 padding-left: 5px;
 padding-right: 5px;
}            

#content #navigation_bottom a:hover {
 text-decoration: none;
}

#content #navigation_bottom a:visited {
 text-decoration: none;
 color: #0079c2;
}               
  
#content #navigation_bottom a:hover .button {
 text-decoration: underline;
}

#content #next {
 float: right;
}

#main #searchPanel {
 position: absolute;
 right: 0;
 height: 100%;
 width: 300px;
 float: right;
 top: 0;
 z-index: 100;
 display: none;
 border-left: 1px solid #dfdfdf;
}

table {
	table-layout: fixed;
}