body {
    font-family: arial, sans-serif;
    background-color: #FFFFFF;
    font-size: small;
    margin: 24px 8px 8px;
    color: #000000;
}

#wrapper {
    width: 100%;
}
	
#header {
    position: relative;
    height: 50px;
    margin: 0 0 11px;
}
	
#pagecontent {
    padding-bottom: 5em;
    border-left:1px dotted silver;
    margin: 0 0 0 169px;
}
	
#footer {
    height: 55px;
    padding-top: 20px;
    clear: both;
}

#sidenav {
    float: left;
    width: 160px;
    margin: 0;
    background: #FFFF;
    padding: 0;
    left: 0;
}
	
#doc_title {  /* in header */
    font-size: large;
    font-weight: bold;
    border-top: 1px solid;
    background-color: #e5ecf9;
    border-color: #3366CC;
    margin: 5px 0 0 174px;
    padding: 1px 0 1px 3px;
}
	
#page_title {
    font-size: large;
    font-weight: bold;
    background-color: #FFFFFF;
    border: 0; 
    margin: 10px 0 5px 10px;
    padding-left: 0;
    border-bottom: none;
}
	
#copyright {  /* in footer */
    text-align: center;
    font-style: italic;
    margin: 0px 0 0 175px;
    padding-top: 30px;
}


a {
    color: #0000cc;
}
	
a:active {
    color: #cc0000;
    text-decoration: none;
}

a:visited {
    color: #551a8b;
}

/* ########## FONT FORMATS ########## */

h1, h2, h3, h4, h5 {
    font-weight: bold;
    margin-bottom: 0;
}
	
h2, h3, h4, h5 {
    margin-left: 25px;
}

h1 {
    font-size: 130%;
    margin: 2em 0 0 10px; 
    padding: 0 3px 0 3px;
    border-top: 1px solid;
    background-color: #e5ecf9;
    border-color: #3366CC;
}

h2 {
    font-size: 120%;
    margin-top: 1.5em;
    border-bottom: 1px solid;
    border-color: #3366CC;
}

h3 {
    font-size:110%;	
    margin-top:.7em;
    position:relative;
    left:0;
    top:.7em;
    z-index:5; /*to avoid falling behind other elements due to lowered position*/
}
	
h4 {
    margin-top:.5em;
    font-size:100%;
    font-weight:bold;
    position:relative;
    left:0;
    top:.8em;
    z-index:5; /*to avoid falling behind other elements due to lowered position*/
}
	
h5 {
    margin-top:.4em;
    font-size:100%;
    font-weight:100;
    font-style:italic;
    text-decoration:underline;
    position:relative;
    left:0;
    top:.8em;
    z-index:5; /*to avoid falling behind other elements due to lowered position*/
}
	
p {
    margin: 1em 0 0 25px;
    padding:0;
}

ol, ul, dl {
    padding-top: .5em;
    margin-top: 0;
    margin-bottom: 0;
}

li ol, li ul {
    padding: .1em 0 0 0;
    margin: 0;
}

li {
    margin: .4em 0 0 1.5em;
    padding: 0;
}
	
ul li p, ol li p{
	margin: 0;
	padding:.4em 0 0 0;
	font-weight:normal;
}

.trail{
	list-style:none;
	margin-left: 174px;
	padding:3px 0 0 3px;
}

.trail li{
	display:inline;
	padding:0 0 0 0;
	margin:0;
}
	
code{
	font-family: "Courier New", Courier, monospace;
	font-size: 100%;
}
	
.code li{ 
	font-family: "Courier New", Courier, monospace;
	font-size: 100%;
	margin-top:.75em;
}
	
.code li p{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
}	
	
.alert {
  border: 1px solid;
  padding: .9em;
  margin: 1em 0 1em 25px;
  background-color: #e5ecf9;
  border-color: #3366CC;
}

.alert p{padding:0; margin:0;}
	
.note {
	padding:.2em .5em .2em .9em;
	margin: 1em 0 0 25px;
	background-color: #efefef;
	border-top: #aaa 1px solid; 
	border-bottom: #aaa 1px solid; 
}

.caution{
	padding:.2em .5em .2em .9em;
	margin: 1em 0 0 25px;
	background-color: #efefef;
	border-top: #ffcc33 1px solid;  
	border-bottom: #ffcc33 1px solid; 
}

.warning{
	padding:.2em .5em .2em .9em;
	margin: 1em 0 0 25px;
	background-color: #efefef;
	border-top: #aa0033 1px solid;  
	border-bottom: #aa0033 1px solid; 
}

.warning b, .warning em{
	color:#aa0033;
	}
	
ul li p.note, ul li p.warning, ul li p.caution,
ol li p.note, ol li p.warning, ol li p.caution{
	margin: .8em 0 0 0;	
	padding:.2em .5em .2em .9em;
	background-color: #efefef;
	border-top: #ccc 1px solid; 
	}
	
.notice {
	padding:.5em;
	margin: 1em 0 0 25px;
	background-color: #efefef;
	border-top: #fff; 
}

.notice form{
	padding:0;
	margin:0;
}

form {
	padding:0;
	margin:2em 0 0 0;
}

pre {
	background-color: #eee;
	border: 1px solid #bbb;
	color: #000000;
	font-family: "Courier New", Courier, monospace;
	font-size: 100%;
	margin: 1em 0 0 25px;
	padding: .9em;
	text-align:left;
	overflow: auto;
}
	
li pre{
	margin: 1em 0 0 0;
	padding: .9em;
}
	
blockquote {
	text-align:justify;
	padding:10px 20px 5px 20px;
	margin:1em 90px 0 70px;
}
	
img {
	border:none;
	margin:1em 0;
}
	
hr{
	border: 1px solid;
	border-color: #3366CC;
	margin: 20px 10px 20px 10px;
}
	
/* ######### PRINT PAGE STYLE ########### */

@media print{

h1, h2, h3, h4, h5, h6 { /*keep headings with the text that belongs with them*/
	page-break-after: avoid;
	}
	
#sidenav, #footer { /* don't show page navigation */
	visibility:hidden;
	position:absolute;
	}
	
#pagecontent{  /* nudge page content over to fill page */
	float:left;
	position:relative;
	top:0;
	left:-175px;
	width:100%;
	}
	
#doc_title{  /* add another border since bg-color doesn't show */
	border-bottom:1px solid;
	padding-bottom:2px;
	}
		
pre { /* don't print scrollbars---display overflow text */
	overflow:visible;
	}
	
.backtotop, #date{ 
	visibility:hidden;
	}

}
/* Default color for code, if JS is turned off. */
code,pre,samp,var, xref {
  color: #006000;
}

.code {
  color: #006000;
  font-family: "Courier", monospace;
  font-size: 100%;
}

/* Make sure the text wraps; otherwise, we get ugly ugly scrollbars for
 * pre-formatted text. This works in most browsers (listed below). */
pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Alert box */
.alert {
  border: 1px solid #224499;
  background-color:#e5ecf9;
  padding: .5em .5em 1em .5em;
  margin: 1em 0 1em 25px;
}

.promo { 
  margin-top: 2em;
  border: 1px solid #ff9900;
}

#doc_title, h1, hr, .sidebox h2, .linkbox a,td,th{
	background-color: #fff4c2; 
	border-color: #ffcc33;  	
}