body	
		{
		background:#E1F4DA;
		background-image:url(images/casa-bella-bg.jpg);
		background-position:center center;
/*		background-repeat:		repeat-y;*/
		background-attachment: fixed;
		margin:0 4em 0;
		font-size:13.5pt;
		color:#18357E;
		}

h1, h2, h3	
		{
		text-align:	center;
		color:#18357E;
		}

h1	
		{
		font-size:4em;
		}

h2	
		{
		font-size:2em;
		}

#div1	{
		float:left;
		width:300px;
/*		height:400;*/
/*		margin-right:40%;*/
		background:none;
		}

#div2	{
/*		display:block;
		position:relative;*/
		margin-left:50%;
		width:45%;
		background:none;
		}

.meridian	{
			font-variant:small-caps;
			}


/*	following are to create active buttons with the id 'button' */

#button	{
	font-family:	 Arial, Helvetica, sans-serif;	/*	all text in the buttons will be sans serif */
	font-size:		 1em;			/*	text will be 30% bigger than base font size */
	font-weight:	 bold;			/*	text will be bold */
		}

#button ul	{				/*	this grouping sets up an unordered list for making buttons */
	display:	block;		/*	sets for vertical display of li boxes */
	display:	inline;		/*	sets for horizontal display of li boxes */
		}

#button li	{
	list-style:	 none;		/*	eleminates leading characters in list items */
	line-height:2.25em;			/*  adjusts spacing between buttons  */
	_line-height:2.14em;			/*  adjusts spacing between buttons  */
		}

#button a
		{
	padding:			3px 10px 3px 10px;	/*	in conjunction with line height above sets size and spacing */
	padding:		 3px 10px 3px 10px;			/*	sets padding in boxes */
	padding /**/:		 6px 9px 4px 9px;			/*	sets padding in boxes */
	color:				#18357E;			/*	sets text color for links */
	background:			#A3A69C;			/*	sets background color for links */
	text-decoration:	none;				/*	eliminates underline for links */
		}

#button a:link, 
#button a:visited		{  
/*	display:			block;*/	/* setting block here makes button full width of container */
/*	_height:			1%;	*/		/* may be needed for ie to make the whole tab clickable */
	border-top:			3px solid #D2D2CC;		/*	these four paramaters give boxes		*/
	border-left:		3px solid #D2D2CC;		/*	a raised medallion appearance */
	border-bottom:		3px solid #2e3a0a;
	_border-bottom:		3px solid #2e3a0a;
	border-right:		3px solid #2e3a0a;
		}

#button a:hover	{
	font-style:		normal;					/*	counteracts italic hover set elsewhere	*/
	border-top:		3px solid #2e3a0a;		/*	these four paramaters give boxes		*/
	border-left:	3px solid #2e3a0a;		/*	a depressed medallion appearance			*/
	border-bottom:	3px solid #D2D2CC;		/*	when mouse cursor is placed over them		*/
	_border-bottom:	3px solid #D2D2CC;		/*	when mouse cursor is placed over them		*/
	border-right:	3px solid #D2D2CC;
		}

/* Style for W3C buttons in footer */


div.w3c		{
/*		top:2em;
		background:none;
		width:20em;*/
			}

.w3c {
  background:teal;
  position:relative;
  margin: 1em 0;
  width: 8em;
  font-family: helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
}

.w3c a {
  display: block;
  width: 100%;
}

.w3c a:link,
.w3c a:visited,
.w3c a:hover {
  background-color: #ffcc66; /* #b2cdeo for blue  #ffcc66; for yellow */
  color: #000;
  text-decoration: none;
}

.w3c a:link,
.w3c a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}

.w3c a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}

.w3c span.w3c {
  padding: .3em .4em .15em;
/*  padding: 0 0.4em;*/
  background-color: #fff;
  color: #0c479d;
}