/* style.css - a simple style sheet */
body {
	margin-top:35px;
	margin-bottom:35px;
	background-image:  url("images/backgroundFinal.jpg");
}
	
p 
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #333333;
}

<!--NAVIGATION-->
#navbar {
	margin:0;
	padding:0;
	height:2em
}
#navbar li {
	list-style:none;
	float:left; !important
	font-family:Georgia;
	font-size:14px; /* font size of nav menu items*/
}
#navbar li a {
	display:block;
	padding:6px 17px 6px 8px; /* Top-Bottom Padding of ALL menu items, also shifts navbar right */
	background-color:#5f636e; /* DARK GREY background color of menu items */
	color:#ffffff; /* WHITE font color of menu items */
	text-decoration:none;
}
#navbar li ul {
	display:none;
	width:7em; /* Adjusts width of drop-downs */
	margin:0;
	padding:0px 4px; /* Padding of ALL menu items */
	background-color:#fdfade; /* BUTTERCREAM background color of drop downs ON ROLL OVER */
}
	
#navbar li:hover ul, #navbar li.hover ul {
	display:block;
	position:absolute;
	margin:0px 2px; /* NEED TOP TO BE ZERO FOR ROLL OVER, moves drop down box to RIGHT so it's right under nav item*/
	padding:0px 0px 0px 0px; /* border around drop down box*/
	border-style:solid;
	border-top-color:#5f636e; /*dark grey*/
	border-bottom-color:#d7a855; /*gold*/
	border-left-color:#d7a855; /*gold*/
	border-right-color:#d7a855; /*gold*/
	border-width:thin;
}

#navbar li:hover li, #navbar li.hover li {
	float:none; 
}
	
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #5f636e; /* DARK GREY background color of drop downs*/
	font-size:15px; /* font size of drop-downs */
	color:#ffffff; /* WHITE font color of drop-down menu items */
} 
#navbar li li a:hover {
	background-color:#cccccc; /* GREY background color of drop downs ON ROLL OVER */
	font-size:"120%";
}

div.celltable
{
	width:620px;
	background-color:white;  
	border-color:#d7a855; /*gold*/
	border-style:solid;
	border-width:medium;
	vertical-align:top;
	padding: 0 40px 0px 20px;
	margin: 35px auto;

}

div.buttercream
{
	width:630px;
	padding-left:10px;
	margin-bottom:20px;
	background-color:#5f636e;
	float:left;
}

div.buttercream2
{
	width:600px;
	padding:10px;
	margin-bottom:10px;
	background-color:#fdfade;
	float:top;
}

div.navbackground
{
	width:630px;
	margin: 0 auto;
	height:40px;
	background-color:#5f636e;
	float:top;
	text-align: left;
}

div.scrollingimage
{
	width:600px;
	height:317px;
	padding-bottom:20px;
	float:top;
}

div.fronttext
{
	font:Georgia, "Times New Roman", Times, serif;
	width:600px;
	text-align:justify;
	float:left;
}

div.bodytext
{
	font:Georgia, "Times New Roman", Times, serif;
	width:600px;
	text-align:justify;
	float:left;
}

div.frontaddress
{
	font: "Times New Roman", Times, serif;
	margin-top:10px;
	font-style:italic;
	width:610px;
	text-align:center;
	float:top;
}


a:link {color:#ffffff}      /* unvisited link */
a:visited {color:#ffffff}  /* visited link */
a:hover {color:#ffffff}  /* mouse over link */
a:active {color:#ffffff}  /* selected link */

a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover {text-decoration:underline}
a:active {text-decoration:none}

<!-- clearfix -->

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

