body {
		color: green;
		background-color: lightgreen;
		background-image: url(/images/lvbkgrnd.jpg);
		
		border-width: 1px; border-style: solid; border-radius: 25px; border-color: teal;
		padding: 1px;
		font-family: arial, helvetica, sans-serif;
		font-size: 100%;
		text-align: center;
		
		bgsound src="jinglebells.mid"; loop="8";
}
h1 {
    color: green;
    text-align: center;
	font-size: 40px;
}
h2 {
    color: green;
    text-align: center;
	font-size: 30px;
}
h4 {
    color: green;
    text-align: center;
	font-size: 25px;
}
h5 {
	color: red;
    text-align: center;
	font-size: 20px;
}

.floating-box {
	background-image: url(/images/romtextb.jpg);
    display: inline-block;
    width: auto;
    height: auto;
	padding: 3px;
    margin: 5px;
    border: 3px solid #73AD21;
	border-radius: 25px;	
}  

 .afloating-box {
	background-image: url(/images/romtextb.jpg);
    display: inline-block;
    width: auto;
    height: auto;
	padding: 5px;
    margin: 3px;
    border: 3px solid #73AD21;
	border-radius: 25px;
    	
}

.bfloating-box {
	background-image: url(/images/billsbgrnd.jpg);
    display: inline-block;
    width: auto;
    height: auto;
	padding: 3px;
    margin: 5px;
    border: 5px solid #73AD21;
	border-radius: 35px;	
}
.cfloating-box {
	background-image: url(/images/lvbkgrnd.jpg);
    display: inline-block;
    width: auto;
    height: auto;
	padding: 3px;
    margin: 5px;
    border: 5px solid #73AD21;
	border-radius: 35px;	
}


 .pfloating-box {
	background-image: url(/images/romtextb.jpg);
    display: inline-block;
    width: auto;
    height: auto;
	padding: 3px;
    margin: 5px;
    border: 3px solid red;
	border-radius: 25px;	
}  

.after-box {
    border: none; 
}


.blackborder 
{ border-width: 4px; border-color: black; border-style: solid; border-radius: 15px;} 
.yellowborder 
{ border-width: 4px; border-color: yellow; border-style: solid; border-radius: 15px;} 
.purpleborder 
{ border-width: 4px; border-color: purple; border-style: solid; border-radius: 15px;}
.bannerborder 
{ border-width: 4px; border-color: red; border-style: solid; border-radius: 25px;}  

#para1 {
	 color: red;
	font-size: 20px;
 }
#para2 {
	font-size: 15px;
    color: green;
}
#para3 {
	text-align: left;
    padding: 15px 32px;
	font-size: 5em;
    color: green;
}
.redtext {
	color: red;
}
.tealtext {
	color: teal;
	
	font-style: italic;
}
.blacktext {
	color: black;
	font-size: small;
	font-style: italic;
}

.purpletext {
	color: purple;
}

.button {
    background-image: url(/images/billsbgrnd.jpg);
    border-width: 5px; border-style: solid; border-radius: 25px; border-color: teal;
	border-radius: 25%;
    color: red;
    padding: 15px 32px;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
    font-size: 24px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {
    background-image: url(/images/romtextb.jpg);
    border-width: 5px; border-style: solid; border-radius: 25px; border-color: teal;
	border-radius: 25%;
    color: red;
    padding: 15px 32px;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
    font-size: 24px;
    margin: 4px 2px;
    cursor: pointer;
}

.button2 {
	  box-shadow: -5px 8px 0px 0px #8a2a21;
	background-image: url(/images/lvbkgrnd.jpg);
	border-radius:40px;
	border:2px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:red;
	font-family:Arial;
	font-size:25px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:none;
	width:auto;
}
 .button2:hover {

	background:linear-gradient(to bottom,green 5%, lightgreen 100%);
		background-color:lightgreen;
}

.button5 {
	box-shadow: -5px 8px 0px 0px #8a2a21;
	
	background-image: url(/images/romtextb.jpg);
	border-radius:40px;
	border:2px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:red;
	font-family:Arial;
	font-size:25px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:none;
	width:auto;
}
.button5:hover {

	background:linear-gradient(to bottom,green 5%, lightgreen 100%);
		background-color:lightgreen;
}

.button6 {
	box-shadow: -5px 8px 0px 0px #8a2a21;
	background-image: url(/images/billsbgrnd.jpg);
	border-radius:40px;
	border:3px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:red;
	font-family:Arial;
	font-size:25px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:none;
	width:auto;
}
.button6:hover {

	background:linear-gradient(to bottom,green 5%, lightgreen 100%);
		background-color:lightgreen;
}

.button7 {
	box-shadow: -5px 8px 0px 0px #8a2a21;
	background-image: url(/images/lvbkgrnd.jpg);
	border-radius:40px;
	border:3px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:red;
	font-family:Arial;
	font-size:25px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:none;
	width:auto;
}
.button7:hover {

	background:linear-gradient(to bottom,green 5%, lightgreen 100%);
	
	background-color:lightgreen;
}


.button8 {
	box-shadow: -5px 8px 0px 0px #8a2a21;
	background-image: url(/images/romtextb.jpg);
	border-radius:20px;
	border:3px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:red;
	font-family:Arial;
	font-size:18px;
	padding:8px 15px;
	text-decoration:none;
	text-shadow:none;
	width:auto;
}
.button8:hover {

	background:linear-gradient(to bottom,green 10%, lightgreen 100%);
	
	background-color:lightgreen;
}

p.one {
	background-image: url(/images/romtextb.jpg);
	padding: 25px 0.5px;
	text-align: center;
	border-color: teal;
	border-radius: 25px;
    border-style: solid;
    border-width: 3px;
	font-size: 20px;
}
p.onec {
	text-align: center;
	 background-image: url(/images/romtextb.jpg);
	 border-radius: 25px;
    border-style: solid;
    border-width: 5px;
}
	p.two {
	text-align: center;
	 background-image: url(/images/romtextb.jpg);
	 border-radius: 25px;
    border-style: solid;
    border-width: 5px;
}

p.three {
	text-align: left;
	background-image: url(/images/romtextb.jpg);
	 border-radius: 25px;
    border-style: solid;
    border-width: 5px;
	padding: 15px 32px;
	font-size: 1.5em;
    color: green;
}

p.left {
	text-align: left;
	background-image: url(/images/romtextb.jpg);
	 border-radius: 25px;
    border-style: solid;
    border-width: 5px;
	padding: 15px 32px;
	font-size: 2.0em;
    color: green;
}

p.center {
	text-align: center;
	background-image: url(/images/romtextb.jpg);
	 border-radius: 25px;
    border-style: solid;
    border-width: 5px;
	padding: 15px 32px;
	font-size: 2.0em;
}

p.seven {
	background-image: None;
	padding: 25px 35px;
	text:left;
	font-size: 20px;
}
p.mainl {
	text-align: left;
}
p.mainc {
	text-align: center;
}
p.mainr {
	text-align: right;
}
p.mainsr {
	text-align: right;
	color: red;
	font-size: 1.2em;
}

p.eight {
	background-image: none;
	padding: 25px 35px;
	text-align: right;
	font-size: 0.5em;
}

p.eight {
	text-align: right;
	color: black;
	font-size: 1.5em;
}
p.four {
	text-align: center;
	background-image: url(/images/billsbgrnd.jpg);
	 border-radius: 35px;
    border-style: groove;
    border-width: 5px;
	text-align: center;
    padding: 15px 20px;
	font-size: 0.75em;
    color: darkgreen;

}
p.one {
	background-image: url(/images/romtextb.jpg);
	padding: 25px 0.5px;
	text-align: center;
	border-color: teal;
	border-radius: 25px;
    border-style: solid;
    border-width: 3px;
	font-size: 20px;
}
p.five {
	text-align: center;
	background-image: url(/images/billsbgrnd.jpg);
	 border-radius: 50px;
    border-style: groove;
    border-width: 5px;
	text-align: center;
    padding: 15px 32px;
	font-size: 1.5em;
    color: darkgreen;
}
p.six {
	text-align: center;
	background-image: url(/images/romtextb.jpg);
	max-width: auto;
	 border-radius: 50px;
    border-style: solid;
    border-width: 3px;
	text-align: center;
    padding: 15px 32px;
	font-size: 1.2em;
    color: red;
}
.div1 {
	text-align: center;
    width: auto;
    height: auto;    
	padding: 30px
	box-sizing: border-box;
}
img {
	text-align: center;
	max-width: 100%;
	height: auto;
}
.container {
  position: relative;
  text-align: center;
  color: white;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}