/* import undohtml.css as required by Minz */
@import url(undohtml.css);



body {
	font: 90%/1.6 arial, helevetica, sans-serif;
	color: #353677;
	background-color: #fff;
	margin: 0;
	padding: 0;
		}
p {
	padding: .5em;
		}	
div#wrapper {
		margin: 1% auto;
		width: 80%;
		}
div#headmast h1 {
	text-indent: -5000px;
	background: url(images/kiwanis.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 100px;
	}
	
div#headmast li {
	display: inline;
	
		}
div#navigation {
	width: 100%;
		}		
div#navigation a {
	background: transparent;
	color: #fff;
	text-decoration: none;
	padding: 1em;
	text-align: center;
		}		
div#navigation a:hover {
	background: transparent;
	color: #4B0082;
	text-decoration: underline;
       }
		
div#main {
	clear: both;
	margin-top: 2%;
		}
		
div#maincontent {
	float: left;
	width: 60%;
	margin: 0;
	padding: 0px;
		}
div#content {
	width: 60%;
	padding-left: 20px;
	margin-left: 30%;
	border-left: #888 1px solid;
	margin-top: 0;	
		}
div#content a {
	background: transparent;
	color: #353677;
	text-decoration: none;
		}		
div#content a:hover {
	background: transparent;
	color: #f90;
	text-decoration: underline;
		}
div#content h3 {
	color: #4B0082;
	background: transparent;
	border: 0px;
	font-size: 125%;
	text-indent: 3em;
		}
div#content img	{
	margin-top: 1%;
	margin-bottom: 1%;
		}
div#content h2 {
	color: #353677;
	background: transparent;
	font-size: 145%;
		}
div#gallery img	{
	margin-top: 1%;
	margin-bottom: 1%;
		}
div#gallery h2 {
	color: #4B0082;
	background: transparent;
	font-size: 150%;
		}
div#gallery h3 {
	color: #4B0082;
	background: transparent;
	border: 0px;
	font-size: 125%;
	text-indent: 3em;
		}
		
div#gallery {
	width: 70%;
	padding-left: 5px;
	margin-left: 25%;
	border-left: #888 1px solid;
	margin-top: 0;	
		}
div#gallery a {
	background: transparent;
	color: #fff;
	text-decoration: none;
		}		
div#gallery a:hover {
	background: transparent;
	color: #4B0082;
	text-decoration: underline;
		}
.indent 
	{
	text-indent: 10%;
	color: #fff;
	}
	
div#sidebar {
	width: 25%;
	float: right;
	border-left: #888 1px solid;
	padding-right: 5px;
	margin-right: 0;
	padding-left: 10px;
	margin-top: 0;
		}
div#sidebar code {
	color: #d99933;
		}
div#sidebar h3 {
	margin: 1em;
	color: #353677;
	background: #888;
	border: #353677 1px solid;
	text-align: center;
		}
div#sidebar h3:first-child {
	margin-top: 0;
		}
div#sidebar legend {
	color: #f90;
		}
/*ie didn't do dashed very well -- this hides it from ie */
div#sidebar > h3 + form > fieldset {
	border: 1px #f90 dashed;
		}
div#sidebar fieldset {
	padding: .5em;
		}
div#sidebar p {
	font-size: 80%;
		}

div#topics {
	float: left;
	width: 25%;
	margin: 0;
		}
div#topics h3 {
	color: #353677;
	border: #4B0082 1px solid;
	background: #888;
	text-align: center;
		}	
div#topics a {
	background: #666;
	display: block;
	width: 100%;
		}
div#topics li {
	border-bottom: #008 1px solid;
	border-right: #008 1px solid;
	border-left: #008 1px solid;
	padding-left: 2px;
		}

.heading
	{
	color: #4B0082;
	border: #4B0082 1px solid;
	background: #777;
	}	
div#topics ul li ul li
	{
	border-left: 0;
	border-right: 0;
	border-top: #008 1px solid;
	}
div#topics a {
	background: transparent;
	color: #008;
	text-decoration: none;
	
		}
div#topics a:hover {
	color: #f90;
	text-decoration: underline;
		}
div#footer {
	clear: both;
	color: #888;
	font-size: small;
		}
		
strong
	{
	color: #f90;
	}
	
h3 {
	color: #4B0082;
	border: #4B0082 1px solid;
	background: #888;
		}

.list
	{
	display: block;
	}
.codeblock {
	padding: 10px;
	font-size: 100%;
	color: #d99933;
	margin-top: 1%;
	margin-bottom: 1%;
		}
.clr	{
	clear: both;
	font-size: 1px;
	}
	
ul#key	{
	padding: .5em;
		}