/*
Global Styles
*/
* {
	margin: 0;
	padding: 0;
}
html, body { height: 100%; }
html { font-size: 100%; }
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 10% 0 10%;
	background: #e7e8eb url(images/left.png) repeat-y;
	background-position: 10% 0;
}
img { border: none; }
a { outline:none; }
h1 {
	padding: 8px;
	text-indent: -9000px;
}
h1 a {
	height: 130px;
	width: 435px;
	display: block;
	background: url(images/logo.gif) no-repeat;
}
h2, h2 a, h2 a:hover, h2 a:visited, h2 a:link, h2 a:active {
	color: #600;
	font-weight: bold;
	margin: 0 .4em .4em 0;
	display: inline;
	text-transform: uppercase;
	text-decoration: none;
}
h3 { text-align: center; }

/*
Body Layout
*/
#container {
	background: white url(images/right.png) repeat-y top right;
	margin-left: 6px;
	height: 100%;
}
#container2 {
	background: white url(images/right.png) repeat-y top right;
	padding-right: 6px;
}

/*
Header/Navigation
*/
#header {
	background: url(images/grandma_ruthie.gif) no-repeat 98% 10px;
	width: 100%;
}

/*Global Nav*/
#nav { list-style-type: none; }
#nav ul{
	border-bottom: 1px solid black;
	clear: both;
	width: 100%;
	display: block;
	overflow: visible;
}
#nav li {
	float: left;
	display: block;
}
#nav li a {
	margin: auto;
	width: auto;
	display: block;
	text-indent: -9000px;
}

/*Main Nav*/
#main_nav {
	height: 25px;
	border-top: 1px solid black;
	background: url(images/nav_bg.png) repeat;
}
#main_nav li {
	width: 16%;
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
}
#main_nav li a {
	height: 25px;
	border-left: 1px solid black;
	border-right: 1px solid #2f7fa4;
}
#main_nav li a:hover {
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
}

/*Menu Sub Nav*/
#menu_sub_nav {
	background: url(images/sub_nav_bg.png) repeat;
	height: 20px;
}
#menu_sub_nav li {
	width: 24%;
	background-image: url(images/menu_sub_nav.png);
	background-repeat: no-repeat;
}
#menu_sub_nav li a {
	height: 20px;
	border-left: 1px solid black;
	border-right: 1px solid gray;
}
#menu_sub_nav li a:hover {
	background-image: url(images/menu_sub_nav.png);
	background-repeat: no-repeat;
}

/*Flapjack Sub Nav*/
#flapjack_sub_nav {
	background: url(images/sub_nav_bg.png) repeat;
	height: 20px;
}
#flapjack_sub_nav li {
	width: 49%;
	background-image: url(images/flapjack_sub_nav.png);
	background-repeat: no-repeat;
}
#flapjack_sub_nav li a {
	height: 20px;
	border-left: 1px solid black;
	border-right: 1px solid gray;
}
#flapjack_sub_nav li a:hover {
	background-image: url(images/flapjack_sub_nav.png);
	background-repeat: no-repeat;
}

/*Main Menu Items*/
#home     { min-width: 66px;  }
#menu     { min-width: 66px;  }
#flapjack { min-width: 164px; }
#services { min-width: 90px;  }
#links    { min-width: 122px; }
#map      { min-width: 50px;  }

#home     { background-position: 50% 0;      }
#menu     { background-position: 50% -50px;  }
#flapjack { background-position: 50% -100px; }
#services { background-position: 50% -150px; }
#links    { background-position: 50% -200px; }
#map      { background-position: 50% -250px; }

#home     a:hover { background-position: 50% -25px;  }
#menu     a:hover {	background-position: 50% -75px;  }
#flapjack a:hover { background-position: 50% -125px; }
#services a:hover { background-position: 50% -175px; }
#links    a:hover { background-position: 50% -225px; }
#map      a:hover { background-position: 50% -275px; }

/*Menu Sub Nav Items*/
#m_s_breakfast { min-width: 85px;  }
#m_s_lunch1    { min-width: 112px; }
#m_s_lunch2    { min-width: 112px; }
#m_s_print     { min-width: 130px; }

#m_s_breakfast { background-position: 50% 0px;    }
#m_s_lunch1    { background-position: 50% -40px;  }
#m_s_lunch2    { background-position: 50% -80px;  }
#m_s_print     { background-position: 50% -120px; }

#m_s_breakfast a:hover { background-position: 50% -20px;  }
#m_s_lunch1    a:hover { background-position: 50% -60px;  }
#m_s_lunch2    a:hover { background-position: 50% -100px; }
#m_s_print     a:hover { background-position: 50% -140px; }

/*Flapjack Sub Nav Items*/
#f_s_about   { min-width: 220px; }
#f_s_gallery { min-width: 220px; }

#f_s_about   { background-position: 50% 0px;   }
#f_s_gallery { background-position: 50% -40px; }

#f_s_about   a:hover { background-position: 50% -20px; }
#f_s_gallery a:hover { background-position: 50% -60px; }

/*
Page Body
*/
#page        { margin: 8px; }
#page ul     { margin: 1em 0 1em 30px; }
.page_text   { padding: 10px; text-align: justify; }
.page_text p { margin-bottom: 1em;  font-size: .9em; }

.figure img { width: 100%; border: 1px solid black; }
.full { width: 95%; padding: 10px; margin: 0 auto; }
.half { width: 50%; padding: 10px; margin: 0 auto; }
.third { width: 33%; padding: 10px; margin: 0 auto; }
.two-fifths { width: 40%; padding: 10px; margin: 0 auto; }
.quarter { width: 25%; padding: 5px; margin: 0 auto; }

/*General Body Elements*/
.no_style { list-style: none; }

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/*Specific Body Elements*/
#about { background-color: #f8ffbf; }

#about .figure { float: left; max-width: 400px; margin-top: 1em; padding-bottom: 1em;}
#breakfast .figure { float: right; max-width: 400px; margin-top: 3em}
#lunch .figure { float: left; max-width: 400px; margin-top: 1em; }

#flapjack-bg { float: right; max-width: 390px; padding: 2px; }
#links-bg { float: right; max-width: 390px; margin: 18px; }
#links-bg img { border: none }

.flapjack_table {
	float: left;
	margin: 0 4px 0;
	border: 1px solid black;
}
.flapjack_table tr { background-color: #E0E8FF; }
.flapjack_table td {
	font-size: .8em;
	padding: 1px 5px 0 5px;
}

.menu_link{
	margin: 18px 0 18px 0;
	display: block;
}
.menu_link a {
	padding: 30px 60px 30px 0;
	background: url(images/menu_icon.gif) no-repeat center right;
}

#dynamic {
	text-align: center;
	overflow: auto;
	width: 100%;
}