
body {
		color: green;
		background-color: lightgreen;
		background-image: url(/images/billsbgrnd.jpg);
		border-width: 5px; border-style: solid; border-radius: 25px; border-color: teal;
		padding: 1px;
		font-family: arial, helvetica, sans-serif;
		font-size: 100%;
		text-align: center;
		
}

.div {

  border: 1px solid black;

  background-color: lightblue;

  padding-top: 50px;

  padding-right: 30px;

  padding-bottom: 50px;

  padding-left: 80px;

}



.container {
    ...
}
.row {
	
    text-align: center;
}
.btn {
	
    display: inline-block;
    margin-right: 6px;
    background-image: url(/images/romtextb.jpg);
}
.clear {
    clear: both;
}

.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;	
} 

.photo-box {
	background-image: url(/images/romtextb.jpg);
    display: inline-block;
    width: 410px;
    height: auto;
	padding: 3px;
    margin: 5px;
    border: 3px solid #73AD21;
	border-radius: 25px;	
} 

.photo-boxb {
	background-image: url(/images/billsbgrnd.jpg);
    display: inline-block;
    width: 410px;
    height: auto;
	padding: 3px;
    margin: 5px;
    border: 3px solid #73AD21;
	border-radius: 25px;	
} 

.photo-box500 {
	background-image: url(/images/romtextb.jpg);
    display: inline-block;
    width: 510px;
    height: auto;
	padding: 3px;
    margin: 5px;
    border: 3px solid #73AD21;
	border-radius: 55px;	
} 
 .afloating-box {
	background-image: url(/images/romtextb.jpg);
    display: inline-block;
	text-align: center;
    width: auto;
    height: auto;
	padding: 5px;
    margin: 5px;
    border: 3px 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;	
}

.phototext-box {
	background-image: url(/images/romtextb.jpg);
    display: inline-block;
    width: 1200px;
    height: auto;
	padding: 3px;
    margin: 5px;
    border: 3px solid #73AD21;
	border-radius: 25px;	
} 

 .crest-box {
	background-image: url(/images/romtextb.jpg);
    display: inline-block;
    width: 450;
    height: auto;
	padding: 15px;
    margin: 10px;
    border: 5px solid #73AD21;
	border-radius: 35px;
    	
}


.france-box {
	background-image: url(/images/romtextb.jpg);
    display: inline-block;
    width: 600;
    height: auto;
	padding: 15px;
    margin: 10px;
    border: 5px solid #73AD21;
	border-radius: 35px;
    	
}

.after-box {
    border: none; 
	max-width: auto;
	height: 10px;
}

 .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;	
}  

.bfloating-box {
	background-image: url(/images/billsbgrnd.jpg);
    display: inline-block;
	font-size: 15px;
    width: auto;
    height: auto;
	padding: 12px;
    margin: 10px;
    border: 3px solid #73AD21;
	border-radius: 25px;	
}

.xfloating-box {
	background-image: url(/images/romtextb.jpg);
    display: inline-block;
	text-align: left;
    width: auto;
    height: auto;
	padding: 25px;
    margin: 20px;
    border: 5px solid #73AD21;
	border-radius: 35px;	
}
 
.blacktext {
	color: black;
	font-style: italic;
}

.redtext {
	color: red;
}

.tealtext {
	color: teal;
	font-style: italic;
	}



.blacktext {
	color: black;
	font-size: small;
	font-style: italic;
}

.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;
 } 


h1 {
    text-align: center;
	font-size: 40px;
}
h2 {
    text-color:"green"; 
	text-align: center;
	font-size: 30px;
}
h3 {
    text-align: center;
	font-size: 25px;
}
h4 {
    text-align: center;
	font-size: 20px;
}
h5 {
    text-align: center;
	font-size: 15px;
}
h6 {
    text-align: center;
	font-size: 10px;
}

p {
	text-align: left;
	
    
	
	padding-left: 10px;
	
}



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: 150%;
    color: black;
}


p.one {
	background-image: url(/images/romtextb.jpg);
	width: auto;	
	padding: 25px 25.5px;
	text-align: left;
	border-color: teal;
	border-radius: 25px;
    border-style: solid;
    border-width: 5px;
	font-size: 30px;
}

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.oneleft {
	background-image: url(/images/romtextb.jpg);
	padding: 25px 25.5px;
	text-align: left;
	border-color: teal;
	border-radius: 25px;
    border-style: solid;
    border-width: 5px;
	font-size: 25px;
}

p.right {
	padding: 25px 25.5px;
	text-align: right;
	border-color: teal;
	border-radius: 25px;
    border-style: solid;
    border-width: 5px;
	font-size: 20px;
}

p.center {
	background-image: url(/images/romtextb.jpg);
	padding: 25px 25.5px;
	text-align: left;
	border-color: teal;
	border-radius: 25px;
    border-style: solid;
    border-width: 5px;
	font-size: 20px;
}


p.one60 {
	background-image: url(/images/romtextb.jpg);
	height: normal;
	width: 60%;	
	padding: 25px 25.5px;
	text-align: center;
	border-color: teal;
	border-radius: 25px;
    border-style: solid;
    border-width: 5px;
	font-size: 25px;
}

p.one60l {

	height: normal;
	width: 60%;	
	padding: 25px 25.5px;
	text-align: center;
	border-color: teal;
	border-radius: 25px;
    border-style: solid;
    border-width: 5px;
	font-size: 25px;
}

p.one85 {
	background-image: url(/images/romtextb.jpg);
	height: normal;
	width: 85%;	
	padding: 25px 25.5px;
	text-align: center;
	border-color: teal;
	border-radius: 25px;
    border-style: solid;
    border-width: 5px;
	font-size: 25px;
}

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: 25px;
    color: darkgreen;

}
.redtext {
	color: red;
}
.tealtext {
	color: teal;
	font-size: small;
	
}
.blacktext {
	color: black;
	font-size: small;
	font-style: italic;
}

.blacktextnormal {
	color: black;

	font-style: italic;
}

table {
	border-radius: 25px;
	border: 3px solid purple;
	text-align: left;
	vertical-align: center;
	font-size: 1.0em;
	padding: .5em .75em;
}

tr {
	  background: url(/images/romtextb.jpg);
	  tr:hover(background-color: white;)
	  }

th {
	text-align: center;
}
td {
	border-radius: 15px;
	border: 3px solid purple;
	
	vertical-align: center;
	font-size: 1.0em;
	padding: .5em .75em;
}

figure {
	display: block;
	margin 0.5em;
} 


.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;
}

.myButton:active {
	position:relative;
	top:1px;
}

        




.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: 50%;
    color: red;
    padding: 15px 32px;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
    font-size: 24px;
    margin: 4px 2px;
    cursor: pointer;
}

.button2 {
    background-image: url(/images/lvbkgrnd.jpg);
    border-width: 3px; border-style: solid; border-radius: 25px; border-color: red;
	border-radius: 30%;
    color: red;
    padding: 15px 32px;
    text-align: center;
    text-decoration: underline;
    display: inline-block;
    font-size: 24px;
    margin: 4px 2px;
    cursor: pointer;
}


}

.button4 {
    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: 18px;
    margin: 4px 2px;
    cursor: pointer;
}

<style type="text/css"> 


#image-container { 
  min-width:782px; /* width of 3 images (746px) plus images' padding and border (36px) */ 
  padding:10px; 
  border:1px solid #d3d2d2; 
  background-color:#f0f0f0; 
 } 
#image-container img { 
  padding:5px; 
  border:1px solid #d3d2d2; 
  background-color:#fff;  
 } 
#image-right { 
  float:right; 
  width:250px; 
  height:49px; 
 } 
#image-left { 
  float:left; 
  width:250px; 
  height:36px; 
 } 
#image-center { 
  display:block; 
  width:246px; 
  height:59px; 
  margin:auto; 
 } 
 

