* {margin: 0; padding: 0}

 body { font-family: Veranda, Arial, sans-serif; 
        background-image: url(Images/Bricks.jpg);
        /*background-repeat auto; 
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto; */ 
        background-size: contain;
        color: #444;
        -webkit-font-smoothing: antialiased;
     /*   height: auto !important; 
        height: 120%;
        min-height: 120%; */
        text-rendering: optimizeLegibility;
 }

header {font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ; 
        background: url(Images/header_bkgr.jpg); 
        background-size: cover; 
        align-content: center;
        height:200px }

h1 {
    color: lightgray; text-indent: 25px; height:50px;
    line-height: 50px;
     text-shadow: 2px 2px 2px rgb(85, 34, 3);
		background-color: rgb(157, 98, 30);
		background-image: -webkit-linear-gradient(135deg, rgb(157, 98, 30), rgb(101, 67, 53));
		background-image: -moz-linear-gradient(135deg, rgb(157, 98, 30), rgb(101, 67, 53));
		background-image: -o-linear-gradient(135deg, rgb(157, 98, 30), rgb(101, 67, 53));
		background-image: linear-gradient(135deg, rgb(157, 98, 30), rgb(101, 67, 53)); 
        
}

h1:hover {color: lightgray; background-color: rgb(157, 98, 30);}
 
h2 {color: red; margin-left: 40px; border-bottom: 4px dotted black;}
 
h3 {font-size: medium; color: darkgoldenrod; margin-left: 10px; border-bottom: 4px black; font-weight: bolder}

h4 {color: rgb(157, 34, 60); margin-left: 10px; border-bottom: 2px dotted black;}
 
li {
    font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif; 
    font-size: medium;
    padding: 10px;
}

p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 2em;
    margin-right: 1em;
    font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif; 
    font-size: medium
}

title {
        color: white; background-color: midnightblue;
 }

ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1 em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px; 
}


section.singlesect {
    width:96%;
    border: #000000 solid 2px;
    background-color: lightgrey;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    height: auto;
    padding: 10px;
    box-shadow: 3px 3px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
    font-size: medium;
    text-align:justify;
}

section.leftsect {
    width: 47%;
    border: #000000 solid 2px;
    background-color: #D0D0D0;
    margin-left: 10px;
    margin-bottom: 10px;
    height: auto;
    padding: 10px;
    box-shadow: 3px 3px;
    font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif; font-size: small;
    float: left;
    text-align:justify;
}

section.rightsect {
    width: 47%;
    border: #000000 solid 2px;
    background-color: #909090;
    margin-right: 10px;
    margin-bottom: 10px;
    height: auto;
    padding: 10px;
    box-shadow: 3px 3px;
    font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif; font-size: small;
    float: right;
    text-align:justify;

}

nav.vertical {
  margin-left: 10px;
  margin-right: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,.15);
  overflow: hidden;
  text-align: center;
}

nav.vertical > ul {
    list-style-type: none;
  }

nav.vertical > ul > li {
      display: block;
      padding: 1px;
    }


nav.vertical > ul > li > a {
	background-color: rgb(157, 34, 60);
	background-image: -webkit-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
	background-image: -moz-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
	background-image: -o-linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
	background-image: linear-gradient(135deg, rgb(114, 51, 98), rgb(157, 34, 60));
    border-radius: 10px;
	border-bottom: 2px solid rgba(255,255,255,.1);
	border-spacing: .5rem;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1);
	color: whitesmoke;
	display: block;
	font-size: .85rem;
	font-weight: 100;
	height: 40px;
    line-height: 40px;
	letter-spacing:10px;
    margin-right: 30px;
	text-transform: uppercase;
	transition: all .1s ease;
	text-decoration: none;
}


nav.vertical > ul > li > a:hover {
		background-color: rgb(114, 51, 98);
        border-spacing: .5rem;
	    line-height: 40px;
	    text-shadow: 1px 1px 1px rgba(0,0,01, 98);
		color: goldenrod;
        background-image: -webkit-linear-gradient(150deg, rgb(157, 34, 60), rgb(114, 51, 98));
		background-image: -moz-linear-gradient(150deg, rgb(157, 34, 60), rgb(114, 51, 98));
		background-image: -o-linear-gradient(150deg, rgb(157, 34, 60), rgb(114, 51, 98));
		background-image: linear-gradient(150deg, rgb(157, 34, 60), rgb(114, 51, 98)); 
		cursor: pointer;
	}

div.wrapper {
  margin: 20px auto;
  width: 350px;
}

#box1 {
    width: 100%;
    height: 500px;
    align-content: center;
    font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
    border: #c0c0c0 solid 2px;
    background-color: aqua;
    float: right;
}

#box2 {
    float: right;
    width: 150px;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 10px;
    padding-bottom: 10px;
    font-family: Arial, Helvetica, Georgia;
    font-size: 150%;
    line-height: 24px;
    color: #BB6600;
    text-align: right;
}

#container1 {
    display: block;
    width: 500px;
    height: 100px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    line-height:20px;
    align-content: center;
    border: #c0c0c0 solid 2px;
    background-color: lightgray;
    float: right;
}

#imgfloatleft {
    float: left;
    padding: 5px;
}

#imgfloatright {
    float: right;
    padding: 5px;
}

#txtfloatright {
    float: right;
}