@charset "utf-8";
/* CSS Document */
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #42413C;
	background:url(../images/debut_dark.png) repeat;
	margin: 0;
	padding: 0;
	color: #000;
	margin-bottom:10px;
}

/* ============= browser reset ============== */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	color: #000000;
}

a img {border: none;}



/* ======== This fixed width container surrounds all other blocks ====== */
#container {
	width: 960px;
  	background: linear-gradient(#ebebeb, #555); /* Standard syntax */	
	margin: 0 auto; /* centers the layout */
	border:0px solid #BC1FB6;
	overflow: hidden;
	box-shadow: 2px 2px 8px 8px #222;
}


/* == The header is not given a width. It will extend the full width of the layout. === */
#header {
	background-color: #666;
	background-image:url(../images/gray-swirl-header.jpg);
}

#header img {
		padding:10px 0 4px 30px;
		margin-bottom:0;
}

#header p {
	color:#fff;
	float: right;
	font-size:14px;
	padding-top:25px;
}

.iPhone a {       /* iPhone turns phone numbers into links, default color is blue */
	color:#fff; 
}


#online-store a {
	display:block;
	height:28px;
	line-height:28px;
	text-transform: uppercase;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-weight:bold;
	font-style:italic;
	letter-spacing:3px;
	background:url(../images/red-grad.jpg) repeat-x;
	color:#ebebeb;
	text-decoration:none;
	border-bottom:1px solid #333;
}

#online-store a:hover {
	display:block;
	height:28px;
	background:url(../images/red-grad3.jpg) repeat-x;
	color:#fcfcfc;
	text-decoration:underline;
}

/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:260px; width:500px; color:#bbb; background-color:#fefefe; border-radius:15px; border:4px solid #9B090B; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container a {color:#000;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#ff0000;}

#basic-modal-content p.advise {color:#000; font-size:24px; text-transform:capitalize; text-align:center; line-height:30px; letter-spacing:1px;}


/* ======================= Primary Columns for Layout  ========================= */

#sidebarL {
	float: left;
	width: 180px; 
	position:relative;
	z-index:2;
}

#main_content {
	float: left;
	padding: 10px 0;
	width: 590px;
	font-size:14px;
	background-color:#fff;
}

#sidebarR {
	float: left;
	width: 190px; 
}


/* ======================== navigation menu styles ============================ */

#nav ul{
	list-style: none;
	margin-top: 10px; /* space above the navigation buttons */
	margin-bottom: 15px; /* space between the navigation and the content below */
}


#nav li {
	height:32px;
	width: 176px;
	text-decoration: none;
	background-color: #42413C;
	box-shadow: 3px 3px 2px #888;
	border-radius:0 2px 2px 0;
	color: #fff;
	margin-bottom:10px;
}

#nav a, nav a:visited {
	padding-left:15px;
	display: block; 
	height:32px;
	line-height:32px;
	text-decoration: none;
	border-left:inset 2px;
	color: #fff;
	border-radius:0 2px 2px 0;
}

#nav a:hover, nav a:active, nav a:focus, .current {
	background:url(../images/red-grad-tall.jpg) repeat-x;  
	text-decoration: none;
	box-shadow: 6px 6px 5px #888;
	border-radius:0 2px 2px 0;

}


/* =================== #main_content area styles, headings & lists ================= */

#main_content .open-sans {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}

#main_content ul, #main_content ol {
	padding: 0 10px 15px 40px;
	line-height:20px;
}

#main_content ul li, #main_content ol li{
	margin: 0 0 10px 0;
}

#main_content .emphasis {
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	padding-left: 15px;
	color:#9B090B; /* dark red */
}

#oval{
	width: 590px;
	height: 60px;
	line-height:60px;
	margin-top:-10px;
	text-align:center;
	background: #fafafa; /* #ffc621 MD yellow */
	border-bottom: 1px solid #999;
	border-bottom-right-radius: 60px;
	border-bottom-left-radius: 60px;
}

#faq-wrapper table {
	border-collapse:collapse;
	margin-left: 15px;
	margin-bottom:15px;
}

#faq-wrapper td, th {
	border: 1px solid #ccc;
	padding-left:10px;
}

.box-shadow-underline{
 	box-shadow: 3px 3px 3px 0px #666;
	border-top:1px solid #aaa;
}

#contact_frame{
	margin:0 auto;
	background-color:#f4f3ee;
	background-image:url(../images/cartographer2.jpg);
	width:520px;
	padding:10px;
	border-radius:8px;
	border: 1px solid #bbb;
}

.input_fields{
	margin-top:4px;
	margin-bottom:4px;
	padding-bottom:4px;
	padding-top:4px;
	background-color:#fcfcfa;
}

.alert{
	font-size:18px;
	font-weight:bold;
	margin-left:15px;
	color:#FFF;
	background-color:#9B090B;
}

.links p a, a:visited {
	color: #3655bb;
}

#yellow-rectangle {
	 /* height:120px; << removed height to allow Covid-19 text to fit */
	background-color:#ffc621;  /* MD yellow */
	text-align:center;
	border-radius:10px; 
	box-shadow: 0 0 2px 2px #999;
	padding: 2px 15px 10px 15px;
	margin: 0 15px 20px 15px;
}


#yellow-rectangle h1 {	
	margin:10px 0 10px 0;
	font-weight: bold;
}

#yellow-rectangle h2 {	
	padding: 0;
	margin: 12px -10px 10px -10px;
	font-size:24px;
}

#yellow-rectangle h3 {	
	font-family: 'Kaushan Script', cursive;
	color:#9B090B;
	font-size:18px;
	letter-spacing:1px;
}

#yellow-rectangle p {  /* Added paragraph style for Covid-19 announcement */
	text-align:left;
}



p.introduction:first-letter {
 font-size: 44px;
 float: left; 
color: #42413C;
 line-height: 35px;
 padding-top: 3px; 
 padding-right: 3px;
 font-family: Georgia, Times, serif;
}

/* ======================== FAQ Styles ====================== */

.answer {
    display:none;
}

#faq-wrapper h2 {
    line-height:20px;
    font-size:14px;
    font-weight:normal;
    padding:6px 6px 6px 24px;
    cursor:pointer;
    background-image:url('../images/open.png');
    background-position:left;
    background-repeat:no-repeat;
	background-color:#EEEEEA; /* was MD yellow #ffc621 */
	border-radius: 4px;
}

#faq-wrapper h2.close {
    background-image:url('../images/close.png');
}

#faq-list h2 {
	margin-left:10px;
	margin-right:10px;
}

#faq-list p {
    line-height:20px;
    font-size:14px;
    font-weight:normal;
    padding:6px 6px 6px 24px;
}
	
/* ======================= sidebarR headings & link styles ======================== */

#sidebarR h5{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-weight:normal;
	font-style:italic;
}

#sidebarR h4{
		font-size:14px;
}

#sidebarR h4 a, #sidebarR h4 a:visited {
		display:block;
		width:168px;
		height:22px;
		color:#2f4aa4;
		background-color:rgba(221,221,221,0.4);
		text-decoration:none;
		padding:6px 0 6px 12px;
		border:1px solid #999;
		border-radius:3px;
		margin-left:-11px;
		margin-bottom:-15px;
}


#sidebarR h4 a:hover, #sidebarR h4 a:active, #sidebarR h4 a:focus {
		text-decoration: none;
		color:#2f4aa4;
		background-color:#fff;
		box-shadow:inset 0 0 1px #999;
		border:1px solid #888;
}
	  
	  
.smaller {
	font-size:9px;
}



/* =============================== The footer ================================ */
#footer {
	height:201px;
	padding: 10px 0;
	background:url(../images/footer5.jpg) no-repeat;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* forces the #container to understand where the columns end and contain them */
}


#footer p {
	color: #fff;
	font-size:14px;
	text-align:center;
}

#footer p a{
	color:#fff;
}


html {
  overflow-y: scroll;
}