body{ margin:0;padding:0;line-height: 1.5em;}
header{background-image: url("images/aesthetic-pruning2.jpg");background-repeat:no-repeat; background-position:top center; width:100%; height:250px; margin:0; padding:0;}
header h1{padding-left:225px;padding-top:100px;margin:0;color:#FFFFFF;}
aside{width:95%;margin:10px;padding:20px;background-image: url("images/pruning3.png");background-repeat:no-repeat; background-position:top center;
/* background:#E9D476; */-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
aside h1{text-align:center;}
aside p{padding-right:5px;margin-right:5px;}
nav {height:35px;margin:0 5px 0 5px;display:block;width:100%;} 
nav li {float:left;width:120px;text-align:center;line-height:35px;list-style-type:none;;}
nav ul{width:100%; margin:0 auto;}
nav ul li a {color:#000000;text-decoration: none;display:block;}
nav ul li a:hover {background-color:#29336b;color:#F8F068;}
#mini{display:none;}
#mini ul{width:100%; margin:0 auto;}
#mini li {display:block;color:#0000FF;font-size: 120%;}
#mini ul li a{text-decoration:none;text-align:center;} 
table{margin:0 auto;}
table th{margin:0 auto;}
/*  table td {width:300px;margin:0;float:left;} */
b{font-size: 110%;}
em{color: red;}
#maincontainer{width: 100%; /*Width of main container*/margin: 0 auto; /*Center container on page*/}
#contentwrapper{float: left;width: 100%;}
#contentcolumn{margin-left: 5px;margin-top:0; /*Set left margin to LeftColumnWidth*/}
#leftcolumn{display:none;float: left;width: 200px; /*Width of left column*/margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: #C8FC98;}
#foot{clear: left;width: 100%;color: #0000FF;text-align: center;padding: 4px 0;border:thin red solid;}
#foot a{color: #FFFF80;}
.r{float:right;}
.wide{width:100%;}
.skinny{width:300px;margin:0;float:left;}
.h{text-decoration:none;}
.c{text-align:center;}
.innertube{margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/margin-top: 0;}
/* ####### responsive layout CSS ####### */
@media (max-width: 840px){ /* responsive layout break point */
	#maincontainer{	width: 100%;}
	#contentwrapper{float: none;}
	#leftcolumn{float: none;width: 100%;margin-left: 0;	}
	#contentcolumn{	margin-left: 0;	}
	header{height:150px;}
        header h1{padding-left:0;text-align:center;}
	nav{display:none;}
	#mini{display:block;}
}