body {
	font-family: arial, sans-serif;
	background-color:#fff;
	font-size: 83%;
	margin-bottom:50px;
	color:000;
	}

#wrapper{
	width:100%;
	}
	
/* ########## PAGE LAYOUT ########## */

#header {
  	position: relative;
	height:60px;
  	padding-top: 12px;
	margin:0;
	}
	
#pagecontent{
	padding-bottom:5em;
	border-left:thin dotted #bbb ;
	margin:0 0 0 170px;
	}
	
#footer{
  	height: 55px;
  	padding-top: 20px;
	clear:both;
	}

#sidenav {
	float:left;
	width:160px;
	margin:0 0 0 3px;
	background:#fff;
	padding:0;
	left:0;
	}
	
/* ########## END PAGE LAYOUT ########## */

/* ########## SIDE NAV ########## */

#sidenav ul{
	padding:0;
	margin:0;
	}
	
#sidenav ul li ul, #sidenav ul li ul li ul{
	padding:0;
	margin:0 0 0 .6em;
	}
	
#sidenav ul li{
	list-style:none;
	padding:0;
	margin:.4em 0 0 0;
	}
	
#sidenav ul li ul li{
	list-style:none;
	padding:0;
	margin:.4em 0 0 0;
	}
	
#sidenav ul li ul li ul li{
 	list-style:none;
	padding:1px;
	margin:.4em 0 0 0;
	}
		
#sidenav p {
	margin: 0 .3em 0 0;
	padding:1em 0 0 0;
	}

#sidenav ul li a, #sidenav ul ul li a, #sidenav ul ul ul li a{
  	color: #0000cc;
	display:block;
	width:92%;
	height:100%;
	padding:0;
	}
	
#sidenav ul li a:hover{
  	color: #0000cc;
	}

#sidenav h1{
	font-weight:bold;
	font-size:100%;
	color:#000;
	position:relative;
	background-color:#fff;
	border:none;
	margin:1em 0 0 0;
	padding:0 2px 0 2px;
	width:100%;
	left:-4px;
	}
	
.other{  /* little box for side nav */
	border-top:thin dotted #bbb;
	border-bottom:thin dotted #bbb;
	margin:3em 0 3em 0;
	padding: 0 0 10px 0;
	}

.line{  /* dotted line for division */
	border-top:thin dotted #bbb;
	margin:1em 0 0 0;
	padding:0;
	height:5px;
	}
	
/* ########## END SIDE NAV ########## */
	
/* ########## OTHER ELEMENTS ########## */	
	
#logo{  /* in header */
	float:left;
	width: 150px;
	top:0;
  	left:0;
	padding:0;
	margin:0;
	position:absolute;
	}
	
#logo img{border:none;}
	
#doc_title{  /* in header */
	font-size:135%;
	font-weight:bold;
	background-color: #efefef;
	border-color: #ccc; 
	border-top: 1px solid;
	margin:0 0 0 170px;
	padding:.1em 0 .1em 3px;
	}
	
#page_title{
	font-size:135%;
	font-weight:bold;
	background-color: #fff;
	border: 0; 
	margin:10px 0 5px 10px;
	padding-left:0;
	border-color:; 
	border-bottom: none;
	}
	
.sidebox{
	width:20em;
	margin: 20px 0 0 22px;
	padding:0 0 1em 0;
	border-left:thin dotted #bbb;
	float:right;
	clear:right;
	position:relative;
	background-color:#fff;
	} 
	
.sidebox h2 {
	font-size:110%;
	font-weight:bold;
	background-color: #efefef;
	border-color: #ccc; 
	margin: 0 5px 0 4%;
	padding:.1em 3px .1em 5px;
	border:none;
	}
	
.sidebox p {
	margin: 0 0 0 25px;
	padding:1em 0 0 0;
	}

#footerlogo{  /* in footer */
	position: absolute;
	width: 175px;
	padding:0;
	margin:0;
	left:10px;
	}
	
#copyright {  /* in footer */
	text-align: center;
	margin:0px 0 0 175px;
	padding-top:30px;
	}

/* ########## END OTHER ELEMENTS ########## */	

/* ########## HYPERLINKS ########## */

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

a:visited {
  color: #551a8b;
}

.backtotop{
	float:right;
	clear:both;
	margin: 1.5em 0 1em 4em;
	position:relative;
	padding:0;
	font-size:x-small;
	}
	
.linkbox a{
	font-size:100%;
	font-weight:bold;
	border:1px solid;
	padding: 5px 10px 7px 10px;
	background-color: #efefef;
	border-color: #ccc; 
	}
	
.linkbox{
	margin: 1em 25px 1em 25px;
	}
	
.anchor, .anchor:hover, .anchor:active, .anchor:visited{
	color:#000000;
	}

/* ########## END HYPERLINKS ########## */

/* ########## 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: #DEEFE0;
	border-color: #006633; 
	}

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

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;
	}
	
ol li ol, ul li ul{
	padding:.1em 0 0 0;
	margin:0;
	}
	
li{
 	margin: .4em 0 0 1.5em;
	padding:0;
	}
	
dt{  
	font-weight:bold;
	margin:.75em 0 0 25px;
	padding:0;
	}
	
dd{
	margin: .4em 0 0 4em;
	padding:0;
	font-weight:normal;
	}
			
ul li p, ol li p{
	margin: 0 0 0 20px;
	padding:.4em 0 0 0;
	font-weight:normal;
	}

.listhead li{
	font-weight:bold;
	margin:.75em 0 0 1.5em;
	}
	
.listhead li p{
	font-weight:normal;
	margin: 0;
	}
	
ol.alpha{list-style:lower-alpha;}
ol.alphacap{list-style:upper-alpha;}
ol.roman{list-style:lower-roman;}
ol.romancap{list-style:upper-roman;}
	
.new{
	font-size:inherit;
	font-weight:bold;
	color:#FF0000;
	text-decoration:none;
	}
	
.trail{
	list-style:none;
	margin-left: 173px;
	padding:2px 0 0 0;
	}

.trail li{
	display:inline;
	padding:0 0 0 0;
	margin:0;
	font-size:90%;
	}
	
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: #efefef;
  border-color: #ccc; 
}

.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: #ccc 1px solid;  
	border-bottom: #ccc 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; 
	}
	
.sidebox .note, .sidebox .caution, .sidebox .warning{
	padding:.2em .5em .2em .7em;
	margin: 1em 0 0 25px;
	}

.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;
	background: url(index_files/quote.gif) no-repeat;
	background-position: 0% 0%;
	padding:10px 20px 5px 20px;
	margin:1em 90px 0 70px;
	}
	
.sidebox blockquote {
	text-align:justify;
	background: url(index_files/quote.gif) no-repeat;
	background-position: 0% 0%;
	padding:15px 20px 0 20px;
	margin:5px 20px 5px 20px;
	}
	
#date{
	text-align:left;
	margin: 3em 0 0 1.5em;
	padding:0;
	font-style:italic;
	font-size:x-small;
	}

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

/* ########## TOC ########## */

div.toc .column{
  width:49.5%;
  float:left;
}

div.toc ol, ol.toc, ol.toc li ol{
  margin:0;
  padding:0;
  list-style:none;
}

div.toc{margin:1.5em 0 0 25px;}

ol.toc{margin:2em 0 0 25px;}

div.toc ol li, ol.toc li{
  font-weight:bold;
  margin-top:.5em;
  padding:0;
}

div.toc ol li ol li, ol.toc li ol li{
  padding:0;
  margin:.1em 0 0 1em;
  font-weight:normal;
}

/* Mozilla float clearing (this psudo-class is not supported by IE) */
div.toc:after {  
  content: "."; /*adding this period properly places the div, relative to other content (avoids floating too far left)*/
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* ########## END TOC ########## */

/* ########## TABLES ########## */

table {
	border: 0px solid;
	border-color: #ccc; 
	border-spacing:0;
	margin: 0em 0 0 0px;
	border-collapse:collapse;
	clear:right;
    background-color: #efefef;
	}

th {
	font-weight:bold;
	text-align:left;
	margin-left:0%;	
	border: 0px solid #888;
	text-align: left;
    background-color: #efefef;
	}

td {
	border: 0px solid #ccc; 

	text-align:left;
	margin-left:0%;	
	vertical-align:top;
	}
	
td.alt {
	background: #eee;
	}
	
.columns {
	border: none;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	/* margin-right omitted to avoid IE6 bug */
	}
	
.columns td{
	border: none; 
	padding:0;
	}

/* ########## END TABLES ########## */

/* ########## MISCELLANEOUS ########## */
	
.button {
  margin-top: 2px;
	}

.input input {
  width: 90%;
	}
	
hr{
	border: 1px solid;
	border-color: #ccc; 
	margin: 20px 10px 20px 10px;
	}
	
#pagecontent img{
	border:0px solid;
	margin: 0em 0 0 0px;
	padding:0;
	}
	
/* ########## END MISCELLANEOUS ########## */

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

}