@charset "utf-8";
/* CSS Document */

/* --- Friend in Florence - Style Sheet September 2008  --- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #330000;
	padding: 0;
	margin: 0;
	background: #E1CB9F url(../images/bkgd-page.gif) top left repeat-y;
}
/* 
standard HTML tags --------------------------------------------*/

p, li, table, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #330000;
	line-height: 1.50;
}
p {
	margin: 0 0 6px 0;
}
strong {
	color: #996600;
	}
ul {
	text-align: left;
	text-indent: 0;
	list-style-image: url(/images/bullet.gif);
	margin: 0;
	padding: 0 0 0 20px;
}
li {
	margin: 0 0 6px 0;
	text-indent: 0;
	text-align: left;
}
table {
	margin: 0;
	border: none;
}
table td {
	border-width: 0;
	vertical-align: top;
}
h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #996600;
}
h1 {
	font-size: 120%;
	margin: 0 0 20px 0;
}
h2 {
	font-size: 100%;
	border-bottom: 1px solid #996600;
	margin: 13px 0 5px 0;
}
h3 {
	font-size: 100%;
	margin: 13px 0 5px 0;
}
h4 {
	font-size: 100%;
	margin: 13px 0 5px 0;
}
/* Links --------------------------------------------------*/
/* links set to underline but this is turned off in some sections */
a:link {
	color: #996600;
}
a:visited {
	color: #996600;
}
a:hover {
	color: #CC0000;
}
/* HR background-color and border needed for FireFox */
hr {
	clear: both;
	color: #996600;
	width: 100%;
	height: 1px;
	margin: 5px 0 10px 0;
	padding: 0;
	background-color: #996600;
	border: none;
}
/* 
PAGE LAYOUT --------------------------------------------*/

div#wrapper {
	width: 820px;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: white;
}
div#content {
	width: 100%;
	display: block;
}
div#nav {
	width: 255px;
	float: left;
	padding: 0;
	margin: 0;
	background: #996600 url(../images/bkgd-nav.gif) top left no-repeat;
}
div#body {
	width: 525px;
	float: right;
	padding: 10px 20px;
	margin: 0;
	background-color: white;
}
div#header img {
	margin: 10px auto;
}
/* 
NAVIGATION and sidebar --------------------------------------------*/
div#navinner {
	padding: 20px;
	}
div#navinner p {
	font-style: italic;
	color: white;
}
div#navinner a:link {
	color: white;
}
div#navinner a:visited {
	color: white;
}
div#navinner a:hover {
	color: #CC0000;
}

div#navinner img {
	border: none;
	margin: 10px auto;
}

/* Vertical links */
ul#buttons {
	list-style: none;
	padding: 0;
	margin: 20px 0;
}
ul#buttons li {
	list-style: none;
	list-style-image: none;
	text-indent: 0;
	text-align: left;
	padding: 0;
	margin: 0 0 6px 0; 
}
ul#buttons a:link, ul#buttons a:visited {
	display: block;
	color: white;
	line-height: 1.25;
	padding: 0;
	margin: 0 0 10px 0;
	text-decoration: none;
	border-bottom: 1px solid white;
}
ul#buttons a:hover {
	color: #ffcc33;
	text-decoration: none;
	border-bottom: 1px solid #ffcc33;
}

/* Turn buttons on by page */

body#home #buttons #nav-home a,
body#welcome #buttons #nav-welcome a,
body#planning #buttons #nav-planning a,
body#florence-tours #buttons #nav-florence-tours a,
body#tuscany-self #buttons #nav-tuscany-self a,
body#tuscany-tours #buttons #nav-tuscany-tours a,
body#cooking #buttons #nav-cooking a,
body#articles #buttons #nav-articles a,
body#about #buttons #nav-about a,
body#contact #buttons #nav-contact a {
	color: #ffcc33;
	text-decoration: none;
	border-bottom: 1px solid #ffcc33;
}

/* 
SPAN characters --------------------------------------------*/

span.red {
	color: #CC0000;
}
span.green {
	color: #006600;
}
span.gold {
	color: #F6AC19;
}
span.smallfont {
	font-size: smaller;
	line-height: 1.30;
}
/* 
IMAGES --------------------------------------------*/

img {
	border: none;
}

/* For row of small images */
div.imgrow {
	margin: 20px auto;
	text-align: center;
	}

div.imgrow img {
	margin: 10px;
	}
	
div.imgcenter {
	text-align: center;
	padding: 0;
	margin: 10px 0;
}
div.imgleft {
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
}
div.imgright {
	float: right;
	padding: 0;
	margin: 0 0 10px 10px;
}
div.imgcenter img, div.imgleft img, div.imgright img {
	display: block;
	padding: 0;
	margin: 0;
}
div.imgcenter p, div.imgleft p, div.imgright p {
	font-size: 85%;
	text-align: center;
	margin: 10px 0 0 0;
}

/* back to top */
  
.backtotop {
	font-size: 90%;
	font-variant: small-caps;
	margin-bottom: 0;
}
.backtotop a:link, .backtotop a:visited {
	color: #333366;
	font-size: 90%;
	text-decoration: none;
	border: none;
}
.backtotop a:hover {
	color: #660000;
	text-decoration: none;
	border-bottom: 1px solid #660000;
}
/* 
OTHER FORMATTING --------------------------------------------*/

.quote {
	margin: 0;
	text-align: center;
	font-family: Times New Roman, Times;
	font-size: 120%;
}
.small {
	font-size: 85%;
}

/* Tables --------------------------------------------*/
table.tabular {
	margin-bottom: 15px;
	border-top: 1px solid #996600; 
}
table.tabular td {
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #996600; 
}
table.tabular img {
	padding: 0;
	margin: 0;
}