html {overflow: hidden }

body {
	background-image:url("resources/azure.jpg");  
}

p { font-size: 14px; text-align: center }

div { 
	font-family: Arial, Geneva, sans-serif; 
	font-size:14px; 
	font-weight:500; 
	margin:auto 
}

td { vertical-align:middle }
br { font-size:12px }
h1 { font-size:20px;color:#6C1A78; font-weight:bold; text-align:center; padding-top:32px; padding-bottom:0px;}
h2 { font-size:18px;color:#6C1A78; font-weight:bold; text-align:left; font-style:italic}
h3 { font-size:16px;color:#6C1A78; font-weight:bold; text-align:left; font-style:italic}
h4 { font-size:14px;color:#6C1A78; font-weight:bold; text-align:center; font-style:italic}
h5 { font-size:14px;color:#6C1A78; font-weight:bold; text-align:left; display:inline}

.holiday_header {
	color: #6C1A78; 
	font-weight:bold;
	font-size:16px;
	display:block;
	padding-bottom:12px;
}	

a:link {text-decoration: none; color:#0033FF}
a:visited {text-decoration: none; color:#0033FF}
a:hover {text-decoration: none; color:#0033FF}
ul { color: #800080; }
.standard_table {
	font-size: 14px; 
	text-align:center; 
	margin:auto; 
}
.price {
	font-size:12px; 
	font-weight:bold;
	text-align:center;
}
.price_right {
	font-size:12px; 
	font-weight:bold;
	text-align:right;
	width:140px; 
}
.clarify { 
	font-size:12px; 
	font-style:italic;
	display:block; 
	padding-bottom:4px;
}

.bottom_sp {
	display:block; 
	padding-bottom:4px;
}

.item_left {
	width:560px;
	padding-bottom:8px;
}
.price_table {
	font-size: 12px; 
	text-align:center; 
	margin:auto; 
	padding-top:10px;
}
.banner_table {
	font-size: 14px; 
	text-align:center; 
	margin:auto; 
	border:0; 
	margin-top:0px; 
	margin-bottom:0px; 
	width:800px;
}

/* Tiled tables */
.clear_tile {
	border:medium groove;
	border-color:#0033FF; 
	padding:10px;
	width:700px;
	margin:auto;
}

.formal_tile_top {
	width:718px;
	text-align:center;
	font-weight:bold;
}

.casual_tile_top {
	width:700px;
	text-align:center;
	font-weight:bold;
}

.footer {
	text-align:center; 
	margin:auto;
	font-size:12px; 
	display:block; padding-bottom:6px;
}


/*  These are the rules which determine the page layout of the banner, the menu and the main sections:
	
	.banner_height determines the height of the banner which starts at the top of the user's window.
		The height is chosen so that the banner ends at the menu bar.
	.menu_position currently is set to start after the banner.
	.main_position determines the start (top pixel line) of the main section and turns on scrollbars.
	setMainHeight("divMain"), in common_head.html, resizes the main section to fit the user's browser window.
		This, in turn, controls the height of the scrollbar of the main window.  This call subtracts the
		banner height from the observed window height for the vertical fit and subtracts the scrollbar width
		from the observed window width to keep the scrollbar just inside the user's windows.

	(It is important to specify the starting pixel position of the menu and the main sections because different
	browsers calculate this differently if you leave it to them.)
.banner_height { height:100px; }
.menu_position { position:relative; }
.main_position { overflow:auto; position:fixed; top:142px; }
*/
.banner_height { height:95px; }
.menu_position { position:relative; }
.main_position { overflow:auto; position:fixed; top:160px; }
#links a:hover 
{
text-decoration: none;
color: red
}

.section_button { 
	width: 220px; 
	height: 60px;
	font-size:14px;
	font-weight:bold;
	color:#009; 
	text-align: center;
	cursor:pointer; 
	background: url(resources/bkg-fabricltpurp.jpg); 
}

.menu_half_button { 
	width: 104px; 
	height: 60px;
	font-size:14px;
	font-weight:bold;
	color:#009; 
	text-align: center;
	cursor:pointer; 
	background: url(resources/bkg-fabricltpurp.jpg); 
}

.bbb_button { 
	width: 99px; 
	height: 153px;
	cursor:pointer; 
}

.bbb_button_horiz { 
	width: 149px; 
	height: 65px;
	cursor:pointer; 
}

.front_button { 
	width: 149px; 
	height: 45px;
	cursor:pointer; 
}