/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* 
{
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset /*, table, ul  */
{
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

/* = Wrapper
-----------------------------------------------------------------------------*/
div#wrapper 
{
	width: 72em;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
	background: #fff url(../resources/leftBackground.gif) repeat -y 20% 0;
}


/* =Branding
-----------------------------------------------------------------------------*/
div#branding
{
	height: 120px;
	background: url(../resources/banner.jpg) no-repeat left top;
}


/* = Horizontal Navigation Bar
-----------------------------------------------------------------------------*/
div#navBar
{
	height: 50px;
	background-image: url(../resources/navBarBackground.jpg);
}


/* =Main Nav
-----------------------------------------------------------------------------*/

div#leftNav 
{
	float: left;
	height: 500px;
	margin-top: 10px;
	width: 12em;
	max-width: 15%;
}

div#belowLeftNav
{
    padding-top: 20px;
    float: left;
	width: 12em;
	max-width: 15%;
}




/* =Main Content
-----------------------------------------------------------------------------*/
div#content 
{
	float: right;
	margin-top: 10px;
	width: 58em;
	max-width: 85%;
	padding-right: 1em;
}


/* =For 3-col layout
-----------------------------------------------------------------------------*/
div#mainContent
{
	float: left;
	width: 38em;
	max-width: 75%;
}

div#rightContent
{
	float: right;
	width: 15em;
	max-width: 20%;
	/* border-left: 1px solid black; */
	padding-left: 0.8em;
	margin-top: 20px;
}


div#centreContent
{
	width: 58em;
	text-align: center;
	max-width: 20%;
	padding-left: 0.8em;
	margin-top: 5px;
}



/* =Footer
-----------------------------------------------------------------------------*/
div#footer
{
	clear: both;
	font-size: 0.8em;
	margin-top: 30px;
	padding-left: 8em;
	width: 72em;
	max-width: 100%;
	text-align: center;
}




/* =Typography
-----------------------------------------------------------------------------*/

body
{
	font-size: 75%;
	font-family: Arial, Sans-Serif;
}

/* =Heading
-----------------------------------------------------------------------------*/
h1
{
	font-size: 250%;
	font-family: Arial, Sans-Serif;
}

h2
{
	font-size: 175%;
	font-family: Arial, Sans-Serif;
}

h2
{
	font-size: 125%;
	font-family: Arial, Sans-Serif;
}

h3
{
	font-size: 110%;
	font-family: Arial, Sans-Serif;
}


/* = Lists
-----------------------------------------------------------------------------*/
ul.disc
{
	list-style-type: disc;
	padding-left: 3em;
	line-height: 1.5em;
}

ol.normal
{
    list-style-type: decimal;
	padding-left: 3em;
	line-height: 1.5em;
}

td.diarydate
{
	padding-right: 5px;
}

td.diarydateShaded
{
	background-color: #f0f8ff;
	padding-right: 5px;
}

td.diaryitem
{
	padding-left: 20px;
}

td.diaryitemShaded
{
	background-color: #f0f8ff;
	padding-left: 20px;
}

td.staffDesig
{
	padding-right: 10px;
	padding-bottom: 5px;
	font-weight: bold;
}

td.staff
{
	padding-left: 15px;
	padding-bottom: 5px;
}

/* Dinner Menu Tables */
table.dinners {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	border: none;
}


td.dinner1 {
	width: 15%;
	padding: 3px;
	background-color: #00008b;
	color: #ffd700;
	text-align: center;

}

td.dinner2 {
	width: 17%;
	padding: 3px;
	background-color: #00008b;
	color: #ffd700;
	text-align: center;

}

td.dinner3 {
	width: 17%;
	padding: 3px;
	background-color: white;
	text-align: center;
	border-right: 1px solid lightgreen;
	border-bottom: 1px solid lightgreen;
}