/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
color: rgb(0,0,0);
background: rgb(255,255,255);
}
ol, ul {
list-style: none;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*General*/
html, body {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width:1024px;
height: 100%;
margin: auto;
font-size: 100% ;
font-family: monospace, tahoma, sans-serif, monaco, american typewriter ;
line-height: 1.1 ;
font-weight: 430 ;
background-color: rgb(215,250,255) ;
height: 100% ;
}
#container {
min-height:100%;
position:relative;
padding-bottom:25px ;
}
p {
margin-top: 1.5em ;
margin-bottom: 1.5em ;
font-size: 122% ;
}
h1 {
margin-top: 0.1em ;
margin-bottom: 0.1em ;
font-size: 300% ;
font-weight: 725 ;
text-align: center ;
}
h3 {
font-size: 180% ;
font-weight: 520 ;
text-align: center ;
margin-top: 0.5em ;
margin-bottom: 0.15em ;
}
h4 {
font-size:145% ;
font-weight: 485 ;
text-indent: 35px ;
margin-top: 0.8em ;
margin-bottom: 0.2em ;
}
h5 {
font-size:100% ;
font-weight: 420 ;
text-indent: 60px ;
margin-top: 0.2em ;
margin-bottom: 0.2em ;
}
ul {
list-style: disc ;
font-size: 122% ;
}
a {
color: #000077;
text-decoration: none ;
}
a:hover {
color: #0000FF;
text-decoration: underline ;
}
#header {
height:34px ;
background-color: rgb(260,260,230) ;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: rgb(0,0,0) ;
font-size: 100% ;
text-align:center ;
}
.menu {
top: 8px ;
padding-right: 25px ;
padding-left: 25px ;
position: relative ;
}
#footer {
height:25px ;
width: 1024px ;
background-color: rgb(260,260,230) ;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: rgb(0,0,0) ;
font-size: 70% ;
text-align:center ;
position: absolute ;
bottom: 0 ;
}
.endtext {
position: relative ;
top: 2px ;
}
#addthis {
padding: 8px;
margin-left: 80% ;
position: relative ;
}
/*Index*/
#learn {
width: 25%;
position: absolute;
margin-right: 75% ;
}
#home {
width: 25%;
position: absolute;
margin-right: 36% ;
margin-left: 36% ;
}
#topsix {
width: 25%;
position: absolute;
margin-left: 75% ;
}
/*Between Versions*/
#between_index {
position: relative;
padding-bottom: 115px ;
margin-bottom: 20px ;
margin-top: 5% ;
font-size: 130% ;
font-weight: 600 ;
}
#between_howto {
position: relative;
padding-bottom: 85px ;
margin-bottom: 20px ;
margin-top: 22% ;
font-size: 130% ;
font-weight: 600 ;
}
#between_vs {
position: relative;
padding-bottom: 85px ;
margin-bottom: 20px ;
margin-top: 160% ;
font-size: 130% ;
font-weight: 600 ;
}
#between_topsix {
position: relative;
padding-bottom: 85px ;
margin-bottom: 20px ;
margin-top: 266% ;
font-size: 130% ;
font-weight: 600 ;
}
#between_assumption {
position: relative;
padding-bottom: 85px ;
margin-bottom: 20px ;
margin-top: 125% ;
font-size: 130% ;
font-weight: 600 ;
}
#between_about {
position: relative;
padding-bottom: 115px ;
margin-bottom: 20px ;
margin-top: 34% ;
font-size: 130% ;
font-weight: 600 ;
}
#between_peopleearnless {
position: relative;
padding-bottom: 115px ;
margin-bottom: 20px ;
margin-top: 130% ;
font-size: 130% ;
font-weight: 600 ;
}
#between_stateutilityrates {
position: relative;
padding-bottom: 115px ;
margin-bottom: 20px ;
margin-top: 75% ;
font-size: 130% ;
font-weight: 600 ;
}
#between_watersewagerates {
position: relative;
padding-bottom: 115px ;
margin-bottom: 20px ;
margin-top: 190% ;
font-size: 130% ;
font-weight: 600 ;
}
#between_states {
position: relative;
padding-bottom: 115px ;
margin-bottom: 20px ;
margin-top: 115% ;
font-size: 130% ;
font-weight: 600 ;
}
#between_states_long {
position: relative;
padding-bottom: 115px ;
margin-bottom: 20px ;
margin-top: 160% ;
font-size: 130% ;
font-weight: 600 ;
}
/*How to Start Investing at Home*/
#overviewparagraph {
position: relative ;
}
#splitarea {
position: relative;
margin-bottom: 150px ;
margin-top: 40px ;
}
#bodytext {
width: 72% ;
position: absolute;
left: 0;
top: 0;
margin-right: 25%;
}
#googlead {
width: 19% ;
position: absolute ;
right: 0;
top: 0;
margin-left: 75%;
}
/*Water Charts*/
#tablepage {
font-size: 90% ;
}
#between_watersewagetable {
position: relative;
padding-bottom: 75px ;
padding-top: 30% ;
}
#watertable {
border: 1px solid #CCC;
font-size: 14px;
padding: 4px;
margin: 3px;
font-weight: bold;
}
.firstrow {
background-color: #104E8B;
color: #FFF;
font-weight: bold;
}
td {
padding: 4px;
margin: 3px;
border: 1px solid #CCC;
}
/*CONTACT FORM*/
#page-wrap {
width: 660px;
background: white;
padding: 20px 50px 20px 50px;
margin: 20px auto;
min-height: 500px;
height: auto !important;
height: 500px;
}
#contact-area {
width: 600px;
margin-top: 25px;
}
#contact-area input, #contact-area textarea {
padding: 5px;
width: 471px;
font-family: Helvetica, sans-serif;
font-size: 1.4em;
margin: 0px 0px 10px 0px;
border: 2px solid #ccc;
}
#contact-area textarea {
height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
border: 2px solid #900;
}
#contact-area input.submit-button {
width: 100px;
float: right;
}
label {
float: left;
text-align: right;
margin-right: 15px;
width: 100px;
padding-top: 5px;
font-size: 1.4em;
}