/* Default CSS used globally on Catalina's site */

body {
margin: 0;
padding: 0;
text-align: center;
background-color: #400002;
font-family:  "comic sans ms", arial, sans-serif;
font-size: 1em;
color: #000;
}
/*  multi-column layout within one container div */

#container {
display: block;
width: 760px;
margin: 0px auto 0 auto;
padding: 0px;
text-align: left;
background-color: #000;
background-image: url(images/testbackground.jpg);
}



#header, #footer, #subhead {
	clear: both;

	}

#header {
height: 111px;
/* background-color: #000; */
background: url(images/catlogo5opt.gif) no-repeat top center;
}

#subhead {
height: 20px;
margin: 0px;
padding: 0px;
border: 0px;
background-color: #cc9900;
text-align: center;
color: #000;
font-size: .7em;
font-weight: bold;

}


/* used in subhead to center text */
.middle {
	text-align: center;
	font-size: small;
	}



#nav {
float: left;
width: 170px;
background-color: #000; 
padding: 5px;
border-right: 10px solid #540000;
height: 690px;
}

/* sets the nav column height for pages with mid to long content area */
#midnav {
float: left;
width: 170px;
background-color: #000; 
padding: 5px;
border-right: 10px solid #540000;
height: 850px;
}

/* sets the nav column height for pages with mid to long content area */
#midlongnav {
float: left;
width: 170px;
background-color: #000; 
padding: 5px;
border-right: 10px solid #540000;
height: 1100px;
}

/* sets the nav height for pages with extra long content area */
#longnav {
float: left;
width: 170px;
background-color: #000;
padding: 5px;
border-right: 10px solid #540000;
height: 1450px;
}

/* the box that displays restaurant hours */
#navBox {
margin: 5px auto 10px auto;
/* margin-left: 14px;
margin-bottom: 10px; */
width: 155px;
padding-top: 8px;
padding-bottom: 8px;
font-size: .7em;
text-align: center;
background-color: #400002;
color: #cc9900;
}

/* the box that announces specials in nav section */
#navBoxAnnounce {
margin-left: 14px;
margin-bottom: 10px;
width: 145px;
padding-top: 8px;
padding-bottom: 8px;
font-size: .8em;
text-align: center;
color: #f1d89b;
}

#navBoxAnnounce a, #navBoxAnnounce a:visited {color: #f1d89b; font-weight: bold;}
#navBoxAnnounce a:hover {color: #930;}


/* sets different line spacing in navBox */
p.differentSpacing { margin-top: 0em;
	margin-bottom: .1em; }



#content {
float: right;
width: 73%;
background: url(images/BG_content_top2.jpg) no-repeat top center;
font-family: Verdana, Arial, sans-serif;
font-size:  .8em;
padding: 15px 0 15px 15px;
}

/* margins for text and list items in content section */
#content .copy p, ul {
	margin-right: 35px; 
	margin-left: 30px; }

#content .copy li {
	margin-left: 35px; 
	margin-right: 35px; }

/* sets the indent for h4 tags in the catering page */
#content .item h4{
	color: #000;
	text-align: left;
	margin-left: 50px;
	font-size: 1.2em;
	font-family: "Times New Roman", serif;
	}

/* formats the navigation links at the bottom of the page */
#content .bottomNav {
		font-size: .85em;
		text-align: center;
		font-family: "Times New Roman", serif;
		font-weight: bold;
		}

#content .bottomNav a {
		color: #600;
		font-weight: bold;
		}

#content .bottomNav a:hover {
		color: #930;
		font-weight: bold;
		}


#footer {
height: 50px;
background-color: #000;
border-top: 10px solid #cc9900;
color: #cc9900; 
font-size: .75em;
text-align: center;
padding: 5px;
}

.directionsHeading {
	font-weight: bold;
	color: #600;
	}
 
.infoHeading {
	color: #600;
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: bold;
	}	

/* .dropBox {
width: 250px;
padding: 0px;
margin: 0px;
float: left;
} */

/* right justifies image on index page */
.pic {
	display: block; 
	float: right;
	padding: 5px 0px 5px 10px;  
	 }

.centeredImage {display: block;
		text-align: center;
		margin: 10px;
		}

img.displayed {display: block;
		margin-left: auto;
		margin-right: auto;
		}

ul#menu {
margin: 5px 5px 5px;
padding: 0px;
}

ul#menu li {
list-style-type: none; /* removes the bullet point */
font-weight: bold;
font-size: .9em;
text-align: center;
margin-bottom: 1px;
}

.navtop {
margin-top: 10px;
}


ul#menu li a {
color: #cc9900;
text-align: center;
text-decoration: none;
}

ul#menu li a:hover {

color: #993300;
}

a 	{
	color: #600;
	
	}

a:hover {
	color: #930;
	}

/* heading text on each page */
h3	{color: #660000; 
	text-align: center;
	font-size: 1.5em;
	font-family: "Times New Roman", serif;
}


h4	{color: #000;
	text-align: center;
	font-size: 1.3em;
	font-family: "Times New Roman";
	}


#footer a {
color: #930;
text-decoration: none;
font-weight: bold;
}

#footer a:hover {
color: #c90;
}

ul#menu li a.dim {color: #930;}

.listSpacing li {
margin-bottom: 7px;
}

/*  the two classes below for use with the span tag, but can be doubled up with other classes */
.italic {
font-style: italic;
}

.bold {
font-weight: bold;
}

.center {
text-align: center;
}