@charset "utf-8";

body {background: #B7D17A url(images/background.png) repeat-x top left;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  }
	  
a {font-weight: bold;
	color: #309;
	text-decoration: none}

a:hover {color:#F90}

ul {margin-top: 0px;}

.white {color: #FFF;
        font-size: 1.5em;
		font-weight: bold;
		border: 1px #000 solid;
		background: #230F38;
		padding: 7px;
		position: relative;
		top: 3px}
		

	
		
.cafe  {color:#CCC;
  		margin-top: 10px;
		font-size: 1.5em;
		font-weight:bold}
		


#container {width: 900px;
			margin: 50px auto;
			height: auto;
			}
			
#catering-left {
	width: 600px;
	background: #DBEFA5 url(images/border_middle.png) repeat-y;
	background-position: top left;
			}
			
#main-left {
	width: 600px;
	background: #DBEFA5 url(images/bridges_cafe_door.png) no-repeat top left;
	background-position: top left;
	height: 671px;
			}
			
#cafe-left {
	width: 600px;
	background:  #555 url(images/border_middle.png) repeat-y;
	background-position: top left;
	color: #CCC
				}
			
/* content info */
#mainpage {
	width: 530px;
	color: #FFF;
	margin-left: 25px;
	height:520px;
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.4em;
	font-size: 1.2em;
	background: #120037 url(images/contact.png) no-repeat top left}

#mainpage a {color: #fff; text-decoration: underline}
#mainpage a:hover {color: #ccc; text-decoration: underline}

/*Header*/
#header {
	width: 190px;
	height:100px;
	padding-left: 10px;
	padding-top: 10px;
	position: relative;
	text-align: center;
}

#header H3 {
	margin-left: 0px;
	margin-top: -50px;
	font-size: 1.3em;
	color:#666;
	text-align:center;
}
		
/*Frame Graphics*/		
.frame-top {background: url(images/border_top.png) no-repeat;
			background-position: top left;
			height: 10px;}

.frame-bottom {background: url(images/border_bottom.png) no-repeat;
			background-position: bottom left;
			height: 11px;
			position: relative;
			top: -1px;}
		
/*Navigation Menu*/
#navigation {
	width:390px;
	font-size: 1.2em;
	background: #230F38;
	text-align: center;
	position: relative;
	float: right;
	margin: 5px 16px 0 0;
	padding: 4px 0;
	vertical-align: bottom;
	height: 30px;
}

#navigation a {background: #230F38;
				color: #FFF;
				text-decoration: none;
				padding: 0 5px 0 5px;
				vertical-align:bottom;}
				
#navigation a:hover {background:#DBEFA5;
					color: #306;
					padding: 5px 5px 18px 5px;
					 }

/*Sub Navigation Menu*/
#subnavigation {
	width: 390px;
	font-size: 1em;
	background: #230F38;
	text-align: center;
	float: right;
	margin: 1px 16px 0 0;
	vertical-align:middle;
	height: 25px
}

#subnavigation a {background: #230F38;
				color: #FFF;
				text-decoration: none;
				padding: 0 5px 0 5px;}
				
#subnavigation a:hover {background:#DBEFA5;
					color: #306;
					 padding: 0 5px 10px 5px;}
					 
/*Sub Navigation Menu repeat at bottom*/
#subnavigation_2 {width: 390px;
			font-size: 1em;
			background: #230F38;
			text-align: center;
			vertical-align: bottom;
			float: right;
			margin: 1px 10px 0 10px;
			height: 26px;
			padding-top: 5px;
		}

#subnavigation_2 a {
	color: #FFF;
	text-decoration: none;
	padding: 5px 5px 0 5px;
}
				
#subnavigation_2 a:hover {background:#DBEFA5;
					 color: #306;
					 padding: 5px 5px 12px 5px;}


/*Right Hand Column*/
#catering-right {
	float: right;
	width: 280px;
	background: url(images/right_bg.png) no-repeat;
	height: 800px;
	margin: 0;
	padding: 5px;
	position: relative;
	left: -8px;
	top: 40px;
	font-size: .96em;
}

#main-right {
	float: right;
	width: 280px;
	background: url(images/right_bg_550.png) no-repeat;
	height: 560px;
	margin: 0;
	padding: 5px;
	position: relative;
	left: -8px;
	top: 40px;
}
				
#catering-right H4 {margin-bottom:0}
#catering-right li {margin-bottom:0}

ul.catering {margin-left: -30px;}
.catering li {
	list-style-type:disc;
	color: #306;
}

.padded {
	padding: 30px 13px 5px 13px;
	width: 90%;
}

.menubox H3 {text-indent: 5px;}

h2 {margin-bottom: 1px;}

.menubox {
	margin-right: 9px;
	padding: 10px 3px 10px 13px;
	background: url(images/catering_bg.png) no-repeat top right;
}

.menubox_cafe {
	margin-right: 9px;
	padding: 10px 3px 10px 13px;
	background: ;
}

li {
	line-height: 1.5em;
	vertical-align: top;
	margin-bottom: 0.75em;
	list-style-type: none;
}




/*Menu Styles*/
.menuitem {	
	border-bottom: thin dotted #230F38;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-right: 10px;}
	
.menuitemhdr {	
	border-bottom: none;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;}
	
H3.grey {color: #666; font-weight: bold; font-family:Verdana, Geneva, sans-serif; margin-bottom: 0; margin-left: -5px; }
	

.menuitem h3 {margin-bottom: 5px;
			  display: inline;
			  font-size: 1.1em;
			 }
			 
.special {margin-left: 55px}
							
.menuitem h4 {margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 55px;
	display: block;
	font-size: 1em;
}

.menuitem h5 {display: inline;
			  font-size: 1em;
			  font-weight: normal;}

.menuitem p {margin-left: 55px;
			margin-top: 0;
			margin-bottom: 0}
			
.submit {border: 1px #FFF solid;
		background:#CCC;
		margin: 5px;
		color: #FFF;
		background: #230F38;
		position: relative;
		left: 350px;}
		
.order {border: 1px #FFF solid;
		margin: 5px;
		color: #FFF;
		background: #230F38;
		width: auto;}

/*Cafe Menu Formatting*/
.cafemenu1 {font-weight: bold;
			margin-bottom: 0;
			color: #FFC}
.cafemenu2 {margin-top: 3px;
			font-style:oblique;
			}
.price {font-weight: 100;
		color:#CCC;
		float: right;
		}
		
.close {padding-right: 80px;}
.closer {padding-right: 300px; margin-top:5px}

.invisible {visibility:hidden;}
		
		
TR {vertical-align:top;}
		
.cafe H2, H2.cafe {
	color: #230F38;
}