/*    Generated by http://www.cssportal.com    */

@import url("reset.css");

body {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333
}
html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
}

p {
    padding: 1px;
}

p.pad {
    padding: 10px;
}

p.center {
    text-align: center;
}

p.right {
    text-align: right;
}

p.centervert {
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
}

p.bold {
    font-weight: bold;
}

p.italic {
    font-style: italic;	
}

div.bold {
    font-weight: bold;
}

div.centervert {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.aligntop {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-440%);
    transform: translateY(-440%);
}

div.alignbottom {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-280%);
    transform: translateY(-280%);
}

#wrapper {
    margin: 0 auto;
    width: 1000px;
}

#headerwrap {
    width: 1000px;
    float: left;
    margin: 0 auto;
    overflow: hidden;
}


#headercol1 {
    width: 680px;
    height: 113px;
    font-size: 20px;
    font-weight: bold;
    margin: 5px;
    float:left;	
}

#headercol2 {
    width: 300px;
    height: 153px;
    font-size: 20px;
    font-weight: bold;
    margin: 10px;
    overflow: hidden; 
}

#dividerwrap {
    width: 1000px;
    float: left;
    margin: 0 auto;
}

#topdivider {
    height: 30px;
    font-weight: bold;
  background: RGB(0, 176, 240);
	color: white;
    border-radius: 7px;
    margin-top: 5px;
}

#bottomdivider {
    height: 30px;
    font-weight: bold;
  background: RGB(0, 176, 240);
	color: black;
    border-radius: 7px;
    margin: 5px;
 }

#outsidecontentwrap {
    width: 1000px;
    float: left;
    margin: 0 auto;
}

#outsidecontent {
    margin: 0px;
}

#outsidecontentwraptop {
    width: 680px;
    float: left;
    margin: -10px 0px 0px 0px;	
}

#outsidecontenttop {
    margin: 0px;
}
/*
#contentwrap {
    width: 1000px;
    float: left;
    margin: 0 auto;
}

#content {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
}
*/

#step1wrap {
    width: 1000px;
    float: left;
    margin: 0 auto;
	height: 40px;
}
#step1wrap2 {
    width: 1000px;
    float: left;
    margin: 0 auto;
	height: 24px;
}

#step2wrap {
    width: 501px;
    float: left;
    margin: 0 auto;
	height: 40px;
}

#step3wrap {
    width: 501px;
    float: left;
    margin: 0 auto;
	height: 20px;
}

#ownerwrap {
    width: 1000px;
    float: left;
    margin: 0 auto;
	height: 20px;
}

#stepscolumn1 {
    float: left;
    width: 60px;
    position: relative;
}
#stepscolumn2 {
    float: left;
    width: 260px;
    position: relative;
}
#stepscolumn3 {
    float: left;
    text-align: center;
    width: 120px;
    position: relative;
}
#stepscolumn3county {
    float: left;
    text-align: center;
    width: 150px;
    position: relative;
}
#stepscolumn4 {
    float: right;
    width: 520px;
    position: relative;
}
#step3column3 {
    float: left;
    width: 680px;
    position: relative;
}
#step3column4 {
    float: right;
    width: 360px;
    position: relative;
	height: 120px;
}

.grid-container {
    display: grid;
    float: left;
    margin: 10px 0px 0px 80px;
    grid-template-rows: 45px 35px 30px 30px 30px;
    grid-template-columns: 240px 360px 50px 360px;
}


.grid-container {
    display: grid;
    float: left;    /*grid-template-columns: repeat(4, 1fr);*/
    /*gap: 10px;*/
    /*grid-auto-rows: minmax(30px, auto);*/
    margin: 10px 0px 0px 80px;
    width: 780px;
}

.grid-h1 {
  background: RGB(0, 176, 240);
	color: black;
  grid-column: 2 / 2;
  grid-row: 1;
  border: black 1px solid;
}
.grid-h2-col1 {
  background: black;
  grid-column: 2 / 3;
  grid-row: 2 / 3;
	color: white;  
  border-left: black 1px solid;
  border-right: black 1px solid;
}
.grid-h2-col2 {
  background: RGB(242, 242, 242);
  grid-column: 3 / 4;
  grid-row: 2 / 3;
	color: black;  
  border-right: black 1px solid;
}
.grid-h2-col3 {
  background: RGB(242, 242, 242);
  grid-column: 4 / 4;
  grid-row: 1 / 3;
	color: black;  
  border-right: black 0px solid;
  border-left: black 0px solid;
}
.grid-h3-col1 {
  background:white;
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  border: black 1px solid;
  border-bottom: black 0px solid;
}
.grid-h3-col2 {
  background:white;
  grid-column: 3 / 4;
  grid-row: 3 / 4;
  border-top: black 1px solid;
  border-right: black 1px solid;
}
.grid-h3-col3 {
  background:white;
  grid-column: 4 / 4;
  grid-row: 3 / 4;
  border: black 1px solid;
  border-bottom: black 0px solid;
  border-left: black 0px solid;
}

.grid-annual-text {
  grid-column: 1 / 2;
  grid-row: 4 / 5;
  border: black 1px solid;
  border-right: black 0px solid;
  background: black;
	color: white;
}
.grid-annual-col1 {
  grid-column: 2 / 3;
  grid-row: 4 / 5;
  border: black 1px solid;
  background: white;
	color: black;
}
.grid-annual-col2 {
  grid-column: 3 / 4;
  grid-row: 4 / 5;
  background: black;
  border: black 1px solid;
  border-left: white 1px solid;
	color: white;
}
.grid-annual-col3 {
  grid-column: 4 / 4;
  grid-row: 4 / 5;
  border: black 1px solid;
  border-left: white 1px solid;
  background: black;
	color: white;
}

.grid-month-text {
  grid-column: 1 / 2;
  grid-row: 5 / 5;
  border: black 1px solid;
  border-top: black 0px solid;
  border-right: black 0px solid;
  background:white;
}
.grid-month-col1 {
  grid-column: 2 / 3;
  grid-row: 5 / 5;
  border: black 1px solid;
  border-top: black 0px solid;
  background:white;
}
.grid-month-col2 {
  grid-column: 3 / 4;
  grid-row: 5 / 5;
  border-bottom: black 1px solid;
  border-right: black 1px solid;
  background:white;
}
.grid-month-col3 {
  grid-column: 4 / 4;
  grid-row: 5 / 5;
  border: black 1px solid;
  border-top: black 0px solid;
  border-left: black 0px solid;
  background:white;
}