body {font-family: Arial, sans-serif;
font-weight: 100;
font-size: 100%;
background: #033; 
color: #fff;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
text-align: justify;
text-indent: 3%;
text-decoration: none;
border-style: solid;
border-width: 3px;
border-color: #0fc;
border-top: 0px;
border-right: 0px;
border-bottom: 3px;
border-left: 3px;
padding-top: 0;
padding-right: 7%;
padding-bottom: 3%;
padding-left: 8%;
}

p {padding-left: 0%;
padding-top: 0%;
padding-bottom: 0%;
line-height: 150%;}

.pics {position:absolute;
top: 700px;
margin-left: 30%; /*false margin to offset image in column else forces page width*/
margin-right: auto;
width: 0%;
font-size: 70%;
}

.iapics1 {position:absolute;
top: 350px;
padding-left: 80px;
}

.iapics2 {position:absolute;
top: 650px;
padding-left: 105px;
}

.iapics3 {position:absolute;
top: 950px;
padding-left: 80px;
}

.pics2 {position:relative;
top: 0px;
margin-left: 32%; /*false margin to offset image in column else forces page width*/
margin-right: auto;
width: 25%;
font-size: 70%;}

hr { margin-left: 27px; color: #0fc; background: #0fc; border: 0; width: 350px; height: 1px;}

.ln {background: #033; color: #0fc; width: 350px; height: 1px;}

.quote {
text-indent: 15%;
text-align: justify;
width: 40%;
font-size: 85%;
}

.quote1 {
text-indent: 15%;
text-align: justify;
width: 40%;
font-size: 75%;
}

.quote2 {
text-indent: 0%;
text-align: justify;
width: 60%;
font-size: 70%;
}

.quote3 {
text-indent: 0%;
text-align: right;
width: 100%;
font-size: 75%;
}

.quote4 {
text-indent: 0%;
text-align: left;
width: 35%;
font-size: 100%;
}

.quote5 {
text-indent: 0%;
text-align: left;
width: 100%;
font-size: 100%;
padding-left: 5%;
}

.quote6 {
text-indent: 0%;
text-align: left;
width: 100%;
font-size: 100%;
}

.heads3 {position: relative;
text-align: center;
width: 70%;
margin-left: 5%;
margin-right: auto;
font-size: 75%;
}

.heads2 {position: relative;
text-align: center;
width: 60%;
margin-left: 5%;
margin-right: auto;
line-height: 50%;
}
.centext {
text-indent: 0%;
text-align: center;
width: 100%;
font-size: 100%;
padding-left: 0%;
}

.poem {
font-size: 80%;
line-height: 100%;
}

.poemin0 {
text-indent: 0%;
}
.poemin1 {
text-indent: 8%;
}

.poemin2 {
text-indent: 16%;
}

.poemin3 {
text-indent: 24%;
}

.mspoem1 {
text-indent: 24%;
}

.mspoem2 {
text-indent: 60%;
}

a:link {background: #033;
color: #fff; text-decoration: none;
}
a:visited {background: #033;
color: #9ff; text-decoration: none;
}
a:active {background: #fff;
color: #033; text-decoration: none;
}
a:hover {background: #033;
color: #0f9; text-decoration: none;
}

.float75 {
float: left;
width: 150px;
padding: 10px;
}

.float75r {
float: right;
width: 150px;
padding: 10px;
}

.float150r {
float: right;
width: 150px;
padding: 10px;
}

.float150 {
float: left;
width: 150px;
padding: 10px;
}

.float250 {
float: left;
width: 250px;
padding: 10px;
}

.float250c {
float: left;
width: 250px;
padding: 10px;
padding-left: 80px;
}

.float250d {
float: left;
width: 250px;
padding: 10px;
padding-left: 140px;
}

.float250e {
float: left;
width: 250px;
padding: 10px;
padding-left: 200px;
}

.float250f {
float: left;
width: 250px;
padding: 10px;
padding-left: 12px;
}

.float250r {
float: right;
width: 250px;
padding: 10px;
}

.float350r {
float: right;
width: 350px;
padding: 10px;
}

.float350 {
float: left;
width: 350px;
padding: 10px;
}


.float188 {
float: left;
width: 188px;
padding: 10px;
}

.float188c {
float: left;
width: 188px;
padding: 10px;
padding-left: 6%;
}

.float188cr {
float: left;
width: 188px;
padding: 10px;
padding-left: 6%;
}


.float188r {
float: right;
width: 188px;
padding: 10px;
}