/* Fiesta Fibers 
/* The style "font" alone gives an error in the FF javascript console if used
for font-weight & maybe font-family. Use font-weight, font-family, etc instead
/*Set table dimensions in Frontpage. Other attributes here.
logo lettering purple, #180373
right col backgrnd yellow, #F1E41A (241,228,26)
left col backgrnd blue, #686CF3
link colors (all) same as logo lettering purple
link hover overlay color #E3DDFB
*/

/* h3 h4 h5 h6 are unused */
h1 {
	font: normal bold 24pt Arial, Helvetica, sans-serif;
	color: #180373; /* same as logo lettering */
}
h2 {
	font: normal bold 16pt Arial, Helvetica, sans-serif;
	color: #180373; /* same as logo lettering */
}
hr {
	color: #180373; /* same as logo lettering */
}
/* Links use same font family as their page
all the same color with hover color overlay */
a:link {
	color: #180373;
	text-decoration : underline;
	/* font-family : Arial, Helvetica, sans-serif; */
	font-weight : bold;
}
a:visited {
	color: #180373;
	text-decoration : underline;
	/* font-family : Arial, Helvetica, sans-serif; */
	font-weight : bold;
}
a:active{
	color: #180373;
	text-decoration : underline;
	/* font-family : Arial, Helvetica, sans-serif; */
	font-weight : bold;
}
a:hover {
	/* Can't use background change for this because it peeks through on
	the main Xara menu.
	background-color: #E3DDFB; */
	/* This orange goes good against the yellow background on the right columns
	but it doesn't go well with the light blue background on the left columns of the 
	index page. Maybe change the background of the left column to a different shade
	of yellow. */
	color: #FF4000; /* Orange from Xara menu */
}
.body {
	margin: 0px 0px 0px 0px;
	background-color: #F1E41A; /* Same as right col bkgrnd */
	font-size: 12pt;
	/* background-color: #FFFF99; /* light yellow for edge of page background if I make
	outer table less than screen width */
}
.logobar {
	font-size: 50px;
	font-family: "Lucida Calligraphy";
	font-style: italic;
	color: #180373;
	font-weight: bolder;
	background-image: url('Images/LogoBkgnd.GIF');
	background-repeat: repeat-x
}
.logoletters {
	text-align: center;
}
.picturebar {
	background-color: #686CF3; /* blue */
}
.navbar {
	background-color: #180373;
}
/* 
.navbar a:link {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
}
.navbar a:visited {
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
}
.navbar a:active {
	color: Red;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
}
.navbar a:hover {
	color: #ff4000;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	background-color: #180373; /* To over ride the regular link hover background */
/* }
*/
.leftcol {
	padding-top: 5px;
	padding-left: 10px; /* use padding not margin in table cells */
	padding-right: 10px;
	padding-bottom: 5px;
	background-color: #686CF3;
	font: normal 90% "Times New Roman", Times, serif;
}
.rightcol {
	/* inherits bkgrnd color from body */
	padding-top: 5px;
	padding-left: 10px; /* use padding not margin in table cells */
	padding-right: 10px;
	padding-bottom: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal; /* changes from thin to thicker letters from 17px to 18px */
	background-color: #F1E41A;
}
.photos {
	border: 4px solid white;
	margin: 5px; /* padding is inserted between image and border,
	margin is inserted outside the border. */
}
.photocaption {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	padding-bottom: 5px;
	color: #180373;
	line-height: 2px; /* Sets spacing from bottom of photo border
	and top of caption letters. Assumes a <br> after photo & before
	caption. */
}
li {
	margin-bottom: 10px;
}
.footer {
	background-color: #F1E41A;  /* same as right col bkgrnd */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
}
#BotBorderOverride {
	border-bottom: 0px none;
}
/* Formatting for schedule boxes. First line is formatted as a link */
.sched_name {
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
}
.sched_addr {
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
}
.sched_booth {
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
}
.sched_hours {
	text-align: center;
	font-family: "Courier New";
	font-weight: normal;
	font: normal 12pt;
}
.quiltphoto {
	width: 80%;
	border: 4px solid white; /* same as .photo */
	margin: 5px 5px 5px 5px;
	text-align: center;
}
p.quiltphotocaption {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}