/*
	styles.css
	Initial code generated by thesitewizard.com's Layout Wizard 4.0.0
*/
body {
	font-family: Arial, Helvetica, sans-serif ;
	background-color: #ddeeff;
}
/*
img {
	max-width: 100% ;
	width: auto ;
	height: auto ;
}
*/
pre { 
	font-family: 'Droid Sans Mono', 'Courier New', serif; 
	font-size: 14px; 
}
input, select, button, textarea {
	max-width: 100% ;
}
meter, progress, output {
	max-width: 100% ;
}
div#tswsidecol {
	float: right ;
	width: 20% ;
	color: #000 ;
	background-color: #ddeeff;
}
div#tswcontent {
	float: right ;
	width: 80% ;
	color: #000 ;
	background-color: #ddeeff;
}
@media only screen and (max-width: 629px) {
	div#tswsidecol {
		float: none ;
		width: 100% ;
	}
	div#tswcontent {
		float: none ;
		width: 100% ;
	}
}
div#tswcontproper {
	padding-left: 15px ;
	padding-right: 10px ;
}
div#tswcontainer {
	color: inherit ;
        background-color: #ddeeff;
}
div#tswsideproper, div#tswothersideproper {
	padding-left: 5px ;
	padding-right: 5px ;
}

/*
	tswnavbar.css	2.0.0
	Please use the Navigation Menu Wizard at
		https://www.thesitewizard.com/wizards/css-menu-buttons.shtml
	to generate your own customized menu buttons.
*/

#tswcssbuttons {
	width: 180px ;
	max-width: 100% ;
	text-align: center ;
}
#tswcssbuttons ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
}
#tswcssbuttons li {
	margin: 0 ;
	padding: 0 ;
	display: block ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif ;
}
#tswcssbuttons li a {
	color: #000000 ;
	background-color: #99ccff ;
	border: 1px outset #0000ff ;
	text-decoration: none ;
	display: block ;
	padding: 2px;
}
#tswcssbuttons li a:hover {
	color: #ffff00 ;
	background-color: #0000c0 ;
}