body { text-align: center; } /**to deal with browsers that ignore auto margins**/

div#container
{
width: 90%;
margin: 10px auto; /**centers in viewport w 10px top and bottom**/
text-align: left; /**realigns text centered by body addition**/
background-color: #fff;
}

#top /**style header div**/
{
padding: .5em;
text-align:center;
}

#top h1 /**browsers differ so we remove space and let div set it**/
{
padding: 0;
margin: 0;
}

#leftnav /**floating requires width**/
{
float: left;
width: 160px;
margin: 0; /**this and padding moves text away from edge of div**/
padding: 1em;
text-align:right;
}

#content /**to make this act like a column**/
{
margin-left: 200px;
padding: 1em;
max-width: 36em; /**IE ignores this but will constrain line length for others**/
border-left: 0.25em dotted darkorange; /**this puts border on body copy**/
}

#footer /**force footer below any floated elements**/
{
clear: both;
margin-top: 1em;
padding: .5em;
/*color: #fff;*/
text-align:center;
border-top: 2px dotted darkorange;
}

#leftnav p { margin: 0 0 1em 0; } /**safest to remove top margins from text**/
#content h2 { margin: 0 0 .5em 0; }

	
body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	color:#333;
	background-color:white;
		}

h1 {
	font-size: 2.0em;
	font-weight: normal;
	color:#9e0965; /**dark red violet - mediumvioletred #c71585**/
	margin-top: 0;
	margin-bottom: 0;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
	
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	color:#d5580b; /**darkorange #ff8c00**/
	}
	
h3 {
	font-size: 1.5em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	color:#09659e; /**#1e90ff dodgerblue**/ 
	}
	
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#be4e0a; /**color blue in logo**/
	}
	
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#c71585; 
	}
	
/**I'm using this for the copyright notice at bottom FOR NOW**/
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	color:#FF6600;
	}
	
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}


ul{
	list-style: square outside;
	line-height: 1.8em;
	}
	
/** For list type things with no bullets **/
	
li#nodec {
	list-style: none;
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
	
ol (list-style: decimal;
)

	
li {font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em}
	

/**I've added considerably to top margin here to force inline with text this sits next to. Correct if needed**/
	
blockquote {
	border: 0.1em dotted #09659e;
	width: 20em;
	float: right;
	margin: 20px 5px 0 10px;
	padding: 10px;
	line-height:130%;
	background-color: #cfeafb;
	quotes: "\201C" "\201D";
	}
	
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

/**using this for large quoted blocks**/

.indent {
	margin: 1em 0 1em 1.8em;
	color:#09659e;
	}

	
li > p {
	margin-top: 0.2em;
	}

a {
	/**color:#085b8e;**/
	/**color:#09659e;**/
	color:#397ca5;
	font-size:11px;
	text-decoration:none;
	text-align:right;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}

a:link {color:#0d98ed}

/**using visited causes whole set to show up in wrong colors, so FOR NOW**/
/*a:visited {color: #c71585}*/ /*mediumvioletred*/

a:hover {color:#c71585;
text-decoration: underline}

a:active {color:darkorange}