/* CSS Document */

/* Basic Style Attributes */
/*#593C2B; logo brown
  #095888; logo blue
  #DFC494; logo beige
  #ECDCC1; lighter-beige
  #7F1006; accent red
  #9D9356; accent green */
body {
	background: #095888;
	color: #593C2B;
	text-align: center; /* this attribute centers the container div */
}

a:link { color: #593C2B; background: transparent; text-decoration: underline }
a:visited { color: #593C2B; background: transparent; text-decoration: underline }
a:hover { color: #fff; background: #593C2B; text-decoration: none }
a:active { color: #593C2B; background: transparent; text-decoration: underline }

a, a.nav:link { color: #fff; background: transparent; text-decoration: none }
a.nav:visited { color: #fff; background: transparent; text-decoration: none }
a.nav:hover { color: #fff; background: transparent; text-decoration: underline}
a.nav:active { color: #fff; background: transparent; text-decoration: none }


/* the container div is self-explanatory, it contains the contents of the site, floating it centered in the browser window */

#container {
	position: relative;
	margin: 10px auto;
	width: 800px;
	background: #095888;
}

/* site is the bounded box that is hovering centered containing the site. */
#site {
	position: relative;
	margin: auto;
	top: 0px;
	width: 795px;
	background: #ECDCC1;
	border: #593C2B 1px solid;
	text-align: left;
}

td {
	font: 11px Arial, Helvetica, sans-serif ;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
/* sets style attributes for all lists in the #site div*/
#site ul.bean{
	list-style-type: none;
	padding-bottom: 5px;
	list-style-image: url(images/bean-bullet.gif);
}

#site ul.none{
	list-style-type: none;
	padding-bottom: 5px;
}

#site li{
	padding-bottom: 5px;
}

#site ol{
	padding-bottom: 6px;
}

/* this is just an image name hider... may or may not be used. */
#id div span {
	display: none;
}

/* everything here on is fixed to the position of the site */

td.left {
	text-align: right;
	padding-right: 32px;
	vertical-align: top;
}

td.center {
	padding-right: 15px;
}


/* sets the background image for the main-body's container to watermark, and fixes it to the bottom. */
td.watermark {
	background:  url(images/francescos-watermark.gif) bottom no-repeat;
}

#bodytext {
	margin-bottom: 5px;
}