body {text-align: center;
background: #fff; background-image: url(../images/bg.gif); 
color: #13204d;
font: 1em "trebuchet ms", verdana, arial, sans-serif; line-height: 22px;
margin: 0; }

img { border: none; }

/* This makes the background image stretch across the page from left to right behind main site */
#background { background: url(../images/bgtop.gif) repeat-x top; }
#wrapper { width: 758px; margin: 0 auto; text-align: left; position: relative;  background:#fff; }
#top { clear: both; background: url(../images/flowers.jpg) no-repeat right #581113; text-align: right; height: 30px; padding: 60px 10px 0 0; color: #fff; }
/* The left column */
#logo { float: left; width: 500px; padding: 15px 5px 15px 25px;  }

/* The right column */
#telephone { width: 198px; float: left; background: url(../images/flowerbg.jpg) no-repeat top right; margin: 0 0 0 20px; padding-right: 10px; }

#footer { clear: both; background: url(../images/footerbg.jpg) #581113 no-repeat; height: 38px; color: #fff; text-align: right;padding: 20px 20px 0 0; font-size: 1.2em; font-weight: 700; }

#maintext {
	width: 344px;
	margin: 10px 10px 10px 0;
	float: left;
}
#virtualtour { width: 139px; background-color: #bba658; color: #fff; float: left; margin-top: 11px; }

#maintext_information {
	width: 483px;
	margin: 10px 10px 10px 0;
} /* The content on the information page */

/* Below are the columns with the dining room and lounge photos in */
#firstcolumn{ width: 241px; float: left;  margin: 17px 0 10px 0; }
#secondcolumn { width: 241px; float: left; margin: 17px 0 10px 10px;  }

h1 { font: 1.4em "trebuchet ms", verdana, arial, sans-serif; font-weight: 700; color: #581113; margin: 115px 0 0 0; }
h2 { font: 1.1em "trebuchet ms", verdana, arial, sans serif; color: #581113; }
h3 { font: 16px "trebuchet ms", verdana, arial, sans serif; color: #fff; padding: 5px 0 0 5px; background-image: url(../images/bluefade.jpg); background-repeat: repeat-x; height: 30px; font-weight: 700; margin: 0; }

.smaller { font-size: .8em; }

.paddingpic { padding: 6px 0 0 0; }
ul { list-style-image: url(../images/star.gif); font-weight: 700; margin: 5px 0; padding-left: 10px; font-size: .9em; line-height: 19px; }
ul,li#nostyle { list-style-type: none; font-weight: 700; margin: 5px 0; padding-left: 1px; font-size: .9em; line-height: 19px; }

a:link { color: #fff; text-decoration: none; font-weight: 700; font-size: .8em; }
a:visited { color: #fff; text-decoration: none; font-weight: 700; font-size: .8em; }
a:hover { color: #fff; text-decoration: underline; font-weight: 700; font-size: .8em; }

a.link2:link { text-decoration: underline; font-size:.9em; font-weight: 700; color: #13204d; }
a.link2:visited {  text-decoration: underline; font-size:.9em; font-weight: 700; color: #13204d; }
a.link2:hover { text-decoration: underline; font-size:.9em;font-weight: 700; color: #13204d; }

a.link3:link { text-decoration: none; font-size:.7em; font-weight: 500; color: #13204d; }
a.link3:visited {  text-decoration: none; font-size:.7em; font-weight: 500; color: #13204d; }
a.link3:hover { text-decoration: underline; font-size:.7em; font-weight: 500; color: #13204d; }

.nolink { color: #fff; text-transform: uppercase; font-weight: 700; }


.padding { padding: 5px 5px 20px 5px; } /* This sets the padding in the virtual tour div */
.paddingleft { padding: 0 0 0 10px; margin-top: 0; }
.dots { background-image: url(../images/dots.gif); background-repeat: repeat-x; height: 1px; margin: 0 10px 15px 0; clear:both; }

.address { background-color: #e2d8de; border: 1px solid #d9b7cb; padding: 10px 5px 20px 5px; margin: 15px 10px 15px 0; font-weight: 700; }
.bold { font-weight: 700; }
.clear { clear: both; }