/* =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;
}

/* = Layout for 2 column pages
-----------------------------------------------------------------------------*/

/* = Wrapper - Overall wrapper for site. Change width as appropriate
-----------------------------------------------------------------------------*/
div#wrapper 
{
	background-color: #FFFFFF;
	width: 900px;
	min-height: 600px;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
}


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


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


/* =Main Nav - Left hand navigation. Change width as appropriate
-----------------------------------------------------------------------------*/
/*
div#leftNav 
{
	background-color: #FFFFFF;
	padding-top: 50px;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
	width: 170px;
	height: 700px;
}

div#belowLeftNav 
{
	background-color: #FFFFFF;
	float: left;
	width: 170px;
}

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

div#belowLeftNav
{
    clear:left;
    float: left;
    margin-top: 2em;
	width: 12em;
	max-width: 15%;
}


/* =Left Content - To sit above or below left navigation. Change width as appropriate
-----------------------------------------------------------------------------*/

div#leftContent 
{
	background-color: #FFFFFF;
	margin-top: 50px;
	clear: both;
	clear: left;
	width: 200px;
}


/* =Content - Use this for 2 column navigation - Change width as appropriate
-----------------------------------------------------------------------------*/
div#content 
{
	margin-top: 10px;
	width: 680px;
	float: right;
	padding-right: 10px;
	min-height: 300px;
}

/* =Main Content - Use this for 3 column navigation along with right content
below - Change width as appropriate
-----------------------------------------------------------------------------*/
div#mainContent
{
	width: 580px;
	float: left;
}

/* =Main Content Centered - Use this for 2 column navigation along with right content
below - Change width as appropriate
-----------------------------------------------------------------------------*/
div#mainContentCentered
{
    text-align: center;
	width: 580px;
	float: right;
}

/* =Right Content - Use this for 3 column navigation along with main content
above - Change width as appropriate
-----------------------------------------------------------------------------*/
div#rightContent
{
	width: 120px;
	float: right;
}



/* =Footer - Change width as appropriate
-----------------------------------------------------------------------------*/
div#footer
{
	clear: both;
	margin-top: 10px;
	width: 100%;
	text-align: center;
}

div#imagefooter
{
    width: 100%;
    min-height: 130px;
    background-image: url(../resources/awards2.jpg);
    background-position: center;
    background-repeat: no-repeat;
}


/* For typography, change font information as required.

/* =Typography
-----------------------------------------------------------------------------*/
body
{
	font-size: 10pt;
	font-family: Arial, Sans-Serif;
}

h1
{
	background-color: #676567;
	color: White;
	font-size: 18pt;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
}

h2
{
	font-size: 14pt;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
}

h3
{
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
}


/* =Images
-----------------------------------------------------------------------------*/

/* =Standard tables
-----------------------------------------------------------------------------*/
table.standard
{
    border-collapse: collapse;
    width: 50em;
    border: 1px solid #25c4b0;
}

th.standard, td.standard
{
    padding: 0.1em 1em;
}

caption.standard
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 1em 0;
}

col.standard
{
    border-right: 1px solid #25c4b0;
}

.odd
{
    background-color: #f0fff0;
}


/* =Dinner menu tables
-----------------------------------------------------------------------------*/

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


td.dinner1 {
	width: 15%;
	padding: 3px;
	background-color: #5f9ea0;
	text-align: center;

}

td.dinner2 {
	width: 17%;
	padding: 3px;
	background-color: #7fffd4;
	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;
}

/* =Lists
-----------------------------------------------------------------------------*/
ul.withDisk
{
    list-style-position: inside;
    list-style-type: disc;
    line-height: 1.5;
}