* {
    padding: none;
    margin: none;
    }

body {
    font: normal 12px / 1.5 Arial, Helvetica, sans-serif;
	color: #000;
    }
    

#container {
	width:auto;
	}
#search, #topnav, #banner, #sidenav {
	display:none;

}
div#sidenav {width: 1px;}

	#content {
	vertical-align: top;
	float: none;
	clear: none;
	position: relative;
	margin: 0;
	padding: 1em;

}
/* automatically aligns to the bottom of the page */
#footer {
	clear: 		both;
	padding: 	5px;
	border-top: 1px solid #363636;
	
	bottom: 5px;
	margin-top:1em;
}
#footer p {padding: 0; margin: 0;}

#content h2 {
    color: #999;
    font-stretch: wider;
    font-size: 2.2em;
    padding: 0;
    padding-top: 10px;
    margin: 0;

   }
					
#content h3 { 
    color: #3D567E;
    font-weight: 900;
    font-size: 150%;
	}

#content h4 {
    color: #3d567e;
    font-weight: bold;
    background-color: #eee;
    padding: 5px;
    border: 2px solid #ccc;
    margin-top: 6px;
    clear: left;
}

#content h5 {
    color: #3d567e;
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
    margin: -5px 0 -5px;
    padding: 0;
    /* for IE Win's benefit */
    _clear:right;
    _margin-bottom: 1px;
}
#content p{
    text-align: left;
    clear: none;
}

#content ul li {padding-bottom: 5px;}
.image {
	float:					right;
	clear: right;
	border:					1px solid #999;
	margin:					0 0 1.5em 1.5em;
	text-align:				center;
	padding:				5px;
}
.example {
	border: 1px solid #ccc;
	clear: right;
	padding: 5px;
	text-align: center;
	width: 35%;
	margin-left: 1em;
	float:right;

	}
	
.example img {
	border: 1px solid #ddd;
	text-align: center;
	clear: none;
	padding: 5px;
	}	
.example p {
text-align: center;
font-size:96%;
}
		
div.img {
/* width is an IE mac hack - it has to be widened by the image and the caption. normal browsers will automatically determine the width, but IE Mac will go the width of the page otherwise. IE win will blow out if the width is anything other than 0, for some reason. Also, on IE win, this has been known to make nearby text partially disappear - try to change the div's position if so. */
    width: 		5px;
    text-align: center;
	float:					right;
	border:					1px solid #999;
	background-color:		#bbb;
	margin:					0 1.5em 1.5em;
	padding:				5px 5px 0 5px;
	_margin-right: -6px;
	 /* ie mac hack \*/
	width: auto;
	/* end it! */
	_width: 0;
	margin-right: -1em;
}

.img img {
	border:		 1px solid black;
	padding:				0;
	text-align:				center;
	background-color:		white;
}

div.img p {
		text-align:				center;
		vertical-align:			bottom;
		padding: 0;
		margin-left: 1.5em;
		width: 100%;
		white-space: nowrap; 
		
		}
td {
	font-style:				normal;
	font-size: 				97%;
	color:					black;
	vertical-align:         top;
	border-top-width: 		.5px;
	border-right-width: 	.5px;
	border-bottom-width: 	1px;
	border-left-width: 		.5px;
	border-top-style: 		none;
	border-right-style: 	none;
	border-bottom-style: 	solid;
	border-left-style: 		none;
	border-top-color: 		#999999;
	border-right-color: 	#999999;
	border-bottom-color: 	#999999;
	border-left-color: 		#999999; 
	padding-right: 1em;	
}
/* looks dumb, but makes IE space ps correctly */
tr td p {
    padding: 2px;
    margin: -1px;
    border:0px solid brown;
    line-height:1;
 }
 table {padding: 0; margin: 1em;}
 th {
	color:					#89BBD6;
	font-weight:			bold;
	text-align:				left;
	
    vertical-align:         top;
	border-top-width: 		.5px;
	border-right-width: 	.5px;
	border-bottom-width: 	1px;
	border-left-width: 		.5px;
	border-top-style: 		none;
	border-right-style: 	none;
	border-bottom-style: 	solid;
	border-left-style: 		none;
	border-top-color: 		#999999;
	border-right-color: 	#999999;
	border-bottom-color: 	#999999;
	border-left-color: 		#999999; 
	padding-right:			2em;
}

/* a right-floating red box - good for alerts and warnings. Increase font-size below if necessary. width needs to be specified for IE win */
div.redbox {
    font-size: 0.8em;
    text-align: left;
    background-color: #d5c5c5;
    border: 1px solid #f00;
    float: right;
    clear: none;
  
 _width: 150px;     
 text-align: left; 
    margin:5px 0 5px 5px;
    padding: 0 5px 0 5px;
    _margin-right: -5px;
    } 
div.redbox p{font-size: 10px;}
#content .redbox h3 {text-align: center;; color: #f00;width: 100%; margin: 0; padding: 0 5px 0 0;}
div.redbox ul li, ul {margin-left: -1em; line-height: 1.0; _margin-left: 6px;}  

/* colors - add via classes or spans */
.blue, .darkblue, .red {
	font-weight: bold;
	}
.gray {
   font-style:italic;
}

/* div for text that should be indented */
.indentlist {
	line-height:			1.2;
	margin-left:            3em;
	_padding: 3px;
	_float:	left;
	_width: 75%;
	_margin-left: 			1.5em;
	
}
/* Smaller text for footnotes, etc. */
.info, .info ul li {
	font-style:				normal;
	font-size:				80%;
	line-height:			1.0;
	color:					black;
}
/* Left and right columns - an alternative to tables . adjust width and .right's margin-left as needed */
.left {
	float:					left;
	width:					20em;
	margin-right:			1em;
    margin-top: 			1px;
	vertical-align: 		top;
 
}
.right {
    clear: right;
	margin-left:			22em;
    padding-top:            1px;
	vertical-align: 		top;
    width: 20em;
}
/* for places where breaks are needed a la HRs, but you don't want a line. E.G. after columns. Works well with the above divs to keep the colums apart from what follows */
    
hr.clear {
    width: 99%;
    clear: both;
    padding: 0;
    margin: 0;
    height: 1px;
    line-height: 1px;
    color: #fff;
    _clear: none;
    border: none;
    }
    
/* for floating images or text in the center of a page. Rarely needed */
.floatmiddle {
     
     clear:both;
	text-align:center;
	 margin-left:auto;
	 margin-right:auto;
}